Book Review: Designing Interface Animation
A review of a book on designing effective UI animation, covering its role in branding, performance, and accessibility.
A review of a book on designing effective UI animation, covering its role in branding, performance, and accessibility.
Discusses the reasons for 'quick fix' code and provides strategies for avoiding them in front-end development (HTML, CSS, JavaScript).
A review of 'Inclusive Design Patterns', a book teaching developers how to build accessibility and inclusivity into web applications from the start.
A case study on optimizing complex SVG illustrations for performance and accessibility by using inline SVG techniques.
Overview of key new features and changes in the official HTML 5.2 specification, including the native <dialog> element and Payment Request API for iframes.
Explores common reasons why design systems fail, focusing on organizational support, investment, and adoption challenges.
A guide on using Sass maps to programmatically generate utility classes for colors, improving maintainability and scalability in CSS.
A guide on how to approach and debug common JavaScript errors, using a practical example of a null reference error.
A web developer's call to action: share only accessible, semantic code examples and be responsible when publishing technical articles.
A case study on Typi, a Sass library for creating maintainable web typography by focusing on typesetting principles.
Learn how to create a custom Angular Date Pipe to format dates consistently across your application, using the dd/MM/yyyy format.
A tutorial on creating a custom JavaScript function to generate DOM elements from scratch, explaining the core logic and usage.
A developer shares their experience with a mock technical interview conducted by a Google engineer, detailing the process and lessons learned.
A guide to web performance fundamentals, covering mindset, HTML rendering, and practical optimization techniques for developers.
A technical comparison between CSS animations and the Web Animations API, using a case study to illustrate key differences and implementation details.
A guide to manipulating the Document Object Model (DOM) using vanilla JavaScript, covering element selection, event listeners, and dynamic content changes.
A developer shares their appreciation for React's ability to render different UI markup based on props and state, using a simple ternary example.
A response to criticisms of Web Components, arguing they are maturing and can coexist with frameworks like React.
A framework to help developers decide whether to learn a new tech tool, using examples like Webpack, PostCSS, and React.
Using CSS selectors to visually highlight invalid, unsemantic, or inaccessible HTML elements for easier debugging and linting.