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.
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.
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.
ConstructsTransformicons is an animated symbol/button/icon that morphs using a combination of SVG, CSS and HTML. Transformicons is inspired by the article written by Sara Soueidan and the work of Bennett Feely. They also provide a builder that gives developers the ability to select their preferred Transformicons and output for finer control such as selecting between t… See more
GrayghostvisualsAs 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.
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.
Speckyboy Web Design MagazineWith 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.
CSS WeeklyLearn 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.