Top Frameworks of Web Development - PowerPoint PPT Presentation


PPT – Top Frameworks of Web Development PowerPoint presentation | free to download - id: 872e03-OGNjZ


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation

Top Frameworks of Web Development


A front-end web development framework is simply a collection of production ready HTML/CSS/JavaScript components that we can use in our designs. – PowerPoint PPT presentation

Number of Views:10
Slides: 9
Provided by: kbasystems


Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Top Frameworks of Web Development

Top Frameworks of Web Development
  • Presented By KBA Systems

  • As the Web matures and the range of mobile
    devices we use to access it rapidly grows, our
    jobs as web designers and developers get
    considerably more complicated.
  • A front-end web development framework is simply a
    collection of production ready HTML/CSS/JavaScript
    components that we can use in our designs. There
    are many frameworks out there but some of them
    stand out from the crowd. For your facilitation
    below you will find outlined some of the most
    powerful and popular frameworks available today.
    Bear in mind that these are not just CSS grids or
    so, but instead full-featured front-end
    development frameworks.

  • Bootstrap is definitely the most popular and
    widely used framework, nowadays. Its a
    beautiful, intuitive and powerful web design kit
    for creating cross browser, consistent and good
    looking interfaces. It offers many of the popular
    UI components with a plain-yet-elegant style, a
    grid system and JavaScript plugins for common
  • It is built with LESS and consists of four main
  • Scaffolding global styles, responsive 12-column
    grids and layouts. Bear in mind that Bootstrap
    doesnt include responsive features by default.
    If your design needs to be responsive you have to
    enable this functionality manually.
  • Base CSS this includes fundamental HTML
    elements like tables, forms, buttons, and images,
    styled and enhanced with extensible classes.
  • Components collection of reusable components
    like dropdowns, button groups, navigation
    controls (tabs, pills, lists, breadcrumbs,
    pagination), thumbnails, progress bars, media
    objects, and more.
  • JavaScript jQuery plugins which bring the above
    components to life, plus transitions, modals,
    tool tips, popovers, scrollspy (for automatically
    updating nav targets based on scroll position),
    carousel, typeahead (a fast and fully-featured
    autocomplete library), affix navigation, and more

  • Find plenty of tools and resources that
    complement it. Some of them are listed below
  • jQuery UI Bootstrap an awesome resource for
    jQuery and Bootstrap fans that combines the power
    of both. It brings nicely the slickness of
    Bootstrap to jQuery UI widgets.
  • Fuel UX this extends Bootstrap with additional
    lightweight JavaScript controls. Its easy to
    install, customize, update, and optimize.
  • Bootstrap has its own
    customizer but StyleBootstrap is a more detailed
    one with color pickers and the ability to style
    each component differently
  • BootSwatchr a Bootstrap theme roller that shows
    the immediate results of your changes. For every
    generated style, the application generates a
    unique URL in case you want to share it with
    others or return and edit anytime later.
  • Bootswatch a nice set of free themes for
  • Bootsnipp a good collection of design elements
    and HTML snippets for Bootstrap. It offers also
    form and button builders.

  • Fbootstrapp is based on Bootstrap and gives you
    the same functionality for Facebook iframe apps
    and designs. It includes base CSS and HTML for
    all standard components like typography, forms,
    buttons, tables, grids, navigation, and more,
    styled in the typical Facebook look and feel.

BootMetro is a framework inspired by the Metro UI
CSS, which is built on top of Bootstrap, for
creating Metro/Windows 8-styled websites. It
includes all Bootstraps features plus some
additional extras like tiled pages, an
application bar, and more.
4. Kickstrap
  • Simply put, Kickstrap is a kind of Bootstrap on
    steroids. It uses Bootstrap as its base and
    extends it with many apps, themes and extras.
    This makes the framework a complete kit for
    building websites without the need to install
    anything. Just put it in your site and you are
    ready to go.

For more about frameworks
  • Physical Address
  • E91 9940 Farimount Dr
  • Calgary, T2j 0S5
  • Canada
  • Contact Number 1 587-703-2889 91 9586432121
  • Email Address
  • Website Address http//