Tag: how-to

  • Free open source icon font hosting service: We Love Icon Fonts

    Free open source icon font hosting service: We Love Icon Fonts

    When Google Webfonts was launched, it marked the beginning of a revolution in web design. For the first time it was so easy to use some other fonts than Arial, Verdana and Helvetica. Recently the new craze has been icon fonts: no more sprites of icons, no more multiple size images for high density screens. Just vector glyphs, that can be scaled indefinitely, that you can apply styles on. But still you had to jump through hoops by hosting all the file formats on your server and set up the proper way to add them into page.

    Well, no more. A talented and well intended guy, called Tim Pietrusky, gave us all an early Christmas present: a free, open source icon font hosting solution. A Google Webfonts for icon fonts. It’s still in beta, you can only add fonts to a collection and use them in your site. But with the proper support from the community, it could become the next best thing for web design since @font-face.

    [notification type=”information”]Licence: free for personal and commercial projects[/notification]

     

    [button color=”green” link=”http://weloveiconfonts.com/”]Go to We Love Font Icons[/button]

  • This is Responsive – a collection of patterns, modules and resources

    This is Responsive – a collection of patterns, modules and resources

    “This is Responsive” is a project initiated, developed and maintained by Brad Frost and Pon Katerra. They compiled a repository of design patterns and code modules essential for responsive web design. The website also contains a catalogue of resources, like articles and tutorials (from novice to master level), style guides, design tools, development techniques. All in all, it is one of the most comprehensive points to start ones education in the mastery of responsive web design.

    [button color=”green” link=”http://bradfrost.github.com/this-is-responsive/index.html”]Visit “This is Responsive” Repository[/button]

  • Responsive Web Design Interactive Guide

    Responsive Web Design Interactive Guide

    In a surprising twist, Template Monster, the (in)famous template provider, put together the most complete, interesting and interactive guide to the field of Responsive Web Design. Shaped like a children’s game, you can encounter glossary, blog articles, free PDF books, the official position of Google as well as many tutorials, plugins, tools and ready-made templates.

    [button color=”green” link=”http://www.templatemonster.com/infographics/responsive-web-design-interactive-guide.php”]View the Interactive Guide[/button]

  • WordPress hooks

    WordPress hooks

    Smashing Magazine puts together a very detailed guide on WordPress hooks – all you need to know to be able to build, adapt and modify your own themes.

    [button color=”green” link=”http://wp.smashingmagazine.com/2011/10/07/definitive-guide-wordpress-hooks/”]View Tutorial[/button]