Reposted by lydivette roldán
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Introducing CSS Grid Lanes
It’s here!
webkit.org
December 19, 2025 at 9:33 PM
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Reposted by lydivette roldán
I can’t stop switching styles on localghost.dev !
localghost
Sophie builds fun things out of HTML, CSS & JavaScript, and writes blog posts about tech and mental health.
localghost.dev
March 4, 2025 at 7:06 PM
I can’t stop switching styles on localghost.dev !
Reposted by lydivette roldán
Aaaaaaaaaastroooooooooo!
Look at this gorgeous site from Ricola, built with Astro
Look at this gorgeous site from Ricola, built with Astro
Tasty Herbal Drops Made with Swiss Alpine Herbs | Ricola
Our delicious cough drops offer everyday soothing relief with Ricola's iconic Swiss Alpine herbal blend.
www.ricola.com
May 20, 2025 at 11:12 AM
Aaaaaaaaaastroooooooooo!
Look at this gorgeous site from Ricola, built with Astro
Look at this gorgeous site from Ricola, built with Astro
Reposted by lydivette roldán
Have you ever wished the browser would look at a background color and pick black or white for the text — whichever one provides more contrast?
Now, the `constrast-color()` function in CSS does just that.
webkit.org/blog/16929/c...
Now, the `constrast-color()` function in CSS does just that.
webkit.org/blog/16929/c...
How to have the browser pick a contrasting color in CSS
Have you ever wished you could write simple CSS to declare a color, and then have the browser figure out whether black or white should be paired with that color?
webkit.org
May 13, 2025 at 6:28 PM
Have you ever wished the browser would look at a background color and pick black or white for the text — whichever one provides more contrast?
Now, the `constrast-color()` function in CSS does just that.
webkit.org/blog/16929/c...
Now, the `constrast-color()` function in CSS does just that.
webkit.org/blog/16929/c...
Reposted by lydivette roldán
Reposted by lydivette roldán
Today I learned about the `plaintext-only` value for the #HTML `contenteditable` attribute. Using it keeps your editable elements from getting all mangled when you paste styled text into them! developer.mozilla.org/en-US/docs/W...
HTMLElement: contentEditable property - Web APIs | MDN
The contentEditable property of
the HTMLElement interface specifies whether or not the element is
editable.
developer.mozilla.org
May 12, 2025 at 6:55 PM
Today I learned about the `plaintext-only` value for the #HTML `contenteditable` attribute. Using it keeps your editable elements from getting all mangled when you paste styled text into them! developer.mozilla.org/en-US/docs/W...
Reposted by lydivette roldán
ESLint can now lint HTML with the html-eslint language plugin. Guest author and creator of html-eslint Yeon Juan shows you how:
eslint.org/blog/2025/05...
eslint.org/blog/2025/05...
ESLint can now lint HTML using the html-eslint language plugin - ESLint - Pluggable JavaScript Linter
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
eslint.org
May 13, 2025 at 3:51 PM
ESLint can now lint HTML with the html-eslint language plugin. Guest author and creator of html-eslint Yeon Juan shows you how:
eslint.org/blog/2025/05...
eslint.org/blog/2025/05...
Reposted by lydivette roldán
Really good 98.css implementation felixrieseberg.github.io/clippy/
Clippy Desktop Assistant
felixrieseberg.github.io
May 6, 2025 at 9:24 PM
Really good 98.css implementation felixrieseberg.github.io/clippy/
Reposted by lydivette roldán
GSAP is now free. 😍
gsap.com/blog/3-13/
gsap.com/blog/3-13/
3.13 release | GSAP | Docs & Learning
Thanks to Webflow, GSAP is now 100% FREE including ALL of the bonus plugins! Version 3.13 also brings a complete rewrite of SplitText
gsap.com
May 1, 2025 at 2:07 PM
GSAP is now free. 😍
gsap.com/blog/3-13/
gsap.com/blog/3-13/
Reposted by lydivette roldán
if I can, I always prefer to buy directly from the maker, the farmer, the developer
May 1, 2025 at 4:26 PM
if I can, I always prefer to buy directly from the maker, the farmer, the developer
Reposted by lydivette roldán
align-items: center; align-content: center; justify-items: center; justify-content: center is soooo z-index: 100000
April 30, 2025 at 12:17 PM
align-items: center; align-content: center; justify-items: center; justify-content: center is soooo z-index: 100000
Reposted by lydivette roldán
So I used a `setTimeout`, which was the style at the time. Now, to power a browser you had to turn a crank, and in those days you got 5 frames to a turn—"unwind the stack," you’d say!
Now, where were we? Oh yeah: the important thing was that I used a `setTimeout`, which was the style at the time.
Now, where were we? Oh yeah: the important thing was that I used a `setTimeout`, which was the style at the time.
May 1, 2025 at 3:25 PM
So I used a `setTimeout`, which was the style at the time. Now, to power a browser you had to turn a crank, and in those days you got 5 frames to a turn—"unwind the stack," you’d say!
Now, where were we? Oh yeah: the important thing was that I used a `setTimeout`, which was the style at the time.
Now, where were we? Oh yeah: the important thing was that I used a `setTimeout`, which was the style at the time.
Reposted by lydivette roldán
I recently dusted off one of my abandoned side projects. It’s a website where I share my web dev bookmarks. It's called "bookmarks98" because, you guessed it, it’s heavily inspired by Windows 98 #BuiltWithEleventy
🔗 ineskcodes.github.io/bookmarks98/
🔗 ineskcodes.github.io/bookmarks98/
October 7, 2024 at 11:11 PM
I recently dusted off one of my abandoned side projects. It’s a website where I share my web dev bookmarks. It's called "bookmarks98" because, you guessed it, it’s heavily inspired by Windows 98 #BuiltWithEleventy
🔗 ineskcodes.github.io/bookmarks98/
🔗 ineskcodes.github.io/bookmarks98/
Reposted by lydivette roldán
#CSS "Line height units give us a direct way to tie any size in our layout to the vertical rhythm of the text. Margins are just one possibility — padding is another, gaps, width and height, or any other measurement in the layout."
webkit.org/blog/16831/l...
webkit.org/blog/16831/l...
Polishing your typography with line height units
Learn how to use line-height units when setting paragraph margins — creating vertical rhythm in your text.
webkit.org
April 28, 2025 at 4:45 PM
#CSS "Line height units give us a direct way to tie any size in our layout to the vertical rhythm of the text. Margins are just one possibility — padding is another, gaps, width and height, or any other measurement in the layout."
webkit.org/blog/16831/l...
webkit.org/blog/16831/l...
Reposted by lydivette roldán
I guess I'm going to have to write an IMAP TUI app.
April 26, 2025 at 12:29 AM
I guess I'm going to have to write an IMAP TUI app.
Reposted by lydivette roldán
April 24, 2025 at 11:24 AM
Reposted by lydivette roldán
We're planning another HTML Day this year, but we can't do it without financial support. Please consider contributing to help support this movement, the podcast, and HTML day 2025 ❇️
html.energy/join.html
html.energy/join.html
HTML Energy
html energy is all around us and in this very website.
html.energy
April 21, 2025 at 1:07 PM
We're planning another HTML Day this year, but we can't do it without financial support. Please consider contributing to help support this movement, the podcast, and HTML day 2025 ❇️
html.energy/join.html
html.energy/join.html
Reposted by lydivette roldán
This is amazing. Look at this. LOOK AT THIS.
April 18, 2025 at 9:11 PM
This is amazing. Look at this. LOOK AT THIS.
Reposted by lydivette roldán
Have you ever wished you could make a real-deal complex shape in CSS? The web’s had circle(), ellipse() and polygon() for years. But in order to do anything more SVG-style syntax was required.
Well, no more. Now, you can make complex shapes in CSS!
webkit.org/blog/16794/t...
Well, no more. Now, you can make complex shapes in CSS!
webkit.org/blog/16794/t...
The CSS shape() function
Shapes are an important aspect of graphic design.
webkit.org
April 15, 2025 at 8:46 PM
Have you ever wished you could make a real-deal complex shape in CSS? The web’s had circle(), ellipse() and polygon() for years. But in order to do anything more SVG-style syntax was required.
Well, no more. Now, you can make complex shapes in CSS!
webkit.org/blog/16794/t...
Well, no more. Now, you can make complex shapes in CSS!
webkit.org/blog/16794/t...
Reposted by lydivette roldán
It's decided, I'm making a course!
I'll explain how the new Anime.js website was created by recreating the entire landing page from scratch, while sharing all the animation tricks and techniques I've learned throughout the years.
Join the waitlist here: animejs.com/learn/
Thank you! ❤️🙏
I'll explain how the new Anime.js website was created by recreating the entire landing page from scratch, while sharing all the animation tricks and techniques I've learned throughout the years.
Join the waitlist here: animejs.com/learn/
Thank you! ❤️🙏
April 10, 2025 at 2:20 PM
It's decided, I'm making a course!
I'll explain how the new Anime.js website was created by recreating the entire landing page from scratch, while sharing all the animation tricks and techniques I've learned throughout the years.
Join the waitlist here: animejs.com/learn/
Thank you! ❤️🙏
I'll explain how the new Anime.js website was created by recreating the entire landing page from scratch, while sharing all the animation tricks and techniques I've learned throughout the years.
Join the waitlist here: animejs.com/learn/
Thank you! ❤️🙏
Reposted by lydivette roldán
fun fact i thought for years that it was "cloudfare" (not flare). like, "pay us for cloud"
April 10, 2025 at 5:05 PM
fun fact i thought for years that it was "cloudfare" (not flare). like, "pay us for cloud"