alvaromontoro

sarajw, 2 days ago to random

What pattern will emerge from this union?

alvaromontoro, 2 days ago to random

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, 3 days ago to random

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.

zachleat, 4 days ago to random

I too would like to announce that I am not on the bluesky board of directors

simevidas, 4 days ago to random

Leading conspiracy theories in my area:

1. a secret group of powerful people control world events
2. big pharma companies spread diseases to increase drug sales
3. every person who owns a computer that is connected to the internet is being tracked and monitored

alvaromontoro, 6 days ago to random

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.

alvaromontoro, 7 days ago to random

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, 10 days ago to random

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, 12 days ago to random

"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!"

keithjgrant, 13 days ago to random

Petition to remove Brazil nuts from cans of mixed nuts and replace them with something that actually tastes good, like pistachios

alvaromontoro, 15 days ago to random

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.

aardrian, 18 days ago to accessibility

Keep your image alternative text brief, devoid of special characters, empty of URLs, and ideally in one language.
https://adrianroselli.com/2024/04/long-alt.html

#accessibility #a11y

alvaromontoro, 19 days ago to webdev

New comiCSS cartoon: Dungeon
https://comicss.art/?id=135

#webdevelopment #webdev #joke

SaraSoueidan, 21 days ago to random

I haven't blogged regularly in a long while (in about 2 years, actually, since the course).

I'm now slowly getting into the flow of things, and I have a lot of ideas for topics to write about. Too many.

So I'm wondering: what kind of topics do you wish I'd write more about?

alvaromontoro, 21 days ago to ukteachers

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.

#PTA #communityinvolvement #education #volunteering

alvaromontoro, 22 days ago to random

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.]

alvaromontoro, 25 days ago to random

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, 27 days ago to random

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

aardrian, 1 month ago to accessibility

Speaking of #overlays, there is yet another one: #WebAbility

I have already made a PR to add it to the Overlay Fact Sheet:
https://github.com/karlgroves/overlayfactsheet/pull/1189

As with other overlays, it makes WCAG/ADA promises, fails to fix stuff, replicates platform features (poorly) in CSS, and introduces WCAG violations just by adding it to a site.

Cool business model.

#accessibility #a11y