![Useful SVGO[ptimization] Tools](https://alldevblogs.blob.core.windows.net/thumbs/article-d5dd0f779056-full-9d9b58a5.webp)
Introduces SVGOMG, a GUI tool for previewing and optimizing SVGs with SVGO plugins, preventing broken animations.
Explores sketchnotes as a creative note-taking method for tech presentations, featuring techniques from designers and developers.
Explains the HTML download attribute, its use cases for triggering file downloads, browser support, and best practices like showing file size.
Creative ideas to enhance user experience in web forms with playful and personalized details like custom cursors and birthday hints.
Explains the mobile-first CSS approach, its benefits over desktop-first, and provides practical code examples for responsive web design.
Explores two CSS techniques for reversing element order: using transform rotations and flex-direction: column-reverse.
Author announces updates to the Learning Susy book, addressing common issues with the Susy Sass layout framework installation and usage.
A comprehensive list of style guides and pattern libraries for web design and development, explaining the differences between them.
A developer explains the technical drawbacks of icon fonts and details their workflow for replacing them with inline SVG for better rendering and maintainability.
Introduces Shoestring, a lightweight JavaScript DOM utility that helps reduce code bloat by offering a modular, jQuery-like alternative.
Explores the evolution and future capabilities of CSS media queries, moving beyond screen size to adapt to user environment and device features.
A comprehensive guide to creating animations using SVG and the SMIL specification, featuring syntax explanations and demos.
A personal recap of JSConf EU 2014, highlighting key talks on ServiceWorkers, community building, and JavaScript for IoT.
A tutorial on creating off-canvas layouts using the Susy grid system for web development.
Explores creating semantic, self-correcting CSS layouts using pseudo-classes and the Susy framework to reduce reliance on presentational HTML classes.
A guide to making embedded SVG images responsive across browsers using CSS techniques like the Padding Hack and inline media queries.
Explains how gutter positions work in the Susy CSS grid framework and how they affect layout margins and paddings.
A review and summary of Jason Santa Maria's book on web typography, covering fundamentals like headlines, margins, and typographic systems.
A tutorial on creating an image comparison slider using only CSS and the resize property, exploring its benefits and limitations.
