Trident Design

Category: Apps

  • Gridpack – the responsive grid generator

    Gridpack – the responsive grid generator

    Gridpack is a free tool from Erskine Design that allows one to build a grid set for a responsive website. The application allows one to set breakpoints and to change the number of columns, size of gutter and padding for each breakpoint interval. The final result can then be exported to code. The package contains CSS, LESS and SCSS stylesheets, PNG images and a javascript snippet that allows one to overlay the PNG files over the web page with a simple key stroke.

    [button color=”green” link=”http://gridpak.com/”]Use Gridpack[/button]

  • Color Wheel by Antone Roundy

    Color Wheel by Antone Roundy

    This little utility is a very useful application that allows one to build a basic color palette starting from a given color. Its appeal lies in its simplicity – it is much easy to use than other similar utilities, loaded with extra features. The downside lies with the annoying lighbox banners that are triggered simply by moving the mouse close to the browser toolbar. Yet those that can get over these nags will find the Color Wheel a good help in times of need.

    [button color=”green” link=”http://design.geckotribe.com/colorwheel/”]Use the Color Wheel[/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]

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