Day: June 16, 2012

  • Google+ Style Icon Set

    Google+ Style Icon Set

    IconShock released a set of free icons, modeled according to the Google+ style. The package includes both pixel perfect (PNG) and vector (PSD) sources, color and gray versions and different sizes. The icons are free to use for personal project, while the commercial licence has a symbolic price.

    [button color=”green” link=”http://www.designshock.com/google-plus-interface-icons/”]Get the Icon pack[/button]

  • Google+ Style User Interface

    Google+ Style User Interface

    Bruce Galpin from Social-IT-e Media offers this easily customizable framework of Google+ style buttons, icon buttons and drop-down menus. The code is free to use in commercial projects and can be forked from GitHub.

    [button color=”green” link=”http://shrapp.nl/post/google-plus-ui-buttons”]Get the Google+ Style UI[/button]

  • Modernizr

    Modernizr

    Monernizr is what people in the field call a “polyfill” – a javascript library that detects what your browser is capable of and allows you to take special actions if necessary to compensate for the lack of support for the latest HTML5 and CSS3 features.

    [button color=”green” link=”http://modernizr.com/”]Get going with Modernizr[/button]

  • Initializr

    Initializr

    Initializr is an HTML5 templates generator that generates for you a clean customizable template with just what you need to start! The base material is offered by HTML5Boilerplate and Twitter Bootstrap. One also can also choose the polyfill method (via Modernizr or HTML5 Shiv), the Google Services that will be used (like Chrome Frame or Analytics).

    [button color=”green”]Start using Initializr[/button]

  • HTML5 Boilerplate

    HTML5 Boilerplate

    HTML5 Boilerplate is a code base (HTML/CSS/Javascript) that can be used as a starting template for any web project. Developed over four years and reaching version 3.0 (at the time of writing this), this code base profits from all best practices in the field. Among the list of features one can encounter:

    • Cross-browser compatible
    • Optimal caching and compression rules for grade-A performance
    • Best practice site configuration defaults
    • Mobile browser optimizations
    • IE specific classes for maximum cross-browser control
    • An optimal print stylesheet, performance optimized.
    • CDN hosted jQuery with local fallback failsafe.

    … and many other exciting stuff.

    [button color=”green” link=”http://html5boilerplate.com/”]Get the HTML5Boilerplate[/button]

  • Toast – a simple CSS Framework

    Toast – a simple CSS Framework

    Toast is a very simple CSS Framework. It offers a global reset and a 12 column responsive grid. Due to the use of inline-block display for the grid elements, there are no floats and there is need of no clearfixes. The only downside is that it does not support older browsers like IE6 and IE7. All other modern browsers (including IE8+) are supported.

    [button color=”green” link=”http://daneden.me/toast/”]Get Toast[/button]

  • Pictos icons and icon font

    Pictos icons and icon font

    Pictos is a collection of high quality royalty-free icons for user interface designer. The entire collection is available in several formats:

    Icon Font Package

    This package contains 94 hand-picked icons in font format. It is available both as a a desktop font and as @font-face packaged, including all required file formats.

    [button color=”green” link=”http://pictos.cc/font/”]Get Pictos font[/button]

    Server Icon Font

    One can create a customized icon font using the Pictos icons and use their server service to serve the font, without bothering to host the solution themselves. The membership plans range from free (25000 page visits, up to 12 icons per font, 1 domain) to $50/month (no restrictions at all, except a limit of 4000000 monthly pageviews).

    [button color=”green” link=”http://pictos.cc/server/”]Subscribe to Server solution[/button]

    Icon packaged

    Several icon packages, containing both vector and PNG formats (in 10 pixel sizes, from 16×16 to 512×512).

    [button color=”green” link=”http://pictos.cc/”]Select your Pictos icon pack[/button]

    All-in-one package

    This option includes the icon font package and all icon packages together.

    [button color=”green” link=”http://pictos.cc/complete/”]Buy Pictos Complete Pack[/button]

  • TipTip jQuery plugin

    TipTip jQuery plugin

    TipTip is a smart jQuery plugin, able to detect the viewport edges and adjust its position so that it always stays visible, just like the native browser tooltips. TipTip uses no images, it is very light and can be customized with CSS.

    [button color=”green” link=”http://code.drewwilson.com/entry/tiptip-jquery-plugin”]Get TipTip[/button]