Trident Design

Author: Adrian Sandu

  • A great way to use icon fonts

    A great way to use icon fonts

    As icon fonts see more and more use , there is an increasing concern on the best way to use them, in a practical and semantic way. With two main categories of clients that don’t see images but only text (search engine robots and screen readers), it is imperative to optimize the process without affecting either the search engine results nor the experience of visitors that use screen readers. Chris Coyier from CSS Tricks puts together such an improved approach, building upon the solutions from other developers.

    [button color=”green” link=” http://css-tricks.com/html-for-icon-font-usage/”]Read the best way to use icon fonts[/button]

  • UI Parade Button Builder

    UI Parade Button Builder

    This button builder is a handy application, allowing people with no coding skills to create beautiful modern buttons for their websites. The application also generates the HTML and CSS code needed for the buttons to be fully functional across all modern browsers.

    [button color=”green” link=”http://livetools.uiparade.com/button-builder.html”]Use the Button Builder[/button]

  • Vecteezy – Stock Vector Provider

    Vecteezy – Stock Vector Provider

    Vecteezy is one of the best places to stop when looking for free vector files. The collection is quite large and the search engine is nice and easy to use – making it most probable that you’ll find here what you need.

    [button color=”green” link=”http://www.vecteezy.com/”]Go to Vecteezy[/button]

  • Vector Art – Stock Vector Provider

    Vector Art – Stock Vector Provider

    Vector Art is one of the best looking stock vector websites. Most of the files in the gallery are free to use, although there are some premium files that require payment.

    [button color=”green” link=”http://vectorart.org/”]Go to Vector Art[/button]

  • 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]