Neither Graphics Nor Fonts! Icons In Pure CSS3 with One-Div.com
Icons are becoming more and more common these days. Mobile clients are responsible for this trend as icons are most useful in environments where screen real estate is scarce. Icons help you find your...
View ArticleLazy Line Painter for jQuery Animates SVG Onto Your Website
Thanks to the canvas element and the drawing capabilities of JavaScript we can calculate and present graphics inside the browser. That way drawings can be animated onto a website. The downside is, that...
View ArticleHow I Built the Paint 4 Kids Windows Store App Using Only HTML5 and SVG
Paint 4 Kids is a Windows Store app, specifically designed for kids. A simple app for coloring and drawing. You can read of the consumer’s features directly from the Windows Store site, where you can...
View ArticleSurviving the Zombie Apocalypse with HTML5 and SVG
As browser adoption of HTML5 continues apace, developers are finding more and more options for creating elegant, highly responsive UIs. In the case of Scalable Vector Graphics (SVG), what’s old is new...
View ArticleSurviving the Zombie Apocalypse with HTML5 and SVG #2: Text, Paths and Basic...
The first article in this series covered the basics of SVG, an overlooked, underappreciated aspect of HTML5. While different browsers implement SVG in different ways, the previous walkthrough described...
View ArticleExclusive Freebie on Noupe: Human Pictos with 500 Icons of Everyday People
It’s that time of the year again. Everybody roams the cities on the hunt for the perfect Christmas present. Our present for you involves no running. Again, we’ve teamed up with Freepik, our friends...
View ArticleHTML 5 and SVG: Providing a PNG Fallback with PHP and ImageMagick
Using SVG in web design has many advantages. Being a vector format is the biggest and has it standing out from the crowd of other image formats. You could have guessed, though, that while modern...
View ArticleSVG and JavaScript: What Is Possible, What To Consider?
SVG has been around for quite some time now, waiting. Waiting for proper browser support. The wait is now over as all modern browsers support the format today. With Flash being on the decline, SVG has...
View ArticleStyling SVG with CSS: Capabilities and Limitations
SVG is the new standard for vector images in the browser. Vector editors such as Adobe Illustrator allow to directly save to that format and modern browsers have no problems to properly display SVG. As...
View ArticleAdobe’s Snap.svg: Animations With HTML 5, Without Flash
Flash has long been the standard for vector-based web animations. Some say for too long. The rise of mobile clients led to an acceleration of web standards such as HTML5. Thanks to the SVG formats,...
View ArticleGlyphter: New Free Service Helps You Build Your Custom Icon Font From Random...
Glyphter.com is one of those services that got me immediately. It is simple to use, it works absolutely flawlessly, it is nicely designed and it keeps all of its promises. It even is free. What more...
View ArticleExclusive Freebie on Noupe: 50 Funny Icons Out of The Ordinary
Oops, that shouldn’t have happened. Simply hold your breath for a minute and it will have faded. Yes, we find this hilarious. A few weeks ago, Nasty Icons created ripples, yet we found the set too...
View ArticleSVG without SMIL: Google Chrome Kills Support
It should be common knowledge by now that interesting charts, illustrations and complex animations can be created using the SVG format. SVG provides three different ways of creating animations. Next to...
View ArticleWeb App: Drawing SVG Online with Method Draw
Adobe Illustrator, as well as the free Inkscape, are able to work with SVG. They can edit and save vector graphics in this format. These apps are not the only ones, however. The web app Method Draw...
View Article
More Pages to Explore .....