Trident Design

Tag: carousel

  • Flat UI Kit from Freepik

    Flat UI Kit from Freepik

    The great people from Freepik strike again with another high quality freebie. This time we’re talking about a full UI kit built according to the principles of “Flat Design” – which discourages the use of any 3D artifices like gradients, shadows or bevels that marked the so called “Web 2.0 design” phase.

    This package is made available to all readers of WebDesignerDepot – all you have to do is to provide your email address and subscribe to their newsletter.

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

     

    [button color=”green” link=”http://www.webdesignerdepot.com/2013/05/flat-ui-kit-free-download/”]Get the Flat UI Kit from Freepik[/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]
  • Apollo UI Pack

    Apollo UI Pack

    There are times when you have to be completely original. There are also times when speed and quality are more important. In such cases a high quality UI pack can make the difference and save you a lot of trouble. Apollo is one such UI pack, with over 1000 elements. It has multiple variants for common interface elements, font components, textures, icons and it has 30 color variants built in for quick complete changes. Plus, you can modify the PSD files yourself and create a custom UI exactly as you need it, without having to reinvent the wheel along the way.

    The pack is made of several modules. The first module can be downloaded and used for free (and it should be enough for most small to medium projects). For the full set you only have to pay a small price of $18 or to become a Design Shock club member (that also gives you access to all the other resources they are offering).

    [notification type=”information”]Licence and price:

    • Part 1 – FREE for personal and commercial projects
    • Whole set – $18[/notification]

     

    [button color=”green” link=”http://www.designshock.com/apollo-psd-gui/”]Get the Apollo UI pack[/button]

  • Adaptor – jQuery 3D slider

    Adaptor – jQuery 3D slider

    Adaptor is a free and cool jQuery carousel plugin. It can render both 3D and 2D transitions, although at this moment only Firefox and Webkit (Chrome and Safari) have the necessary support to display the 3D effects. All other browsers (including IE6) will fallback gracefully to a simple fade transition when using the 3D effects.

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

     

    [button color=”blue” link=”http://www.philparsons.co.uk/demos/box-slider/”]View demo[/button]  [button color=”green” link=”https://github.com/p-m-p/jquery-box-slider”]Get the Adaptor slider plugin[/button]

  • Responsive CSS3 Slider

    Responsive CSS3 Slider

    CSScience offers a fully responsive slider created only with CSS3 (and a minor Javascript fix for iOS devices). The functionality is supported in all modern browsers (Firefox, Chrome, Safari and Opera) and IE9 (without transition effects).

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

     

    [button color=”green” link=”http://csscience.com/responsiveslidercss3/”]Get the Stylish UI Kit[/button]