DEV Community

loading...
Alvaro Montoro profile picture

Alvaro Montoro

CSS aficionado ⊆ Web Developer ⊆ Software Developer ⊆ Person

Work

UI Manager / CSS Aficionado

Last 250 comments

Rate my SVG art! [Compared to CSS art]

On the bright side, they are CSS pitchforks and torches, so t...

Rate my SVG art! [Compared to CSS art]

Too late... we are coming for you with pitchforks and torches...

Rate my SVG art! [Compared to CSS art]

Pretty impressive SVG :)

Rate my SVG art! [Compared to CSS art]

And there's more to CSS art than positioning: Selectors and...

Rate my SVG art! [Compared to CSS art]

Again, it's a matter of priorities, positions, etc. GIMP/Illu...

Rate my SVG art! [Compared to CSS art]

But again, that's not SVG anymore, and it's only practical fo...

Rate my SVG art! [Compared to CSS art]

Also, you are misinterpreting why people use CSS images or ho...

Rate my SVG art! [Compared to CSS art]

Also, I am 99% positive you can make that SVG a lot smaller b...

Rate my SVG art! [Compared to CSS art]

The Flexibility part should be a tie or still SVG but being a...

Rate my first CSS drawing

Really impressive. Well done!

Software Testing Training Institute

You can create a listing. It would be more appropriate for th...

Build your CSS loader with only one div — The Dots

Nice article. Will try this later today. BTW is it you the o...

CSS-Typography

These are some nice tips. Thanks for sharing. It would be go...

Myths about Web Accessibility (Intro)

From experience (I already broke a really long article into a...

Myths about Web Accessibility

Thanks! :)

Myths about Web Accessibility

Thanks for reading and for the feedback. It's a good point. I...

Myths about Web Accessibility

I updated the mini-articles with the "Myth: " thing. Hopefull...

Myths about Web Accessibility (Intro)

It's no tactic (at least not something that I know). The thin...

Myths about Web Accessibility

Thanks! 😊 That is a great point about the title. I should de...

A Typewriter, but using a New HTML Tag

Oooooh! I really like it! But you used the J-word, @afif wi...

Upgrading the CSS only Multi-line Typewriter effect

I have blind faith in CSS. I know it's the best programming l...

Upgrading the CSS only Multi-line Typewriter effect

That world is definitely not real and invented 😂.... Which ma...

Upgrading the CSS only Multi-line Typewriter effect

A world in which they respect HTML and CSS?

Upgrading the CSS only Multi-line Typewriter effect

^ this right here. @afif all these effects are cool and imp...

Multiline CSS-only typewriter effect

That would be cool. I wonder if setting the background to whi...

A Multi-line CSS only Typewriter effect

Oooh! I need to make mine a series too... next one coming thi...

A Multi-line CSS only Typewriter effect

Nice. I really like this one and the whole explanation. A+.

How the 7 deadly sins 👿 will make you an Accessibility Expert! 😇

The Church of the Flying Spaghetti ARIA

Animated no-element typewriter

I tested having aria-label and role="img" with Chromevox and ...

Animated no-element typewriter

Thanks 😊

Animated no-element typewriter

I need to read about this

A Typewriter, but with no HTML, CSS, or JS?!

Wait... No multiline? I may need to revoke the "nice" comment...

A Typewriter, but with no HTML, CSS, or JS?!

Nice 🙂

Animated no-element typewriter

Good point. I would need to test, but it probably would be be...

Animated no-element typewriter

@afif @inhuofficial do we have a topic for next time? Swiss...

Animated no-element typewriter

I'll be talking about this topic on the Hamburg HTML Meetup o...

Animated no-element typewriter

Ouch! 😅 We could make it more accessible but we'd need to ad...

Animated no-element typewriter

Animated no-element typewriter

Join us! Come to the dark side... we have (CSS) cookies 😉🍪

A scalable CSS only Typewriter Effect

So you have ideas, the rest are excuses 😝 I know a way of do...

A scalable CSS only Typewriter Effect

Does this count?

A scalable CSS only Typewriter Effect

I have to admit, I haven't used discord (or maybe I don't rem...

A scalable CSS only Typewriter Effect

This one is not multiline. That's something you can improve (...

Typewriter Effect with CSS

Safari has been the new Internet Explorer for years... Even w...

Typewriter Effect with CSS

Just checked. Safari on laptop doesn't support it. I knew it ...

