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

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

This is it. My divtober 2023 drawings. Each of them is a single element and some CSS (gradients everywhere!)

4x4 grid with drawings. Each drawing has a title/description below it. From left to right, top to bottom: tangled, brave, component, sticky, seeing, faraway, alive, fake, feast, cheesy, cold, rules, handmade, pin, discontinued, and witchy.

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

30: discontinued

๐Ÿฌ https://cssdrawings.com

@CodePen: https://codepen.io/alvaromontoro/pen/ExrKaKv

(tomorrow will be a busy day, so I coded something before going to sleep today.)

aardrian, to random
@aardrian@toot.cafe avatar

I am still confounded people use โ€˜MPAโ€™ to mean โ€˜web pagesโ€™ because โ€˜SPAโ€™ proponents convinced an industry that web pages were bad but now those same people realize SPAs were built on hubris and lies (as opposed to open and scalable standards).

alvaromontoro,
@alvaromontoro@front-end.social avatar

@aardrian first time I hear the term MPA. Is it common/popular?

alvaromontoro,
@alvaromontoro@front-end.social avatar

@aardrian it sounds like web2 (not web 2.0 but web2, written like that to differentiate it from web3/crypto)... Which I also saw for the first time this week.

Don't know if not seeing these terms before means that I'm staying behind or that I picked correctly the people to follow.

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

26: cold

๐Ÿฅถ https://cssdrawings.com

@CodePen: https://codepen.io/alvaromontoro/pen/YzByrKw

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

25: cheesy

๐Ÿง€ https://cssdrawings.com

@CodePen: https://codepen.io/alvaromontoro/pen/QWYbRMJ

My cheesy cheese attempt looks more like SpongeBob TriangularPants ๐Ÿ˜…

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

A dev friend is going through an "interesting" experience at work. She got a new manager a few months back and, since then, he has blocked her from getting training, blocked her from leading projects (or getting a promotion), only allow her to do training he supervises and decides (gets mad if she does training on the side, even if it's free or paid by her), and now is giving her surprise tests on different topics (React, JS, TS, C#...) trying to get her to fail and have a reason to fire her.

alvaromontoro,
@alvaromontoro@front-end.social avatar

She has been in the company for several years and got good reviews until this manager arrived. Her manager has set up weekly meetings with her and HR, in which he basically tries (unsuccessfully so far) to prove that she is not working at all and basically deserves to be fired.

The funny thing? They are in an at-will state in which it would be legal for the company could fire her without any reason. IMHO he's doing it to get her to give up and quit because he knows there's no ground for firing.

alvaromontoro,
@alvaromontoro@front-end.social avatar

I know I only know her side of the story, but this sounds like a clear case of discrimination and mobbing. And it kills me that she is basically just putting up with this behavior by her manager (and at this point, by HR too, they have been in the meetings and they have seen that the manager's attempts fail time and time again, yet they don't do anything because HR protects the company), doing "nothing" because it is a religious non-profit company, and she believes wholeheartedly in the mission.

alvaromontoro,
@alvaromontoro@front-end.social avatar

At one of the meetings with HR, the manager tried to get her to sign a document that said she had done literally nothing over the past few months. HR waved off her concerns and encouraged her to sign, which she didn't. Instead, she presented her source control history for that time, with PR, merges, and positive code reviews from coworkers. At this point, HR should have stopped what clearly was an attack by the manager... But they didn't, and haven't, even after every attempt in their meetings.

alvaromontoro,
@alvaromontoro@front-end.social avatar

I recommended talking to a lawyer and even threatening the company with legal action if the harmful environment continues (more of a bluff than reality). But, again, she loves the company, and their mission, and doesn't want to give up on it. It makes me sad that eventually the manager will succeed at getting her out, either with his tests or when she double burns out and leaves of her own accord (which is possibly what HR is hoping for, too).

alvaromontoro,
@alvaromontoro@front-end.social avatar

I want to be supportive but honestly don't know what to do or tell her. What to do as a friend?

alvaromontoro,
@alvaromontoro@front-end.social avatar

@sarajw in theory, we don't know.

Although she won't like to admit it, the issue is that it is a religious company and she is a woman. From what my friend told me, the number of women in her company has gone down from a dozen to two in just a couple of years. And the other one is also going through a lot of pressure to prove her worth.

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

What is a decent alternative to YouTube? (don't say Vimeo)

Looking to start publishing on a different platform if possible.

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

14: Small

๐Ÿฃ https://cssdrawings.com

@CodePen: https://codepen.io/alvaromontoro/pen/YzdbwJM

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

โœจ New post: Styling External Links with Attribute Selectors https://css-irl.info/styling-external-links-with-attribute-selectors/

alvaromontoro,
@alvaromontoro@front-end.social avatar

@simevidas @sarajw @michelle make sure to add a content fallback without the alt text, otherwise, the pseudo-element won't be displayed on browsers that don't support this notation yet:

content: ""; /* fallback*/
content: "" / "alt text";

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

Whatโ€™s a dog like that drink? water? Eh, Iโ€™ve been leaving the toilet seats up. Oh is that what the blue water is?

alvaromontoro,
@alvaromontoro@front-end.social avatar

@chriscoyier Brawndo. It's what plants (and pets) crave.

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

10: sparkle

๐ŸŽ‡ https://cssdrawings.com

@CodePen: https://codepen.io/alvaromontoro/pen/abPXrVv

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

08: Mix

http://cssdrawings.com

@CodePen: https://codepen.io/alvaromontoro/pen/yLGGZLw

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

No shade to the venerable Sass, but I've made my default CSS processor on CodePen "none" after like 12 years of it being SCSS. The nesting in native CSS pushed it over the edge.

alvaromontoro,
@alvaromontoro@front-end.social avatar

@mattwilcox @chriscoyier CSS crawled, so SCSS could walk, so CSS could run... so Tailwind could do whatever it is that Tailwind does.... skipping? race walking? Who knows...

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

07: Treat

๐Ÿฆ https://cssdrawings.com

@CodePen: https://codepen.io/alvaromontoro/pen/XWoyvMQ

And a video of how it was coded: https://www.youtube.com/watch?v=vHln4zdlxoI

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

06: Bounce

๐Ÿชช http://cssdrawings.com (soon)

@CodePen: https://codepen.io/alvaromontoro/pen/JjweBoZ

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

05: Lost

๐Ÿ“ฆ http://cssdrawings.com (soon)

@CodePen: https://codepen.io/alvaromontoro/pen/ZEVmGGb

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

Paella night!

alvaromontoro,
@alvaromontoro@front-end.social avatar

@keithjgrant that looks amazing! ๐Ÿคฉ

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

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

@eric, you have to fight fire with fire :P

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