Posts

This profile is from a federated server and may be incomplete. Browse more on the original instance.

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

New comiCSS cartoon: Framework Fans vs Framework Bros
https://comicss.art/comics/140/

It was inspired by a Pizza Cake Comic cartoon (linked in the source code).

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

I made some slight changes to the toggle switch:

  • Added a soft skew transform so it looks like the bear is leaning one way or the other
  • Changed how the background is generated and added masks so the bear is visible in high-contrast mode (I haven't tested it though 😳)

https://codepen.io/alvaromontoro/pen/XWwrEKy

Showcase of a toggle button that looks like a bear looking from side to side (to the options "strange man" and "strange woman")

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

Everyone asks women (and men) if they'd rather encounter a strange man or a bear in the woods, but no one asks the bear.

...until now... New single-element toggle switch: https://codepen.io/alvaromontoro/pen/XWwrEKy

Design inspired by this CSS toggle by Anastasia Goodwin: https://codepen.io/agoodwin/pen/gKpKqw

Demo of a toggle switch with the shape of a cartoony bear. At both sides the text "Strange Man" and "Strange Woman". The bear's face moves to one side or the other when clicked.

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

I got complimented at the grocery store by how quick and efficiently I bagged the stuff. Maybe I should leave software development and focus in my true calling: bagging groceries at the supermarket.

Metamere,
@Metamere@genart.social avatar

@alvaromontoro I also find it satisfying to perform well in life's many mini-games. That and packing a car for a trip or moving-truck for a move can be enjoyable as a seldom-done task, but I feel like it would get old pretty fast as a job.

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

No Face from Spirited Away, drawn with CSS and a single HTML element.
https://codepen.io/alvaromontoro/pen/ZERzGWY

#webdevelopment hashtag#css hashtag#cssArt hashtag#divtober hashtag#throwBackThursday hashtag#tbt

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

Some recent changes in the comiCSS website:

  • Removed YouTube embedded videos and Google fonts (=no trackers/cookies)
  • Added thumbnail pictures to comic pages
  • Updated the URL structure: no more https://comicss.art/?id=136 (which will still works), now it'll be https://comicss.art/comics/136
  • Updated the JavaScript to the new URL structure. The site will work without JS!... But it makes the experience faster and better. So there's that.

Next:

  • Add social media sharing links
  • what else should I do?
alvaromontoro,
@alvaromontoro@front-end.social avatar

@kaiserkiwi Thanks for letting me know. It should be fixed now.

kaiserkiwi,
@kaiserkiwi@corteximplant.com avatar

@alvaromontoro It is. Looks as expected now!

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

"Did you know that with only 20 lines of JavaScript you can do [enter amazing thing that can't be done in 20 lines of JavaScript]? Step one: create a new project using this huge @$$ JS framework. Step two: download these dependencies (that will take 2GB in your hard drive). And step three: copy these 20 lines of JS code... And you are done! You built something amazing in just 20 lines of JS!"

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

Every time I post a comiCSS cartoon that mentions Tailwind, I get some push back and complains from people. I should have been the bigger man and not reply to this comment... But I did.

On the bright side, it gave me an idea for a new cartoon with Tailwind as main topic. So I got that goin' for me, which is nice.

alvaromontoro,
@alvaromontoro@front-end.social avatar

I have nothing against people using Tailwind. That's their choice and a great one if it works on their project. But making it their whole personality or trying to shove it down people's throats? That is sad and incredibly annoying... And one of the reasons why I make those cartoons.

alvaromontoro, to webdev
@alvaromontoro@front-end.social avatar
alvaromontoro,
@alvaromontoro@front-end.social avatar
Metamere,
@Metamere@genart.social avatar

@alvaromontoro Great comics as always! On a related note, I started coding my new personal website last fall using a Hugo template which included Tailwind. I struggled but got pretty far along, though I had to take a break to work on a big project. Now, I really want to complete my site, but I'm sort of dreading getting back into it. I can find plenty of good resources on migrating TO Tailwind, but nothing on migrating FROM it. Please sensei, could you recommend a good way to go from here?

alvaromontoro, to ukteachers
@alvaromontoro@front-end.social avatar

Last night, I was re-elected as Vice-President of the Patsy Sommer Elementary PTA. Working alongside the PTA to coordinate and participate in school events has been an incredibly fulfilling and enriching experience. I can't wait to see what this new year will bring for our school community.

geoff,
@geoff@front-end.social avatar

@alvaromontoro Heck yeah, way to not only contribute and invest in your community, but lead by example as well. I love it. 🧡

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

Someone somewhere some time in the past: "Yeah, let's call this CSS concept 'specificity.' It's the perfect word: descriptive enough so people understand what it is; yet weird enough so that non-English speakers (and some native too) won't be able to pronounce it correctly."

[Probably followed by a loud "Mwahahahahahaha" and some more evil laughter over a background of a stormy night and lightning.]

kaiserkiwi,
@kaiserkiwi@corteximplant.com avatar

@alvaromontoro In German it's "Spezifität". A word that is practically never used and it's hard to pronounce for pretty much everyone the first 10 times.

I guess they searched for a word that is terrible in as many languages as possible. 😁

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

Bootstrap may be considered bad now, but it has done more for web development and styling than Tailwind has done (and ever will?)

Bootstrap may be boring and all the sites look really similar, but it brought web styling to people that didn't know how to do it. Not only for developers, but for anyone building a website. People that didn't know much about web development could build nice-looking websites (something that is reflected in an estimated 20% of the web using Bootstrap).

alvaromontoro, to random
@alvaromontoro@front-end.social avatar

Yesterday, I did a small workshop about drawing with CSS and my experience drawing a comic about CSS in CSS at the Nerdearla conference. As part of the workshop, I created a small meme for comiCSS: https://comicss.art/?id=132

A Tailwind version may be coming out soon :P

alvaromontoro,
@alvaromontoro@front-end.social avatar

A web styling version (with Tailwind at the end of the joke 😳)
https://comicss.art/?id=133

kaiserkiwi,
@kaiserkiwi@corteximplant.com avatar

@alvaromontoro When you said Tailwind version I was a bit scared you would try to code this with Tailwind. 😅

alvaromontoro, to random
@alvaromontoro@front-end.social avatar
aardrian,
@aardrian@toot.cafe avatar

@alvaromontoro Looks great! The split on click is amusing.

I have to support tri-state all the time, so it’s part of my standard styles.

hans,
@hans@mastodon.hansup.be avatar

@alvaromontoro Nice! 😄 Maybe play with color palet to have clear difference between active/non-active.

alvaromontoro, to random
@alvaromontoro@front-end.social avatar
Metamere,
@Metamere@genart.social avatar

@alvaromontoro Maybe it's to help keep track of how many times you've toggled the switch? 🤔

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • modclub
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • osvaldo12
  • ethstaker
  • Youngstown
  • mdbf
  • slotface
  • rosin
  • ngwrru68w68
  • kavyap
  • GTA5RPClips
  • JUstTest
  • cubers
  • InstantRegret
  • khanakhh
  • tester
  • everett
  • Durango
  • tacticalgear
  • normalnudes
  • megavids
  • Leos
  • cisconetworking
  • anitta
  • lostlight
  • All magazines