Write More Understandable Code With Hungarian Notation
Explains Hungarian notation, a naming convention using prefixes to improve code readability and maintainability in JavaScript and CSS.
Explains Hungarian notation, a naming convention using prefixes to improve code readability and maintainability in JavaScript and CSS.
A tutorial on how to integrate and use custom Google Fonts in an Ionic 2/3 mobile application by adding font files locally and applying CSS.
A guide to creating skeleton loading screens with CSS to improve perceived performance and user experience.
A developer's journey from semantic CSS to functional utility classes, challenging traditional 'separation of concerns' in web development.
A frontend developer shares best practices for using id, class, and data attributes in HTML, CSS, and JavaScript to avoid conflicts.
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.
The author details the process of redesigning and rebuilding their tech blog, focusing on logo creation, design decisions, and performance improvements.
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 UI challenge to recreate the old iTunes library gallery using CSS transforms, focus states, and keyboard navigation.
A personal recap of the 2016 Porto Tech Hub conference, highlighting its community atmosphere and the collaborative Porto tech scene.