57 recent posts tagged #css, newest first. Page 2 of 3.
What is a Constructor Function? It is a special function used to initialize objects with specific values. It is called automatically when a new object is created using the new keyword. 2. Naming Convention Rule: Regular functions start with…
Share on Bluesky: Constructor Function: (opens in a new tab)Share on LinkedIn: Constructor Function: (opens in a new tab)
1) Static asset files and images The way you use an image depends on where the file is stored. Files inside public/ Files in the public folder are served from the app root. In Vite, that usually means they are exposed as /image.png . < img…
Share on Bluesky: React: Styling (CSS) (opens in a new tab)Share on LinkedIn: React: Styling (CSS) (opens in a new tab)
Voyagio is a free, multi-page website template designed for travel agencies and booking platforms. Built with vanilla HTML, CSS, and JavaScript, it includes all the essential pages you need to launch a travel site quickly. What's Inside…
Share on Bluesky: Voyagio: Free Travel Booking Website Template (opens in a new tab)Share on LinkedIn: Voyagio: Free Travel Booking Website Template (opens in a new tab)
If HTML feels confusing, imagine you're building a house. You're standing on an empty piece of land. You have a vision of what you want the finished house to look like. Maybe you want beautiful colours. Comfortable furniture. Large windows…
Share on Bluesky: HTML Explained Using a Simple House Analogy (opens in a new tab)Share on LinkedIn: HTML Explained Using a Simple House Analogy (opens in a new tab)
CieloVistaSoftware / wb-starter Website Builder Starter Project Web Behaviors (WB) Starter A zero-build website framework. You write HTML5. That is the whole API. Semantic elements first. Composition only. Light DOM only. No custom…
Share on Bluesky: A New Concept for Websites (opens in a new tab)Share on LinkedIn: A New Concept for Websites (opens in a new tab)
We can get the number of siblings using sibling-count() but we cannot get the number of children yet. There is a proposal for a children-count() function, but until we get an official release, we can hack it using Scroll-Driven Animations…
Share on Bluesky: Implementing children-count() using Modern CSS (opens in a new tab)Share on LinkedIn: Implementing children-count() using Modern CSS (opens in a new tab)
Shin honkaku is a sub-genre of Japanese detection fiction — and my new obsession! I’ve even designed my own book cover, scroll down to see… An intro to the genre “Shin honkaku” translates to “new orthodox” and pays homage to classic western…
Share on Bluesky: Shin honkaku (opens in a new tab)Share on LinkedIn: Shin honkaku (opens in a new tab)
Web Dev • Get started with htmx 4 — dynamic web pages without JavaScript • Browsers Situationship: When Browsers Agree but the Spec Doesn’t • W3C: Створення WCAG 3 для доступніших користувацьких досвідів • Blurry before beautiful: image…
Share on Bluesky: Frontend Weekly Digest #485 (21–27 September 2026) (opens in a new tab)Share on LinkedIn: Frontend Weekly Digest #485 (21–27 September 2026) (opens in a new tab)
Went camping with Adam. He blogged it because blogging rules. His post has some videos we did kinda right when we got there for a memento. Here’s a couple of those same songs in shorter clips smooshed together. View this post on Instagram
Share on Bluesky: Banjos in the Woods (opens in a new tab)Share on LinkedIn: Banjos in the Woods (opens in a new tab)
Let me show you what I saw that started my brain turning: This is from the website of the podcast The Midnight Rebellion on WBUR. It’s a cute little crab that walks around on the top of an element! I love it! It reminded me of a very cool…
Share on Bluesky: Randomly Place an Element Along Edge of Another Element (opens in a new tab)Share on LinkedIn: Randomly Place an Element Along Edge of Another Element (opens in a new tab)
I’ve got a basic block of Zwilling J.A. Henckels knives. They are fine? Or were they when I got them? They got dull. I bought the HORL®3 knife sharpener to bring them back to life. It absolutely didn’t work after really committing to trying…
Share on Bluesky: Knife Sharpening (opens in a new tab)Share on LinkedIn: Knife Sharpening (opens in a new tab)
Blurry before beautiful: image previews for the web A very good looking proposal! The root scroller and how not to lose it Yet another in-depth, fantastic article by Kilian at Polypane. fonts.xyz You know us by now: we see a good place to…
Share on Bluesky: The Index: Issue #199 (opens in a new tab)Share on LinkedIn: The Index: Issue #199 (opens in a new tab)
Kevin Powell is doing game-show-style (specifically Family Feud) shorts where, using data from a survey of 100 devs, he asks another dev what the most popular answers were. Here’s: Adam Argyle guessing the most popular frameworks Alex Trost…
Share on Bluesky: 100 Devs (opens in a new tab)Share on LinkedIn: 100 Devs (opens in a new tab)
I bought a standup bass back in June! I set up a Facebook Marketplace alert for them, and it actually worked; a good option came up. It feels like Craigslist and Facebook Marketplace are the only options for local sales online, and it’s…
Share on Bluesky: Bass (opens in a new tab)Share on LinkedIn: Bass (opens in a new tab)
Detecting when two elements overlap using only CSS anchor positioning and scroll-driven animations. Some text in here to mimic nothing, just for fun.
Share on Bluesky: Detect when elements overlap with CSS (opens in a new tab)Share on LinkedIn: Detect when elements overlap with CSS (opens in a new tab)
WebKit Features for Safari 27.0 — An epic set of release notes covers Safari 27's enhancements, including its new MCP server (let agents debug your work), scroll anchoring, the customizable <select> element, a controls attribute for images…
Share on Bluesky: 12 CSS features that can retire your dependencies (opens in a new tab)Share on LinkedIn: 12 CSS features that can retire your dependencies (opens in a new tab)
The nice thing about keeping a blog is that I can say at precisely 9:51am, Wednesday 5th February 2025, I discovered that macOS 15.3 had enabled a feature that was phoning home every 15 minutes with personal data. And that I said “no” and…
Share on Bluesky: I said no and Apple said yes (opens in a new tab)Share on LinkedIn: I said no and Apple said yes (opens in a new tab)
Creating CSS Shapes is cool, but what about Random CSS Shapes? Thanks to the new random() function, we can generate unique shapes. A new shape appears on each page load. You never see the same shape twice. First off, blob shapes with a cool…
Share on Bluesky: Random Blob Shapes (opens in a new tab)Share on LinkedIn: Random Blob Shapes (opens in a new tab)
You've probably already seen this common pattern in action: blurry versions of the images of a site appear immediately and, moments later, their full versions replace them. This pattern has become so common that many image CDNs, frameworks…
Share on Bluesky: Blurry before beautiful: image previews for the web (opens in a new tab)Share on LinkedIn: Blurry before beautiful: image previews for the web (opens in a new tab)