http://kbasystems.ca/web-development.html A front-end web development framework is simply a collection of production ready HTML/CSS/JavaScript components that we can use in our designs.
2. 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.
3. Bootstrap is definitely the most popular and widely used framework, nowadays. It’s 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 scenarios.
It is built with LESS and consists of four main parts:
Scaffolding – global styles, responsive 12-column grids and layouts. Bear in mind that
Bootstrap doesn’t 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
4. 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. It’s easy to install,
customize, update, and optimize.
StyleBootstrap.info – 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 Bootstrap.
Bootsnipp – a good collection of design elements and
HTML snippets for Bootstrap. It offers also form and
button builders.
5. 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.
3.BootMetro
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 Bootstrap’s
features plus some additional extras like tiled
pages, an application bar, and more.
6. 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.