Trident Design

Tag: Bootstrap

  • Free Quality Bootstrap Themes from Black Tie

    Free Quality Bootstrap Themes from Black Tie

    Carlos Alvarez is one of those great guys that help the web go forward, by giving away free quality stuff. In this case we talk about free Bootstrap 3 themes, of premium quality, served under the name Black Tie. With new themes coming on a self-imposed schedule of bi-weekly updates, this is a resource worth watching.

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

     

    [button color=”green” link=”http://www.blacktie.co/”]Get your Black Tie Bootstrap 3 Themes now[/button]
  • Bootstrap 3 PSD

    Bootstrap 3 PSD

    The end of summer brought us the long awaited version 3 of the Bootstrap Framework. To help the designers make the most of the new tools, the guys from Design Shock published the complete PSD of the default interface. Go grab it now for free!

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

     

    [button color=”green” link=”http://www.designshock.com/bootstrap-3-psd/”]Get the Bootstrap 3 PSD[/button]
  • BootstrapCDN – Content Delivery Network for Bootstrap resources

    BootstrapCDN – Content Delivery Network for Bootstrap resources

    Content Delivery Networks (CDNs) for widely used resources are a boost for the performance of websites. One such resource is (Twitter) Bootstrap – a widely used front end framework. Celebrating his first year of existence, the service provides reliable hosting not only for the framework itself (including the up-to-come version 3.0 RC1), but also associated products like Font Awesome and Bootswatch.

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

     

    [button color=”green” link=”http://www.bootstrapcdn.com/”]Start using BootstrapCDN now[/button]
  • Twitter Bootstrap – Complete Responsive Front End Framework

    Twitter Bootstrap – Complete Responsive Front End Framework

    What started as an internal projects from two Twitter employees, it evolved to a complete framework used by countless designers and developers all over the world. Currently at version 2.3.2 and with a brand new refactoring coming up with version 3.0, Bootstrap has everything one needs to put together a functional website in no time.

    The entire structure is based on several interlocked modules:

    • a grid system (available in both fixed and fluid flavors), that degrades responsively for devices like tablets and smartphones, allowing ones website to be viewed by an even broader range of visitors. 
    • a basic CSS module, outlining standard typography, the display of list, tables, form elements and images, not to mention the included set of glyph icons.
    • a set of complex interface components, like navbars, dropdowns, menus, progress bars and many others, powered by a jQuery-based library, easy to deploy, use and modify as needed.

    Everything is very easy to customize right before downloading the framework, via the customization page. Here one can modify all possible parameters, like size of the grid system, colors and fonts, together with many other variables. Another alternatives would be to download a ready-made theme from one of the many websites (such as Bootswatch).

    Everything is backed up by a comprehensive and easy to use documentation. And if something is missing, there are so many tutorials, as well as a large community of users that can help you whenever you get stuck.

    [notification type=”information”]Licence: Apache License v2.0[/notification]

     

    [button color=”green” link=”http://www.getbootstrap.com/“]Start developing with Twitter Bootstrap[/button]
  • Elusive Icons – a Bootstrap icon font

    Elusive Icons – a Bootstrap icon font

    Elusive Icons is an Open Source icon font, with over 210 glyphs. Although it was designed to complement Bootstrap, it can be used just as well with Foundation or any other similar framework, or even on its own. It even provides a dedicated script to extend full support for IE7 users.

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

     

    [button color=”green” link=”aristeides.com/elusive-iconfont/”]Get the Elusive Icons font[/button]
  • Font Awesome – icon font for Bootstrap and WordPress

    Font Awesome – icon font for Bootstrap and WordPress

    Dave Gandy began Font Awesome as a project to provide extra icon fonts for the well known framework of Twitter Bootstrap. Version 2.0 offers over 220 icons that can be infinitely scaled due to their native vector format. As with all icon fonts, one can change the icon color at will and apply all font and text CSS properties.

    Font Awesome can be also used outside of Bootstrap – the creators included a stylesheet (in both CSS and LESS format) so that anyone can enjoy this font. A recent addition is a WordPress plugin format, created by Rachel Backer, that allows smooth integration with the most popular blogging engine in the world.

    [notification type=”information”]Licence:

    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0. A mention of

    Font Awesome - http://fortawesome.github.com/Font-Awesome

    in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an ‘About’ or ‘Credits’ screen is considered acceptable (most common in desktop or mobile software).[/notification]

     

    [button color=”green” link=”http://fortawesome.github.com/Font-Awesome/”]Get Font Awesome for Bootstrap[/button] [button color=”green” link=”https://github.com/rachelbaker/Font-Awesome-WordPress-Plugin”]Get Font Awesome for WordPress[/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]