Lene
@lenesaile.com
📤 1405
📥 168
📝 25
Independent web designer and front-end developer living in Madrid.
reposted by
Lene
Pavel
2 months ago
Remember the days of web design when you could tell users what size of monitor to get for your website
2
46
8
reposted by
Lene
Piccalilli
2 months ago
Richard Rutter helps you to make sense of list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols and more to push your HTML and CSS lists to the next level.
piccalil.li/blog/an-in-d...
loading . . .
An in-depth guide to customising lists with CSS
Richard Rutter helps you to make sense of list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols and more to push your HTML and CSS lists to the next level.
https://piccalil.li/blog/an-in-depth-guide-to-customising-lists-with-css/
1
25
9
reposted by
Lene
Sophie
3 months ago
I've been on a bit of a social media hiatus, but I've written a new post about something that's been on my mind a lot lately
localghost.dev/blog/stop-ge...
loading . . .
Stop generating, start thinking - localghost
Instead of wanting to learn and improve as humans, and build better software, we’ve outsourced our mistakes to an unthinking algorithm.
https://localghost.dev/blog/stop-generating-start-thinking/
17
167
43
reposted by
Lene
🐴 Alex Trost
3 months ago
I made this "ad" for one of Cursor's recent features. It finally solves the terrible problem of knowing CSS.
loading . . .
7
169
47
reposted by
Lene
Chris M
3 months ago
Spending 4+ hours on Sunday afternoon writing a blog post (
https://chrismcleod.dev/blog/my-changing-media-landscape/
) only about 3 people will read? Sure, why not? It’s the blogger’s dilemma 📌
https://chrismcleod.dev/notes/202602011724/
loading . . .
My Changing Media Landscape
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
https://chrismcleod.dev/blog/my-changing-media-landscape/
1
5
1
reposted by
Lene
henry ✷
4 months ago
you’re right! it feels mostly awful to Go Online™, these days. the internet in a sad state, for reason after reason after reason. but there is a way to fix it; to trade the voidful howling for a quiet & joyful song. here’s how to win the war for the soul of the internet, and build the Web We Want.
loading . . .
A Website To End All Websites | Henry From Online
How to win the war for the soul of the internet, and build the Web We Want.
https://henry.codes/writing/a-website-to-destroy-all-websites/
10
328
157
reposted by
Lene
Eric Portis
4 months ago
You've heard of OkLCH? Get ready for: OkLrCH.
codepen.io/eeeps/pen/bN...
(The little 'r' improves lightness gradients across the SDR range.)
loading . . .
OkLrCH vs OkLCH
...
https://codepen.io/eeeps/pen/bNeNRwy
1
5
3
reposted by
Lene
Keith Cirkel
5 months ago
CSS is so powerful now, it's amazing looking through older CSS and seeing what can be replaced with a one-liner. I'm on the hunt for snippets that used to be multiple lines of CSS that can now be done in one. Show me what you got!
24
123
24
reposted by
Lene
Sia Karamalegos
6 months ago
📣 The next
#eleventy-meetup
will be on November 18th 12pm EST! In this episode, we have the templating wars from the two newest, hottest templating languages.
@harris.social.coop.ap.brid.gy
will walk us through WebC, and vrugtehagel introduce us to Vento. All details:
11tymeetup.dev
#11ty
loading . . .
THE Eleventy Meetup
Join the Possum Posse to learn more about Eleventy! We're a new virtual meetup all about Eleventy and the tools and skills that support developing on Eleventy.Sign up for email updates
https://11tymeetup.dev/
3
17
9
reposted by
Lene
Pixel Pioneers
7 months ago
Sometimes, the right use of ARIA can improve your UI for end users. 🎥 Watch
@hidde.blog
's excellent talk on both the good parts and common pitfalls of ARIA, delivered at Pixel Pioneers Bristol 2025:
www.youtube.com/watch?v=NuTh...
#throwbackthursday
#tbthursday
#a11y
#accessibility
0
8
10
reposted by
Lene
Oregon 🕎🎲
7 months ago
When parakeets cosplay
loading . . .
15
1075
453
Just added lightbox-like gallery dialog navigation and opt-in submenu functionality to Eleventy Excellent!
github.com/madrilene/el...
loading . . .
Release Eleventy Excellent 4.3 · madrilene/eleventy-excellent
New Features Dialog/gallery navigation adds "Next" and "Previous" navigation buttons to each gallery dialog modal updates dialog controls to include close, next, and previous buttons enables keybo...
https://github.com/madrilene/eleventy-excellent/releases/tag/v4.3.0
11 months ago
0
8
2
reposted by
Lene
Ariel Salminen
11 months ago
This is where I explain how I built the search index using
@11ty.dev
for the ⌘+K search on my website:
arielsalminen.com/2025/buildin...
7
99
13
reposted by
Lene
Christian Alder
about 1 year ago
CodePen:
codepen.io/HejChristian...
loading . . .
#CodePenChallenge: Card Glow | Bioluminescence
This weeks challenge got me learning about life that glows 🪼 A fun one to do, and all of it was achieved with HTML, SVG, and CSS. I am so happy to ha...
https://codepen.io/HejChristian/full/VYYwqza
1
4
2
It's
#CSSNakedDay
!
www.lenesaile.com/en/
loading . . .
Lene Saile, developer and designer living in Madrid
Frontend developer and designer living in Madrid. I enjoy working with semantic HTML, vanilla Javascript and modern CSS.
https://www.lenesaile.com/en/
about 1 year ago
0
10
0
reposted by
Lene
Ana Rodrigues
about 1 year ago
wow what a website
leanrada.com
🧡 the goal is to be this cool
loading . . .
leanrada.com
https://leanrada.com/
2
10
3
reposted by
Lene
Christian Alder
about 1 year ago
I extended my experimentation with the CSS holographic effects, now with 7 new images and gradients ✨ The effect doesn't work on iOS Safari, so I've attached a video too 😊
#CSS
loading . . .
4
58
7
reposted by
Lene
Hidde
about 1 year ago
Making websites smaller has tangible effects on the environment. “Shaving off a single kilobyte in a file that is being loaded on 2 million websites reduces CO2 emissions by an estimated 2950 kg per month.“
www.dannyvankooten.com/blog/2020/we...
loading . . .
CO2 emissions on the web
https://www.dannyvankooten.com/blog/2020/website-carbon-emissions/
2
57
21
444 stars is a really nice number! I never expected so much interest when I first published this starter, but then again,
@bell.bz
's underlying CSS system is just fantastic!
github.com/madrilene/el...
loading . . .
GitHub - madrilene/eleventy-excellent: Eleventy starter based on the workflow suggested by Andy Bell's buildexcellentwebsit.es.
Eleventy starter based on the workflow suggested by Andy Bell's buildexcellentwebsit.es. - madrilene/eleventy-excellent
https://github.com/madrilene/eleventy-excellent
about 1 year ago
1
16
1
New website for my friend Eimear, executive and team coach.
#BuiltWithEleventy
— of course!
eimearsweeney.com
loading . . .
Eimear Sweeney Coaching
I bring a warm, empathetic, and challenging coaching style, creating a safe, co-creative space for both individuals and teams.
https://eimearsweeney.com/
about 1 year ago
1
7
1
reposted by
Lene
Robb Owen
about 1 year ago
This talk by
@bell.bz
is gold imo As a freelancer, you're expected to slot into an organisation and keep things moving with minimal friction. Keeping your head down and plowing through will only get you so far though and, to do great work, you have to prioritise planning & communication over coding
add a skeleton here at some point
1
14
2
I love making websites for and with creative people, so that their work comes across in harmony with their personality. Alberto is a Spanish singer songwriter, and I recommend a listen, if you like some good pop/indie folk!
www.albertoballesteros.com
loading . . .
Alberto Ballesteros
Eleventy starter using modern CSS, fluid type, fluid spacing, flexible layout and progressive enhancement.
https://www.albertoballesteros.com/
about 1 year ago
1
3
0
reposted by
Lene
Robb Owen
about 1 year ago
Big lad has captured the exact thousand yard stare I had when I still worked in an office
add a skeleton here at some point
2
11
1
Got up early to get things done, then spent that time searching for the source of an error that wasn't there yesterday, and that of course I introduced myself first thing. Should have just stayed in bed
over 1 year ago
0
2
0
My phone broke and now I have forever lost the 100+ browser tabs I had kept open "for later". The upside: now I can finally start all over again
over 1 year ago
4
13
1
Just released Eleventy Excellent 4.0! Now using the Eleventy Image transform method, cascade layers, a new color system. More in the blog post!
eleventy-excellent.netlify.app/blog/elevent...
loading . . .
Eleventy Excellent 4.0
Time for a new version with a lot of breaking changes! Have fun everybody.
https://eleventy-excellent.netlify.app/blog/eleventy-excellent-40/
over 1 year ago
0
38
7
reposted by
Lene
henry ✷
over 1 year ago
o, and what unutterable joy it is to build a Website! to spiral with arms outstretched in the technicolor fields of figma, casting rectangles and text boxes, rounding corners and corners again
2
32
3
reposted by
Lene
henry ✷
over 1 year ago
new year, new website :) with thy surest steel gathered to thy side, turn to face these new nightmares, these...True Terrors (of the New Dark Web) plenty to do but i'm thrilled to publish this 🤍 thanks a lot if you end up taking a look, but hark! go heedfully: scroll with caution & with care!
loading . . .
Henry From Online
The personal site & portfolio of creative web developer Henry from Online
https://henry.codes
80
396
82
Had some time this morning, so I went and finally read all of the
#HTMHellAdventCalendar
entries available. So many small and valuable knowledge pieces, thank you
@matuzo.at
for collecting them again. Looking forward to the 24th!
over 1 year ago
0
4
0
With e-invoicing becoming mandatory in the EU next year, I'm currently building a small invoice and customer manager with Eleventy - I've never enjoyed writing invoices more! I'll make sure to share my learnings in an article next year.
over 1 year ago
1
11
0
how can it be that i am only now becoming aware of `vector-effect: non-scaling-stroke;`? So useful!
over 1 year ago
0
2
0
reposted by
Lene
Ryan Mulligan
over 1 year ago
Finally had a free moment over the holiday break to mess around with some creative code ideas. I hacked on this little Web Component that outputs a shimmering pixel effect when its parent element is hovered. Read the post and check out the demo:
ryanmulligan.dev/blog/pixel-c...
loading . . .
12
227
34
reposted by
Lene
Manuel Matuzović
over 1 year ago
It's December 1st, and you know what that means: For the next 24 days, we'll publish articles about HTML by 24 authors. You can read them on the website or subscribe to the RSS channel. Enjoy!
htmhell.dev/adventcalend...
loading . . .
HTMHell Advent Calendar 2024 - HTMHell
An article, talk, or tool that focuses on HTML every day until Christmas.
https://htmhell.dev/adventcalendar/
2
288
133
reposted by
Lene
Large Heydon Collider
over 1 year ago
In case anyone wants to hear what someone who has completely lost the fucking plot thinks about the HTML <bdo> element.
heydonworks.com/article/the-...
loading . . .
The bdo element
An unofficial guide to the HTML bdo element
https://heydonworks.com/article/the-bdo-element/
4
25
6
reposted by
Lene
Tony Ward
over 1 year ago
Wrote an article about leveraging Figma's API to generate CSS variables from Figma variables. This is super helpful with Design Systems to ensure design and engineering are in sync. Thanks to
@darn.es
for the "this should be a blog post!" suggestion 🙇
www.tonyward.dev/articles/fig...
loading . . .
Syncing Figma Variables to CSS Variables - Tony Ward
Keep your design tokens in sync by generating CSS variables from Figma variables.
https://www.tonyward.dev/articles/figma-variables-to-css-variables
7
45
10
reposted by
Lene
Manuel Matuzović
over 1 year ago
I'm at an event watching a screen reader user and dev navigate an Austrian online shop (
billa.at
) and explain how they order groceries online. My main takeaways: - proper headings and landmarks are essential for navigation - skip links are super useful 1/2
1
14
1
reposted by
Lene
Ahmad Shadeed
over 1 year ago
This article by
@ericwbailey.website
on
@piccalil.li
is incredibly useful. It’s exactly how I prefer CSS articles to be written: starting with a problem, including clear illustrations, and offers a practical solution. Highly recommended 💯
piccalil.li/blog/making-...
loading . . .
Making content-aware components using CSS :has(), grid, and quantity queries
Eric Bailey teaches us how to make a hyper-resilient component that responds not only to the container, but other languages too.
https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/
4
94
17
reposted by
Lene
David Darnes
over 1 year ago
Just want to spend my days making cool bits of code for cool people
5
52
6
reposted by
Lene
Alistair Shepherd
over 1 year ago
@sia.codes
has an 11ty starter pack!
bsky.app/starter-pack...
add a skeleton here at some point
3
8
3
reposted by
Lene
Vadim Makeev
over 1 year ago
Performance is a key aspect of the user experience 🥲
2
5
1
reposted by
Lene
David Darnes
over 1 year ago
Alright gang you asked for it, here's a new
#WebComponent
for you… <bluesky-post>, a standalone component to embed
@bsky.app
posts, with their metadata, on any web page
loading . . .
bluesky-post Web Component
The bluesky-post Web Component allows you to turn a regular link to a Bluesky post into an embeddable post quote including metadata such as reply count, repost count, likes and more.
https://darn.es/bluesky-post-web-component/
8
286
73
reposted by
Lene
Eric Bailey
over 1 year ago
CSS' `:has()` pseudo-class is powerful stuff, and even moreso when you combine it with classic techniques like quantity queries and a mobile-first mindset. I wrote about it for
@piccalil.li
!
piccalil.li/blog/making-...
loading . . .
Making content-aware components using CSS :has(), grid, and quantity queries
Eric Bailey teaches us how to make a hyper-resilient component that responds not only to the container, but other languages too.
https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/
3
73
20
A new web project of mine is published! It's a pleasure to work with the folks at Data Bene, and with
@11ty.dev
of course, as always.
www.data-bene.io/en/
loading . . .
Data Bene
Relational database, open-source and scalable.
https://www.data-bene.io/en/
over 1 year ago
2
7
1
reposted by
Lene
Zach Leatherman
almost 2 years ago
A blog post about what is likely the biggest
@11ty.dev
news in our project’s history — and we need your help!
www.zachleat.com/web/independ...
loading . . .
I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024—zachleat.com
A post by Zach Leatherman (zachleat)
https://www.zachleat.com/web/independent-sustainable-11ty/
0
13
10
reposted by
Lene
Andy Bell
about 2 years ago
📝 New on Piccalilli: A highly configurable switch component using modern CSS techniques
https://piccalil.li/blog/a-highly-configurable-switch-component-using-modern-css/
Learn how build a highly configurable switch component using modern CSS, such as :has(), container queries, Logical…
0
6
2
you reached the end!!
feeds!
log in