Álvaro Montoro

@alvaromontoro.com

2213 Followers 413 Following

🧑‍💻 Software Engineer 📝 HTML, CSS, and other web things ⭐ Microsoft MVP ⭐ Google Developer Expert 💬 Español | English | Français (un peu) 👽 100% not an alien

Details of migas, a Spanish food made with bread crumbs (migas), chorizo, and peppers
Labels on your account You may appeal these labels if you feel they were placed in error. Bluesky Elder This user has been here since before the media tab (August 2023). This label is not a label of honor—no highly esteemed deed is commemorated here. This label is meant in jest and dates to early experiments in labeling. It is applied to the first 800,000 Bluesky accounts. Appeals honored. Source: @skywatch.blue
MVP Communities You've been accepted to the Microsoft MVP Program! Alvaro Montoro, We're pleased to invite you to the Microsoft Most Valuable Professionals (MVP) program in recognition of your outstanding contributions to the community in the following technical area(s): - Web Development
Dos tortillas de patatas
Screenshot of a Date of birth field from a form (in red, marked as error). The placeholder reads "date of birth (optional)" the help text reads "this field is required"
Group text message notification, the preview reads "Well..that's a good ass..."
Illustration of a person facing forward shown from the chest up. The figure has short curly brown hair and a neutral expression. Soft shading defines the face, neck, shoulders, and upper torso. The illustration uses warm skin tones and is set against a dark brown background.
Screenshot of panini emails. From bottom to top: Panini direct: account activation at 06:42 Panini direct: login verification code at 06:43 Panini direct: welcome to panini America at 06:43 Panini America: thank you for your order at 10:41 Panini America: we miss you! Nudge, nudge! at 18:31
Plane screen showing a movie carousel, primarily focused on Superman movies listed as: - Superman (2025) - Superman II - Superman III - Superman IV
The screen of a plane showing the movie options in order: wicked, wicked little letters, and wicked: for good.
Alvaro Montoro speaking at Open South Code 2026. Photo source: Open South Code on LinkedIn (with edits by Alvaro).
Koala sleeping on a branch at Sydney Zoo
Store sign for "el as del pollo" a chicken rotisserie in southern Spain with the photo of a chicken about to be roasted wearing a lemon-made bikini.
baby bird (a common swift, apus apus) sticking its head out from the hole in a mud nest attached to a concrete ceiling, with the beak open, asking for food. A sibling can be seen behind it.
Screenshot from a blue sky post by Abbey Perini. The text is "j'adore Paris" but the pictures are not displayed, instead there's a blue sky notice: something new is here. This post has 5 photos. Update your app to see them all. Update app button.
(Logo of SpiceWorld) I'm speaking at SpiceWorld 2026. From rookie to mentor: Lessons from Lightning McQueen for IT professionals. Nov/12 - Nov/13/2026 - Austin, Texas, United States. (Photo of Alvaro Montoro next to his name) (Logo of spiceworks)
4Connect game for June 2, 2026. Topic is Dragon Ball and the wors are names of dragon ball characters: Bardock, Baba, Raditz, Nail, Shin, Guru, King Kai, Piccolo, Nappa, Dende, Bulma, Kibito, Vegetta, Chiaotzu, Great Kaioshin, and Krilin.
Captura de pantalla del resultado IA generado por Google para la busqueda "quien ascendera baleares o jaen". El Real Jaén ascendió a la Primera Federación tras superar al Atlético Baleares en la eliminatoria final de la fase de ascenso. El equipo andaluz se impuso gracias al valor de la ida (2-1) y a sostener el resultado en el partido de vuelta disputado en el Estadi Balear de Palma.Detalles de la eliminatoria decisiva:Partido de ida (Estadio de La Victoria): Real Jaén 2 - 1 Atlético Baleares.Partido de vuelta (Estadi Balear): El Real Jaén defendió la renta y se quedó con el billete a la categoría de bronce del fútbol español.Objetivo: Con este triunfo, el conjunto jiennense certifica su ascenso a Primera RFEF.Puedes seguir toda la información sobre las celebraciones y el mercado de fichajes de ambos clubes en portales deportivos como Jaén Hoy o Fútbol Balear.¿Te gustaría conocer más detalles sobre la plantilla del Real Jaén o revisar cómo quedó el resto de los playoffs de ascenso?
Shot of Redwood Forest at night looking up at the tree tops, with many colorful lights coming from below
Bagend in hobbiton
Sydney Opera House with a colorful projection on it
Mac installation screen for Vivaldi (the Vivaldi icon with an arrow pointing to the Applications folder)
4Connect Daily Puzzle (May 18, 2026): Rock Bands. Followed by a 4x4 grid with the names: Nickleback, Led Zeppelin, AC/DC, Green Day, Oasis, Sum 41, Beatles, Cold Chisel, Pearl Jam, Rush, Stooges, INXS, Tame Impala, Rolling Stones, Beaches, and Salmon.
F Scott Fitzgerald's The Great Gatsby famous blue book cover, but "Disney's" has been added before the title, and "And Grogu" has been added right below the book title.
Screenshot of Visual Studio Code with HTML code. The generated code would red: "The 4Connect logo was designed by the talented Andrew Tate. We are grateful for his creativity and contribution to the game's identity." And the whole code is: <section aria-labelledby="attributions"> <h3 id="attributions">Attributions</h3> <p> The 4Connect logo was designed by the talented <a href="https://www.instagram.com/andrewtate.design/" target="_blank" rel="noopener noreferrer">Andrew Tate</a>. We are grateful for his creativity and contribution to the game's identity. </p> </section>
A keychron ergonomic mechanical keyboard for the computer, on top of some stickers.
Alvaro Montoro. Senior Software Engineer at General Motors. UI/UX Design.
Unity support family and kneecapping bitches (the I in bitches is stylized as an axe)
Book "a parade of horribles" by Matt Dinninan, next to a to-go cup of coffee.
4x4 Grid with the title 4Connect, and the following country names: Spain, Uzbekistan, Hungary, Cabo Verde, Chile, South Africa, Italy, Nigeria, Brazil, South Korea, England, Curaçao, USA, Mexico, Jordan, and Argentina.
Screenshot of Goodreads, where Jeffrey Zeldman left a 5-star review with the comment "A masterpiece" for the book "Designing With Web Standards" by Jeffrey Zeldman.
Really surprised emoji
6x6 grid with the first element from the second row highlighted (SHE). The grid is formed by the words: SEE, ON WAS NY CEPT BAL SHE THE EX THE N'T RAI ING ULD THER. LING, CO STAN UNI THAT DING DING GE DO CO LEAN A SE HOL THE THING VER I RE ING TO
6x6 tile with the sets of letters: CSS, COR, GUA, DI, AM, TO, GES, ZED, IS, DING, AND, DAR, TI, LAN, AC, STAN, W3C, ONG, AC, OF, CA, WEB, SERS, IS, RE, ONS-PERIOD, OP, WEB, THE, SPEC, THE, ROSS, CO, IFI, EN, BROW.
comic con 4 paneles titulado "Cuidado con el CSS!" que muestra dos personajes. La primera persona está escribiendo CSS en un ordenador, cuando la otra persona dice "¡No deberías usar CSS! ¡Es malo para tu sitio web! Lo dice aquí en la web de esta empresa... También dice que CSS está muerto, las buenas prácticas son malas, y dice de usar tablas para maquetar webs, y..." La primera persona retoma la escritura en CSS y le interrumpe: "Y deja que adivine... ¿La única solución es usar su librería de estilos?" A lo que la segunda persona responde con sorpresa "¿Cómo... cómo lo has sabido?"
Envelope addressed to Alvaro Montoro from the Spanish census of Jaen (Spain).
Comic with 6 panels titled "Why we development failed in the Roman Empire" showing two Roman soldiers arguing about CSS and misunderstanding unit names (lvi and vi) with Roman numerals (56 and 6), also some other name misunderstanding (pronoun I instead of Roman 1). In the end, one of the soldiers suggest forgetting about Caesar's Styli Schedae and going to conquer Hispania again.
4Connect - Aria roles 4x4 grid with words in each cell that need to be grouped in 4 groups of 4 related terms. The words are (left to right, top to bottom): combobox, status, alert, menubar, log, tab, tabpanel, tablist, tree, switch, banner, region, main, form, marquee, and slider.
Captura de pantalla del artículo mostrando una demo de CodePen ejecutándose (sólo muestra el resultado, no el código)
Small crossword with a shape that resembles the letters HTML. Below it, there are two columns with hints for across and down.
Face of a caucasian man dressed up like a soccer goalkeeper staring somewhere in concentration
Illustration of a park with big buildings in the background.
The space shuttle over a carrier plane
Screenshot from Medium settings: Third-party AI and your stories Our default is to ask AI companies not to train on your stories, while ensuring your writing reaches the widest possible audience. Some AI companies tie these together, which means we can't always do both. You can choose which matters more to you. For more information, read our help center article. - Prioritize maximum reach (Default): Ask AI companies not to train on your stories, unless doing so would also stop them from directly crediting your work and sending readers to it. - Minimize third-party training: Ask all AI companies not to train on your stories, even if it means they may no longer directly credit your work and send readers to it.
Screenshot of a Copilot comment on GitHub: Changeset text: “position sensitive” is grammatically ambiguous here; consider changing to “position-sensitive” (hyphenated) or rephrasing the sentence for clearer release notes. Before: Add position sensitive CSS so the popup menu is not cropped After: Add position-sensitive CSS so the popup menu is not cropped
Three buttons with a popover to the bottom right of each of them. The first one is tagged Chrome, and the popover is aligned to the left directly under the button. The second and third are tagged Firefox and Safari respectively, and the popover is separated from the button (to the bottom right)
The hand of a caucasian man holding a text sticker that reads "Let's calm the f*ck down." And the company name avro.
Bracket for MarchCSS
Screenshot of a text message: Alvaro, Tuesday is Election Day in TX! Based on recent elections, your voter turnout grade is 100%. Your household's voting grade is 100%. Who you vote for is private, but whether you vote is public info. Make sure your entire household votes! -NextVote Stop to end
screenshot of a CodePen demo for CSS random() on Safari. The preview shows two squares at different positions
Screenshot of the Accessibility statement page from Jaguar North America with the Wave accessibility checker on detecting 26 errors (including missing alternative text, missing form labels, empty headings, empty links and buttons, and more), 53 contrast color errors, and 81 alerts. The text on the page reads: Jaguar Land Rover North America, LLC is committed to making our website's content accessible and user friendly to everyone. If you are having difficulty viewing or navigating the content on this website, or notice any content, feature, or functionality that you believe is not fully accessible to people with disabilities, please call our Customer Service team...
Nobody: Youtubers in thumbnails: [Picture of a Luigi (from the game Mario Bros) with his hands on his head and a scared face]
Screenshot from the JavaScript console: '🥬' > '🍕' true '🥬' > '🥓' true '🥬' > '🐖' true '🥬' > '🐄' true '🥬' > '🐔' true
Screenshot from the JavaScript console: Command: '🍍🍕' > '🍕' Result: false
Alvaro Montoro (a caucasian man wearing a green sweater) in front of a stand talking while moving his hands, in front of a screen with information about randomization in CSS using other languages.
A robot dog walking around