Animated symbols and buttons packaged for Sass & CSS. We also provide a builder that gives developers the ability to select their preferred Transformicons and output for finer control.
Around the web
CSS Weekly Issue #151Learn how to load your fonts progressively by using font events, how to provide fallback for SVG images using the element, how to use --watch command in Sass and more.
Web Design & Development News: Collective #154 | CodropsView All HTML5 Boilerplate 5.0 * Accessible modal dialogs * SPA Tutorial * Bouncy Navigation * Laravel 5 * Transformicons * Material Progress Advertisement Version 5 of one of the most powerful PHP frameworks is out. Check out the homepage and also the free lessons by Jeffrey Way.
Top 50 CSS Libraries, Frameworks and Tools for 2017With all of the changes and rapid advancements CSS has gone through the last few years, we should not be surprised at the huge volume of open-source resources and tools that are currently being released.
Speckyboy Web Design MagazinePaul Andrew
Gray Ghost Visuals PressAs of lately, my interests in terms of Web development have gone from a devotion to responsive design techniques to the appreciation of finely, well-made animations and interactions. Today I'd like to share a project called " Transformicons" that's inspired by the work of Bennett Feely and Sara Soueidan.
Transformicons - Animated SVG icons - FreebiesbugTransformicons is a small but useful set of animated icons, symbols and buttons using SVG and CSS. Inspired by the article from Sara Soueidan and the work of Bennett Feely. View project page View on Github Posted on and tagged icons, featured. This post has been viewed 6776 times.
Transformicons - Animated Icons using CSS & SVG - SpungerThe hamburger icon, or navicon if you want to get all technical, is a relatively recent introduction to web design interfaces. The biggest issue with these icons is that they typically don't offer any sort of interactivity - it starts as a stack of 3 lines and it ends up as a stack of 3 lines.