Michelle Barker is a front-end developer and writer behind CSS { In Real Life }, a blog dedicated to modern CSS and real-world web development. She shares honest, practical insights on evolving CSS features, front-end techniques, and the web community.
227 articles from this blog
A frontend developer shares a personal experience with NFT plagiarism and critiques the environmental and ethical issues of the crypto/NFT space.
A tutorial on creating an interactive, scrollable and draggable timeline using the GSAP library's ScrollTrigger and Draggable plugins.
A web developer's 2021 review focusing on new CSS features, upcoming browser support, and influential people in the CSS community.
Safari now supports the CSS :has() pseudo-class, enabling powerful parent and relational element styling.
A web developer argues for reducing the environmental impact of websites through individual and collective action, addressing common criticisms.
Explains the importance of the HTML 'lang' attribute for accessibility, screen readers, and localization.
A developer shares personal recommendations for three high-quality web development courses covering Three.js, D3 data visualization, and CSS for JS developers.
A technical guide on improving web accessibility for toggle buttons, focusing on screen reader announcements and JavaScript implementation.
An overview of the 2021 State of CSS survey, discussing new CSS features and the importance of developer feedback.
Analyzing the cleverness and maintainability of complex CSS solutions, like Facebook's conditional border-radius toggle, versus simpler, more readable alternatives.
Explains how to use CSS :is() and :where() pseudo-selectors to simplify and improve block spacing in WordPress Gutenberg themes.
A guide for front-end developers on making strategic decisions to build flexible, adaptable UI components that handle real-world content and diverse user needs.
A developer advocates for learning front-end coding through hands-on projects and sharing progress openly, using ThreeJS as an example.
A new feature in Chrome Canary's DevTools allows developers to toggle and convert between CSS length units like px, em, rem, and more.
Explores using the CSS element() function to mask one element with another, focusing on creative visual effects and accessibility considerations.
Explores whether modern CSS layout tools like flexbox and Grid make traditional 12-column design grids obsolete for web development.
A proposal for browser dev tools to toggle CSS size units (px, em, rem) like color values, improving designer-developer workflow.
Explains how to use CSS Level 5 media queries (hover, pointer) to detect hover-capable devices for better responsive design and accessibility.
A developer discusses participating in Dev Roulette Live, a video series pairing developers for live, random-topic conversations about CSS and coding.
A tutorial series exploring how to use trigonometric functions for creative coding and animations in CSS and JavaScript.
