background preloader

Frontend Design

Facebook Twitter

Polymer.github. Polymer.github.

Javascript

CSS. Fontello - icon fonts generator. Getting started · Jasny Bootstrap. Jasny Bootstrap is an extension to Twitter Bootstrap, adding a number of features and components.

Getting started · Jasny Bootstrap

The aim of Jasny Bootstrap is to provide all the required features for building highly interactive web applications for desktop and mobile. Delivered as extension only As of version 3.1.0 Jasny Bootstrap is no longer bundeled with Twitter Bootstrap. You should load Twitter Bootstrap's CSS before this extension. Jasny Bootstrap has a few easy ways to quickly get started, each one appealing to a different skill level and use case.

Compiled CSS and JS The fastest way to get Jasny Bootstrap is to download the compiled and minified versions of our CSS and JavaScript. Download Jasny Bootstrap Additional downloads Download source code Get the latest Jasny Bootstrap LESS and JavaScript source code by downloading it directly from GitHub. Clone or fork via GitHub. Bootstrap Xtra extends Bootstrap from Twitter. Bootstrap was built from Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

Bootstrap Xtra extends Bootstrap from Twitter

Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project. How to use it Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser. Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code. What’s included Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Variables. 50 Free Bootstrap 3 Templates and UI Kits. We have collected 50 Bootstrap 3 templates for you to freely use in your next project.

50 Free Bootstrap 3 Templates and UI Kits

We have purposefully omitted all of those starter, bare-bones and unstyled templates from this round-up, of which there are a multitude freely available on the web. We instead have focussed on highlighting 50 fully-featured, creatively designed, and of course, free Bootstrap 3 templates, that we are sure you will love and appreciate. We have categorized the themes and templates into the following sections: Landing Page Templates, Single-Page Templates, Multi-Purpose Templates, Creative Agency Templates, Portfolio Templates, Coming Soon Templates, Material Design Templates, Style Guide Templates, and finally a selection of fantastic Bootstrap built UI kits.

Bootstrap Landing Page Templates Pratt – A clean landing page template for your app or startup. Landy – A flexible landing template for your app. Butterfly Bootstrap Theme Colorful Flat Theme – A simple flat landing page template. Bootstrap-select. Dependencies Requires jQuery v1.8.0+, Bootstrap’s dropdown.js component, and Bootstrap's CSS.

Bootstrap-select

If you're not already using Bootstrap in your project, a precompiled version of the minimum requirements can be downloaded here. The folks at CDNJS host a copy of the library. The CDN is updated after the release is made public, which means there is a delay between the publishing of a release and its availability on the CDN, so keep that in mind. Just use these links: Install with Bower You can also install bootstrap-select using Bower: HTML5 Input Types Alternative. Handlebars.js Tutorial: Learn Everything About Handlebars.js JavaScript Templating. (A Comprehensive Handlebars.js Tutorial) This is a complete tutorial, and indeed a reference, on Handlebars.js templating and, principally, JavaScript templating.

Handlebars.js Tutorial: Learn Everything About Handlebars.js JavaScript Templating

Handlebars.js is a client-side (though it can be used on the server, too) templating engine for JavaScript. It is a JavaScript library that you include in your page just as you include any other JavaScript file. And with it, you can add templates to your HTML page that will be parsed and interpolated (values of properties inserted in place) with the values from the data you passed to the Handlebars.js function. Written in JavaScript, Handlebars.js is a compiler that takes any HTML and Handlebars expression and compiles them to a JavaScript function. Do I Have To Use a JavaScript Templating Engine?

HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki. The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them.

HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki

The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr.Looking for a guide to write your own polyfills? Svgweb by Brad Neuberg & others Fallback via FlashSnap.SVG from scratch by the author of Raphaël (Dmitry Baranovskiy) Abstracted API. FakeSmile by David Leunen Canvas Web Storage (LocalStorage and SessionStorage) Non HTML5 API Solutions Sectioning Elements Video VTT: Video Timed Track (subtitles) Audio Audio Data API IndexedDB.

Examples

CSS. Edit fiddle. Moovweb. Cross Browser Testing Tool. 200+ Browsers, Mobile, Real IE. Sandboxes.