css-irl.info

• charset: UTF-8
• name: viewport content: width=device-width, initial-scale=1.0
• equiv: X-UA-Compatible content: ie=edge
• equiv: Cache-Control content: no-store, no-store, must-revalidate
• equiv: Pragma content: no-cache
• equiv: Expires content: 0
• name: Description content: A blog about CSS, front-end development, the web, and beyond.
• name: keywords content: css, front end, web development, web design
• name: generator content: Eleventy v3.1.2
• property: og:title content: CSS { In Real Life }
• property: og:title content: CSS { In Real Life }
• property: og:type content: website
• property: og:description content: A blog about CSS, front-end development, the web, and beyond.
• property: og:image content: https://css-irl.info/social_1200x630.png
• property: og:url content: https://css-irl.info/
• property: og:site_name content: CSS { In Real Life }
• name: twitter:card content: summary_large_image

• http://css-irl.info/
• All topics
• About
• FAQs
• Blogroll
• http://css-irl.info/rss.xml
• css
• workflow
• opinion
• javascript
• web sustainability
• layout
• National Blog Posting Month
• css grid
• note
• tooling
• custom properties
• events
• animation
• careers
• inspiration
• http://css-irl.info/articles/
• http://css-irl.info/quick-tips/
• http://css-irl.info/notes/
• http://css-irl.info/demos/
• Clutter
• Reflections From Green IO 2025
• Creating CSS Theme Variables from a JS file
• Wholegrain Digital’s Response to the BBC’s Web Sustainability Report
• Debating the Merits of LLMs
• Creating Static SVGs from GeoJSON
• Sustainable Hardware Choices
• Education Needs Teachers, Not More Technology
• CSS Masonry Layout Syntax
• AI Environmental Impact Report
• A Versatile Markdown Shortcode for Eleventy
• Next →
• Guest posts

• https://github.com/mbarker84/css-irl-eleventy
• https://front-end.social/@michelle
• Green IO
• Does what you scroll burn coal? Mythbusting energy consumption on the web
• Is It Okay?
• What I learned from migrating a Vue project from Vuex to Pinia
• GeoJSON
• AI in education
• CSS masonry layout syntax
• report into the sustainability of AI
• Michelle Barker

            Domain Name: CSS-IRL.INFO
Registrar: Hosting Concepts B.V. d/b/a Registrar.eu
Domain Status: client transfer prohibited
Registry Expiry Date: 2027-04-11T20:02:39.046Z
Creation Date: 2018-04-11T20:02:39.046Z
Updated Date: 2026-03-21T08:02:52.414Z
Name Server: DNS1.P04.NSONE.NET
Name Server: DNS2.P04.NSONE.NET
Name Server: DNS3.P04.NSONE.NET
Name Server: DNS4.P04.NSONE.NET
REGISTRAR Contact: Hosting Concepts B.V. d/b/a Registrar.eu
>>> Last update of RDAP database: 2026-03-22T07:38:57Z         

			User-agent: GPTbot
Disallow: /

User-agent: ChatGPT-User
Disallow: /

User-agent: Google-Extended
Disallow: /

User-agent: Omgilibot
Disallow: /        

Teknisk SEO

On-Page SEO

Innehåll och UX