alvaromontoro

alvaromontoro, 7 months ago to random

You have seen "using a div as a button," but how about "using a button as a div"? Forget about complex CSS centering solutions. Center all your content vertically and horizontally with a single HTML tag:

<button type="button">I am centered</button>

Boom! Text centered! Short and sweet 🤯🧐🤣

alvaromontoro, 7 months ago to webdev

Web Development has evolved and progressed over the last 20 years... but maybe not always for the better 😅😂

New comiCSS comic: https://comicss.art/?id=104

#webdev #webcomic #joke

alvaromontoro, 8 months ago to accessibility

Accessibility question: I've published videos lately without anyone talking (just background music with animations and text). What would be a way to make those videos accessible to blind people? I added a "transcription" in the description. Would closed captions help?

#a11y #question

alvaromontoro, 8 months ago to random

I coded a drawing of a bat (the animal, not the baseball stick) with HTML and CSS. Here's how it went... https://youtu.be/dDPREg-1K-E

cheeaun, 8 months ago to random

LOL first thought in my mind is remapping these large buttons to Ctrl+C and Ctrl+V 😂

🔴 8BitDo Dual Super Buttons: https://shop.8bitdo.com/products/8bitdo-dual-super-buttons (Ships on Sep 20th)

alvaromontoro, 8 months ago to CSS

LevelUp Coding shared my article "Small Details to Improve Your Website’s Experience." A collection of five simple tips and tricks in HTML and CSS that will provide a better user experience and take just a few minutes to implement on any site.
https://levelup.gitconnected.com/small-details-to-improve-your-websites-experience-88425116a06c

I also published it on my personal site: https://alvaromontoro.com/blog/68039/small-details-to-improve-your-website-experience

#css #html #webdevelopment #medium

simevidas, 9 months ago (edited 9 months ago) to random

WordPress adds <ProgressBar /> component? What’s wrong with the standard <progress> element?

edit: Also, what’s up with

> the HTML Processor, which is built in order to understand HTML structure including nesting, misnesting, and complicated semantic rules

Doesn’t the web platform have an API for that?

https://developer.wordpress.org/news/2023/08/whats-new-for-developers-august-2023/

alvaromontoro, 9 months ago to random

New comiCSS cartoon: Duck Test
https://comicss.art/?id=97

This cartoon is half tongue-in-cheek, half serious. Whenever I post a comic online, someone says: "CSS should not be used for drawing!" Which is technically correct, but... 🤷

Source code: https://comicss.art/comics/97/duck-test.html

#comicss

mia, 10 months ago to random

I'm one year older than I was an hour ago. It's the oldest I've ever been.

I guess I'll try and sleep it off?

sarajw, 10 months ago to accessibility

Does anyone have a good example of a select element accessibly restyled into a fancy drop down select, a chunky thing with images or icons included with the options?

Or is that a dead end for #accessibility ?

alvaromontoro, 10 months ago to CSS

New comiCSS cartoon: The ABCs of CSS.
https://comicss.art/?id=95

Each letter is drawn with CSS and uses the property/value that it showcases. Some are animated (K or Q), and others are interactive (M or R). Check the live demo to get all the action: https://comicss.art/comics/95/abc-css.html

#css #comics #html

brucelawson, 10 months ago to random

Yank chums: why doesn't Dark Brandon just appoint 29 non-wanker judges to the Supreme Court?

alvaromontoro, 10 months ago to random

With Twitter sinking rapidly, I may spend a little bit more time here... But don't know how much honestly. Mastodon is not my favorite social network; Bluesky looks nice, but it's still in diapers (and that's been generous); Facebook, nope; LinkedIn, probably? But that will be like staying at work late (working there is spoiling my experience on that platform). Definitely will continue posting on my website, but that's like shouting into the void and unidirectional...

alvaromontoro, 10 months ago to random

I made many changes to cssdrawings.com this past month:

• new drawings
• improved responsiveness for some drawings
• updated some of the styling
• added the site to a CSS webring
• added Patreon link

It's a website about images, without any images. All CSS and single-element drawings. Check it and send opinion/feedback my way.

sarajw, 11 months ago to CSS

Ahhh I love how https://cs.sjoy.lol is coming together. Such great sites ♥️

#CSS #joy #lol

simevidas, 11 months ago to random

womp womp

video/mp4

estelle, 11 months ago to random

In the USA, first you can buy a gun, then you can drive, then you can die for your country, then you can vote, then you can drink, then you are old enough to CSS.

alvaromontoro, 1 year ago to random

Im positive I clicked on the star for some posts/comments, but logging into the app, they are not there.

elly, 1 year ago to webdev

I finally finished updating the colour scheme/theme picker on my website. 🎉

Now you can pick a colour scheme of either: auto, light or dark, and then a theme hue.

🔗 https://ellyloel.com

Check it out and tell me how broken it is :blobcatfingerguns:

#WebDev #WebDesign #WebsitePersonalisation

alvaromontoro, 1 year ago to webdev

Coffee as a CSS Color: using the new HWB function to describe coffee styles... But changing the values a little:

• H = Hot water
• W = Whiteness/milk
• B = Blackness/coffee

https://comicss.art/?id=87

Thanks @cheeaun and @ItsCrisDiaz for your feedback and suggestions! 😊

#coffee #css #comic #webcomic #comicss