Trident Design

Category: Frameworks

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

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