Typewriter Effect with CSS

Good point. I didn't have an iOS device to test 😳 I'll have t...

Typewriter Effect with CSS

Something tells me I will regret that GIF sooner than later. ...

Typewriter Effect with CSS

How to write a VERY HIGH quality post on DEV [13 top tips + a bonus 🤯!]

No. More like "13++ More 🤯 Amazing 😍Tips for writing listicle...

How to write a VERY HIGH quality post on DEV [13 top tips + a bonus 🤯!]

13+2: make it a list of actionable items. People seem to resp...

Twitter, Grifters, DevRels, and the end of everything as we know it

Not everything has to be about dev, I really enjoyed your dra...

My og:image Bug

I must say that this issue happened a few months back (this i...

My og:image Bug

Ultimately, the issue was that the og:url was pointing to the...

Twitter, Grifters, DevRels, and the end of everything as we know it

You are 100% correct. This is not unique to Tech Twitter, it ...

Twitter, Grifters, DevRels, and the end of everything as we know it

It is a web intent. The Twitter documentation describes it as...

Twitter, Grifters, DevRels, and the end of everything as we know it

Thanks. That totally makes sense.

Twitter, Grifters, DevRels, and the end of everything as we know it

Could you ellaborate? I don't fully understand what you mean.

Twitter, Grifters, DevRels, and the end of everything as we know it

Same logic applies to DEV. And yet, here we are. The solutio...

Twitter, Grifters, DevRels, and the end of everything as we know it

Of course! If you send 10 cheques, you can do £20 each instea...

Twitter, Grifters, DevRels, and the end of everything as we know it

Society and its high expectations are definitely a problem. B...

Twitter, Grifters, DevRels, and the end of everything as we know it

If it works, it works.

Twitter, Grifters, DevRels, and the end of everything as we know it

Ok, grandpa, this is how you write a Twitter again: Get a c...

Twitter, Grifters, DevRels, and the end of everything as we know it

I learned that trick from a Twitter Grifter (for real). That'...

Twitter, Grifters, DevRels, and the end of everything as we know it

Also, a link to your profile? Seriously? What are we? Rookies...

Twitter, Grifters, DevRels, and the end of everything as we know it

Joke's on you, I already follow you 😋 ...wait..... 🤔🤔🤔

Twitter, Grifters, DevRels, and the end of everything as we know it

@inhuofficial why did you remove your answer? I was about to...

7 cases where we can use HTML instead of CSS

Don't forget del/ins. Using elements because of how they are ...

#100daysofcode [ Day - 01 ]

Congratulations on starting the challenge. Good luck and let ...

Adding 100 underline/overlay animations | The impressive CSS collection ⭐️

Amazing as always. I may actually use one of these for a futu...

The Frontend Agency

That is a neat site. I really like how it looks and bookmark...

10 Tips For Clean DEV Articles!

I'm just joking. I should have added the </sarcasm> tag...

10 Tips For Clean DEV Articles!

Wow... InHuOfficial is here to make friends and tell hard tru...

Drawing a cartoon with HTML and CSS (with video)

Thanks! I love drawing SVGs too (don't tell @afif 😋). But ...

I bought a tiny piece of internet history. [Plus a little puzzle to keep you busy this weekend!]

As a recommendation for people that may try this: use your br...

I bought a tiny piece of internet history. [Plus a little puzzle to keep you busy this weekend!]

It is easier to find Waldo (at least twice in the grid) than ...

I bought a tiny piece of internet history. [Plus a little puzzle to keep you busy this weekend!]

Also, I'm a dodo. I was looking for the clue, when the actual...

I bought a tiny piece of internet history. [Plus a little puzzle to keep you busy this weekend!]

Would it be MDK? 😉

A photographer’s view on alt text

I really like the distinction between denotation and connotat...

Why is everyone so excited about PolyWork? First impressions aren't good!

Based on my experience creating my profile, sharing a couple ...

Top 7 Featured DEV Posts from the Past Week

Congratulations!

Top 7 Featured DEV Posts from the Past Week

Congratulations! In the end, you gamed the system ended up fe...

3 general 🚀 Productivity 🚀 tools you should be using that you possibly haven't heard of ⁉

It looks fine. I kind of hope they reply with something like ...

3 general 🚀 Productivity 🚀 tools you should be using that you possibly haven't heard of ⁉

Maybe part of the algorithm is "do not select any person that...

3 general 🚀 Productivity 🚀 tools you should be using that you possibly haven't heard of ⁉

I think the top 5 comments is by amount of likes (don't know ...

3 general 🚀 Productivity 🚀 tools you should be using that you possibly haven't heard of ⁉

Wait... I thought the promoted articles thing was a bot. Is i...

Don't make these mistakes when applying for a job

Thanks for reading 😊

3 general 🚀 Productivity 🚀 tools you should be using that you possibly haven't heard of ⁉

😱

3 general 🚀 Productivity 🚀 tools you should be using that you possibly haven't heard of ⁉

Now I'm curious about the little experiment.... (Still need t...

3 general 🚀 Productivity 🚀 tools you should be using that you possibly haven't heard of ⁉

I hadn't heard of any of these tools before 😳 but may need to...

Help a teacher. Become a better developer.

That is a good point. Not everyone has teacher friends, so I ...

Help a teacher. Become a better developer.

I initially put all the apps/games into a website señoramonto...

101 Digital Accessibility (a11y) tips and tricks

Wow! Super complete article. I stil need to finish reading it...

Using JS Speech Recognition to build a virtual assistant

I cannot hear you!! LALALALALALLALALALLALALALALLALALLA!

Using JS Speech Recognition to build a virtual assistant

I'm getting mixed messages here... CPU overload error... AAAA...

Help needed ;-;

I cannot help you with the code, because I don't know Swift, ...

Using JS Speech Recognition to build a virtual assistant

😂😂😂😅 Sorry, I won't do it again. My next few posts will be a...

Top 7 Featured DEV Posts from the Past Week

Congratulations! Really interesting articles :)

What was your win this week?

This is so cool!

Make your own (interactive) graphic novel

I was going to save the article to read it later... then I sa...

Why Accessibility?

Great article 🙂

15 HTML5 best practices for beginners to master.

Is there an advantage of having the script at the end of the ...

Create a custom cursor for your website

Just use with caution so you don't confuse the user, and don'...

Create a custom cursor for your website

The "safe" star rating & the ONE star unlimited rating

Would using an input of type="range" be accepted? Although it...

Is Dev.to victim of its own success?

Just give me a little time... :P

100 Days of CSS Illustrations

Thanks! Please share your illustrations, I look forward to se...

Horizontal centering in CSS

You can go around that issue by setting a relative position t...

Horizontal centering in CSS

What do you mean by "It does not easily allow child elements ...

Notification Budge Using HTML & CSS

You can simplify the code a little: Remove the div with cla...

I made 100 more CSS loaders for your next project

Amazing, as always 🦄😊😁

Communicating between browser tabs

Interesting. In the past I used localStorage with the storage...

How to remove outside borders of a 3x3 grid using CSS, e.g. Tic-Tac-Toe UI

Nice game :)

How to make tabs in CSS. Tabs for website

This implementation has a nice a pretty design and the animat...

"Am I a bad developer?" - A question developers commonly face

Nonononononono... if we add them to the list, it's with full ...

"Am I a bad developer?" - A question developers commonly face

I even have a full game in CSS without HTML (it only works on...

"Am I a bad developer?" - A question developers commonly face

We count HTML and CSS as 2 for this list, right? 😈

Two-hundred eleven.

Monkeying with circles in CSS

LOL! That's genius! 👏👏👏

Drawing an interactive window with a single div and CSS (no JS)

That's a nice tip

Drawing an interactive window with a single div and CSS (no JS)

Old habits die hard 😳

Drawing an interactive window with a single div and CSS (no JS)

Thanks! 😊

Website Accessibility: How can I make sure screenreaders interpret the text in the way I intend?

title is not required. With the tooltip, you'd be providing t...

Website Accessibility: How can I make sure screenreaders interpret the text in the way I intend?

In HTML, you can use the <abbr> tag to specify abbrevia...

Join Us For the First DEV Community Bug Smash!

It was not in the repo (or at least I didn't find it), so I c...

Join Us For the First DEV Community Bug Smash!

I think I found a bug, but checking the forem's source code, ...

Feedback on personal website

It all boils down to what the definition of a programming lan...

Feedback on personal website

That is the dictionary definition of "logic", and not the de...

Feedback on personal website

Define logic.

Are you actually good at CSS?

Maybe it was just me, but when the survey was running, i got ...

CSS Pirate Cartoon

Thanks! 🙂

CSS Pirate Cartoon

Thank you

CSS Pirate Cartoon

I was running out of ideas of things to animate... At this po...

CSS Pirate Cartoon

it has two arms too! codepen.io/alvaromontoro/pen/gOgNxeJ 😬

CSS Pirate Cartoon

The blinking doesn't look that great :S

CSS Pirate Cartoon

That is really cool

CSS Pirate Cartoon

Let's add some blinking: codepen.io/alvaromontoro/pen/WNRqEXv...

Spoiler/sensitive element in HTML and CSS

That is a great idea, and not having to duplicate the content...

Simple Copy Coupon Using CSS & JS

Your code works fine for me.

Simple Copy Coupon Using CSS & JS

Notice that execCommand is deprecated. It probably won't stop...

A pure CSS password generator! 😱 They said it can't be done...

Thank you for the shoutout :) You can actually make the CSS ...

Bezos' Calculator

Thanks for the recommendation. I updated the animation a litt...

Bezos' Calculator

Thanks!

Bezos' Calculator

This is a great idea! And I kind of like more that type of an...

Portfolio advice

Design-wise, I really like your portfolio, and I don't see an...

The Wizard of Oz in CSS

I know it's a long list of people, and I know I'm forgetting ...

The Wizard of Oz in CSS

Thank you! Many of the things I've learned are not from tuto...

The Wizard of Oz in CSS

Thanks!

The Wizard of Oz in CSS

That's a great tool, but it takes away all the fun from doing...

How do you like my resume?

That is where the challenge is. If resumes are not supposedly...

Why your website should have a Skip Link?

Looks perfect now

How To Make Drop Down Menu Using HTML And CSS

How To Make Drop Down Menu Using HTML And CSS

It's a pattern. Many articles with the same template ("do xyz...

The Simpsons in CSS

Thanks! Each cartoon took around 4-6 hours.

I drew a synthesizer with HTML & CSS

Simply amazing! 👏👏👏

April 1st, 2021: What did you learn this week?

Thanks to a bug on my blog, I learned that Facebook ignores t...

How to Create Accordion Menus Using Simple HTML and CSS

The design looks really neat. Are you open to comments over ...

The Simpsons in CSS

Thanks! I appreciate it.

The Simpsons in CSS

That's a good possibility. Maybe just animate squares at the ...

The Simpsons in CSS

Thanks! 😊

The Simpsons in CSS

I want to do a "short film" in HTML+CSS, but I lack the techn...

Lie - To Advance Your Career

Wouldn't that basically make it the same as the other company...

Drawing a triangle with CSS

You are correct, that's not the only way to draw a triangle u...

Drawing a triangle with CSS

It can be. There has been some talk about triangles/shapes in...

Drawing a triangle with CSS

I agree, but one thing: clip-path will hide the shadow from a...

Drawing a triangle with CSS

These are great options, and they would simplify considerably...

Drawing a triangle with CSS

Thanks!

Build your dream job

Thanks! 😊

CSS only fragmentation effect using one element

Amazing article (as always). It's a really impressive effect,...

Making a triangle using CSS

clip-path or background-image are better ways of drawing a tr...

Spin the Wheel — a customizable roulette wheel in less than 30kb with a no-javascript fallback.

I have "prefers reduce motion" activated and the animation is...

Spin the Wheel — a customizable roulette wheel in less than 30kb with a no-javascript fallback.

This looks really cool.

Feedback on personal website

I'm not saying it's true or false. You are providing a defini...

Memory Game using React.js

Nice game :)

Feedback on personal website

Agree to disagree 😊

Feedback on personal website

But it is a programming language. Do people program with it? ...

Feedback on personal website

This is a great explanation. Thank you!

Feedback on personal website

Thanks! I thought no one would see :P

Feedback on personal website

Thank you! Where did I say it was a programming language? And...

Feedback on personal website

Thanks! I'm sure you can do your site the same and definitely...

Feedback on personal website

What would you recommend? To be honest, I'm hitting a block w...

Feedback on personal website

It's funny that you mention the education site thing, the des...

Feedback on personal website

Thanks for the recommendations. I really like the idea of che...

Feedback on personal website

I'll inline them. I think it's only 8 in total, so it should ...

Feedback on personal website

Thanks!

Feedback on personal website

Hi from Austin! 🤘 That is actually not good and a big proble...

Feedback on personal website

Thanks for the feedback. The footer really looks basic and wr...

Feedback on personal website

Thanks :D

Feedback on personal website

Thanks! The animated transition idea is great. I will defini...

Feedback on personal website

Thanks! I inlined the SVGs that needed to change colors with...

Feedback on personal website

I could have sworn I had fixed this before... I probably fixe...

Feedback on personal website

This is definitely because of the focus event on the links. I...

Feedback on personal website

Thanks! Adding these changes. I don't fully understand the d...

Feedback on personal website

Thanks for the feedback! I had reduced motion on and didn't ...

Penguin.Css

Nice 🙂

Drawing Homer Simpson using circles in CSS

Thanks! Not a full article, but on these two videos I show ho...

Create Drop-Down Menus with Plain CSS

It looks nice. Do you have a link to a demo? Edit: a problem...

Five websites to practice your coding skills

I'll check it later. Thanks for sharing.

7 interesting HTML attributes (you may not know)

Apart from ping that is not supported by Firefox, the rest of...

7 interesting HTML attributes (you may not know)

If you want a small but cool project to practice microdata an...

7 interesting HTML attributes (you may not know)

The whole purpose of ping is for tracking and analytics. I ag...

What If Every Color Is Given Its Own Name? Here It Is!

Isn't this how Tailwind works? 😋

Monetize your website without impacting your visitors

I don't know if they have to agree or not. It's a matter of h...

Monetize your website without impacting your visitors

It would be great if they added StackOverflow as a channel fo...

Monetize your website without impacting your visitors

Of the three, the one that gives me best results is being a B...

CSS Peasant

I'm a dad an didn't know them :$ ...but they look cool. I ma...

CSS Peasant

Is it on GitHub? Share the link! Maybe I could help a little ...

CSS Peasant

LOL 😂🤣😂🤣😂🤣 ....but now that you mention it.... I have my own...

CSS Peasant

Thanks!

CSS Peasant

The video is done in "one take". I had to stop a few times du...

When will we have CSS4?

I've seen job postings asking for CSS4 experience (probably a...

Creating a snowfall effect with HTML and CSS

JS/Canvas would probably be a much better option. This one ma...

Creating a snowfall effect with HTML and CSS

That actually is much simpler. I should update mine like that...

CSS Dino game

Thank you :)

