Trident Design

Tag: twitter bootstrap

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