Ten Insights From My Blog Migration
A developer shares ten key technical lessons learned from migrating a blog from Blogger to Jekyll on GitHub Pages.
A developer shares ten key technical lessons learned from migrating a blog from Blogger to Jekyll on GitHub Pages.
Explains the CSS concept of collapsing margins, where adjoining vertical margins between block-level elements combine into a single margin.
A technique for using responsive images with CSS background properties, enabling flexible hero images with optimized loading.
Explains why targeting HTML tags directly in CSS is problematic for maintainability and scalability, advocating for using classes instead.
Explains the CSS minmax() function for creating flexible grid layouts with minimum and maximum size constraints.
A CSS developer discusses when and why to break established coding rules and best practices, using BEM and CSS grids as examples.
Explores CSS file structure best practices, comparing traditional type-based organization with component-based approaches for modular projects.
The author details the process of redesigning and rebuilding their tech blog, focusing on logo creation, design decisions, and performance improvements.
Explains why BEM alone isn't enough for scalable CSS and introduces a namespace system to create a more robust, side-effect-free architecture.
An introduction to writing modular, maintainable CSS using the BEM methodology, focusing on architecture and best practices.
A tutorial explaining how to create a 'wiggle' animation effect for product sliders, using a wine bottle slider as an example.
Explains how to apply progressive enhancement principles to CSS, covering fallbacks and feature queries for robust web design.
An explanation of CSS Grid Layout's core terminology, including grid containers, items, lines, columns, rows, and tracks.
A guide to optimizing CSS image sprites for better web performance, covering file separation, PNG8, UTF-8 icons, and memory management.
A developer details the 2017 technical relaunch of their personal website, switching from WordPress to Jekyll for a static, fast, and accessible site.
A technical guide to implementing 'Show More' and 'Read More' text truncation patterns on the web using JavaScript and CSS.
Explores three new CSS features for 2017: Feature Queries, Grid Layout, and Flexible Lengths, with practical code examples.
A personal list of the author's favorite and most impactful web development and design conference talks from 2016.
A curated list of newsletters for front-end developers to stay updated on CSS, design systems, UI/UX, and web tools.
A UI challenge to recreate the old iTunes library gallery using CSS transforms, focus states, and keyboard navigation.