CSS Dino game

Thanks! I'm glad you liked it :)

CSS Dino game

Thanks :)

CSS Dino game

Thanks! Coding itself, around an afternoon (divided in differ...

Creating an animated Pacman pattern

I'll try that later. Let me check the challenge and give it a...

CSS Dino game

Thank you 😊

CSS Dino game

Thanks! 😊

CSS Dino game

Thank you!

Tell us about the Black technologists that inspire you!

I stand corrected. That's really impressive! And I learned th...

Don't just code

Thanks!

Border with gradient and radius

Nice article, and nice seeing you here :)

Don't just code

Same thing happened to me when I was alone in a start-up. At ...

Don't just code

Thanks!

Don't just code

That's a good point. Programming is not for everyone... but n...

React CascadeSelect

Thanks! That did the trick!

React CascadeSelect

The site says the components are accessible and support keybo...

Tell us about the Black technologists that inspire you!

Maybe not at a "history maker" level, but Angie Jones is defi...

How to Create Marker Highlight Effect in CSS?

Nice trick!

The name is Script, JavaScript

Thanks!

DigitalOcean App Platform Hackathon Winners, Announced!

Congratulations to the winners and runner-ups! These projects...

I joined the Forem team!

Congratulations!

Web Development Haikus

This one feels close to home 😂

Digital Ocean Hackathon App: Submission!

Thanks!

3 experiments with CSS paper effects

These demos look great. And the last one is a really cool ide...

Last Chance to Join the DigitalOcean App Platform Hackathon on DEV ⚠️

I'll be submitting a random roulette soon... nothing fancy th...

CSS Art

Looking forward to it 😊

Digital Ocean Hackathon App: Dwindle

Thanks! Initially, it won't have any machine learning. There...

What's on your 2021 reading list?

I'm halfway through 3 books: Sapiens, by Yuval Noah Harari ...

10 Fun APIs to Use For Your Next Project

Sorry, my comment came out a bit negative. The post actuall...

10 Fun APIs to Use For Your Next Project

Spotify used to have apps within its app that you could devel...

Is there a way to exclude elements with a particular default styling from a CSS selector?

You cannot target the internal styles of an element. So there...

loading...