@alvaromontoro@front-end.social
@alvaromontoro@front-end.social avatar

alvaromontoro

@alvaromontoro@front-end.social

100% not an alien.

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

aardrian, to accessibility
@aardrian@toot.cafe avatar

Speaking of , there is yet another one:

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.

alvaromontoro,
@alvaromontoro@front-end.social avatar

@hi_mayank @aardrian I'm no accessibility expert, but I wouldn't trust my accessibility on a company with this website and code.

css, to CSS
@css@front-end.social avatar

Looking for new ideas for my CSS Generators website.

https://css-generators.com

What kind of CSS code would you like to get with one click? 🤔

Shapes, Components, Color stuff, Complex formulas, etc. Let me know 👇

alvaromontoro,
@alvaromontoro@front-end.social avatar

@css

alvaromontoro,
@alvaromontoro@front-end.social avatar

@css me: opens command line and starts typing npx create-next-app@latest loaders

alvaromontoro,
@alvaromontoro@front-end.social avatar

@css you could always s̶t̶e̶a̶l̶ find inspiration in the collection I have. You'll probably code them better anyway :)

alvaromontoro,
@alvaromontoro@front-end.social avatar

@css nervous whisper ...toggle switches...

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

My latest single-element toggle switch is Pac-Man themed: https://codepen.io/alvaromontoro/pen/OJGzBqe

An animated toggle switch with pacman eating dots inside.

alvaromontoro,
@alvaromontoro@front-end.social avatar

@aardrian I normally don't add styles for the indeterminate state because it is more of a "substate" and it requires JS to be set... but I gave it a try, and added a ghost for that case. Hopefully it looks ok (and still a single element).

aardrian, to accessibility
@aardrian@toot.cafe avatar

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

alvaromontoro,
@alvaromontoro@front-end.social avatar

@aardrian while it makes sense not to add URLs, quotes, or mixed languages, the part about keeping it short contrasts with what I've heard from blind people who —and I understand that this could be their personal choice and not an opinion shared by everybody— preferred long detailed alternative texts that described the picture accurately over something short but missed details.

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

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,
@alvaromontoro@front-end.social avatar

@sarajw @SaraSoueidan the most recent <dialog> element won't work accessibly unless you use JS. And it's "new".

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

I don't understand people defending Tailwind like their honor is on it. Did I miss a memo or a check in the mail or something? WHO TOOK MY TAILWIND HUSH MONEY????

alvaromontoro,
@alvaromontoro@front-end.social avatar

@css I need to stop using Pigeon Post and upgrade to something slightly more modern. I bet it's the neighbors' cats getting all my TW $$$

alvaromontoro,
@alvaromontoro@front-end.social avatar

@css

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

I finished reading Peter Pan. It's pretty violent to be honest! Peter isn't very likeable. And Tinkerbell wasn't at all the character I thought she'd be!

I think lots of things in the story were written with tongue firmly in cheek, and were supposed to be amusing, but I didn't find them very funny at all from my perspective. Apart from Mr Darling and the kennel, maybe.

I do wonder now that the Disney movie changed (I've never seen it, though Hook is one of my favourite childhood films ever).

alvaromontoro,
@alvaromontoro@front-end.social avatar

@sarajw no spoilers! I just started reading it.

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

In the works tonight:

Pan seared gulf prawns on lime & jicama slaw and fried chorizo polenta with a honey-coconut sauce

A total experiment based on no recipe at all and I’m totally looking forward to it

alvaromontoro,
@alvaromontoro@front-end.social avatar

@keithjgrant nice 👏

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

<div class="max-w-[calc(var(--width-7xl)+2px)]">...</div>

^If you add that class to the code, I'm rejecting the PR. No matter how modern that CSS is.

alvaromontoro,
@alvaromontoro@front-end.social avatar

@geffrey it's from the latest Tailwind CSS v4 video.

Hopefully, I translated it correctly to HTML, this is the actual class from the video:

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.

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

Well shit, I probably shouldn’t have had setup a netlify build hook connected to incoming webmentions. I’ve got a bit of a bill coming in at the end of this month 😬

How do y’all handle this?

alvaromontoro,
@alvaromontoro@front-end.social avatar

@elly by not using netlify 😅🧐

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.

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

If I was to get an ebike, I feel like the best use of my money and the space it would take up, would be to get a long tail cargo bike, on which my two kids (currently 4 and 6) could sit at the back (rather than squeezing into a box at the front) for a while longer.

Does anyone have specific tips for such a bike, available in Europe?

alvaromontoro,
@alvaromontoro@front-end.social avatar

@sarajw we got an external carrier that attached to any bike. It may not be pretty, but it was convenient (and when not in use it could be folded and took little space). Our kids outgrew it, so now I detached it and can use my bike as before.

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

comiCSS's RSS was broken for 3 weeks. No one noticed.

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

I'm working on a new single-element toggle, and I honestly don't know what Safari is trying to do here. 🤷‍♀️

Demo of a toggle button with the shape of a soccer field. When activated a foot appears and kick the ball from one side to the other to indicate the on/off state. It works fine on Chrome; but on Safari, the ball keeps growing and growing. When changing the code to define a height instead of an aspect-ratio:1 value, the ball doesn't grow and the toggle behaves the same way in Chrome and Safari.

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

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

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

alvaromontoro,
@alvaromontoro@front-end.social avatar

Because it is coded with HTML and CSS, updating the text and creating variations is super easy—just change the text inside a div! Here are some alternatives... of course, Tailwind had to be in one 😅

Cartoon with three men hanging from chains in a dungeon. Two are unhappy and another one looks merry. One of the unhappy prisoners explains "he used to be a Project Manager. He says this is 1,000 times better than dealing with developers"
Cartoon with three men hanging from chains in a dungeon. Two are unhappy and another one looks merry. One of the unhappy prisoners explains "he uis a web accessibility analyst. He says this beats having to explain a div is not a button 20 times a day"
Cartoon with three men hanging from chains in a dungeon. Two are unhappy and another one looks merry. One of the unhappy prisoners explains "he used to be a software developer. He says this is 1,000 times better than dealing with the PMs"

simevidas, to random
@simevidas@mastodon.social avatar

The HTML version of Gmail died in the past few hours. I will miss it.

alvaromontoro,
@alvaromontoro@front-end.social avatar

@simevidas it's the lite version that went away, no? I still see some mobile version that looks like old iPhone.

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

I said this before: given the number of teachers moving from teaching into software development. I'm surprised not to see panels at conferences with former teachers discussing their path from teachers to developers, and sharing their successes and missteps.

It feels like it would be one of the most useful talks in the conference (no offense to other speakers). That's a difficult transition full of uncertainty. First-hand guidance would be insightful and help steer away from bad experiences.

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