background preloader

Web libraries

Facebook Twitter

SoundKit. Keen/dashboards. Pure. A Javascript library for responsive images. ScrollMagic - Demo. Blueprints Archives. One div - The single element HTML/CSS icon database. Fabric. A jQuery plugin for extracting dominant colors from images and applying it to its parent. - Credit card scanning for mobile apps. SweetAlert for Bootstrap. Install via Bower $ bower install bootstrap-sweetalert Continue playing with the examples or check how to use it on GitHub.

SweetAlert for Bootstrap

Web Design Software for Mac — RapidWeaver. Code-Free Creation There’s no need to know any code - RapidWeaver generates it all for you, based on the content you add to your website.

Web Design Software for Mac — RapidWeaver

If you need to add some code (maybe a Twitter button), just paste it in and RapidWeaver automatically places it alongside your existing content. Stunning Designs RapidWeaver 6 comes with 5 brand-new themes, built especially for this release by some of the Addon community’s finest developers: Nick Cates Design, Elixir Graphics, Brandon Lee Themes, Yuzool Themes & OneLittleDesigner. They’re fully-responsive, and take advantages of new theme features in RapidWeaver 6 such as Split Navigation. Stylify Me - Online Style Guide Generator. Bowery. Metalsmith. The world's easiest CMS for designers. — log in however you want. Stackicons - Icon Fonts for Web Designers.

Reqres - A hosted REST-API ready to respond to your AJAX requests. Database as a Service (DBaaS) CSS Only iPhone 6. Csstyle Clean, Simple Styling for the Web. The Starter Kit. Rover. Font Awesome, the iconic font and CSS toolkit. Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS. - A jQuery plugin a Day. SumoMe. SweetAlert. A beautiful replacement for Javascript's "Alert" So...


What does it do? Here’s a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetAlert. Normal alert Code: alert("Oops... Sweet Alert sweetAlert("Oops Pretty cool huh? More examples In these examples, we're using the shorthand function swal to call sweetAlert. Download & install Method 1: Install through bower: $ bower install sweetalert Method 2: Download the sweetAlert CSS and JavaScript files. Configuration. Customizing Bootstrap. Twitter’s Bootstrap1 has taken off like a rocket since its release a year ago.

Customizing Bootstrap

The popular CSS framework supplies a responsive grid system, pre-styled components and JavaScript plugins to a parade of websites2. One of Bootstrap’s appeals is that it just works. It’s a significant time-saver when starting a website, so much so that major organizations such as NBC, NASA and the White House are adopting it. And it empowers even the non-designers among us to turn out something decent. To illustrate, you can transform the default button below on the left to the polished one on the right just by adding two classes: btn and btn-primary. Bootswatch: Free themes for Bootstrap. Download Bootstrap 3 UI Kit. Metro UI CSS : Metro Bootstrap CSS Library.

Pastec, the open source image recognition technology for your mobile apps. Duckling. TypeWonder - Beta. Pure. Pure. Get Webplate. Typeplate » A typographic starter kit encouraging great type on the Web. UIkit. Design Patterns on CodePen.

Collecting all the cheat sheets. Bootstrap Material. Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework.

Bootstrap Material

If you like this project you can support me by donating something on Gratipay, starring this repository, or reporting bugs and ideas. Read more about Material Design for Bootstrap at the Github page. If you want support the development of this project please consider donate something: Donate with Gratipay Thanks to all the people that donate me weekly on Gratipay and all the ones which has donated on PayPal! - Start your new business today. Bootswatch: Free themes for Bootstrap. User Interface Design Search Engine, UI, UX, GUI, Inspiration, Resources, Elements, User Experience, Free Downloads, Freebies.

CSS3 Animation Cheat Sheet - Justin Aguilar. How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects.

CSS3 Animation Cheat Sheet - Justin Aguilar

All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). Using CSS3 @keyframes, you don't have to worry about positioning the element to accomodate the animations - it will animate into place. Also for users with older browsers, the animated element will be visible and in place, even if the animation doesn't trigger. Craft. Flat UI Colors. General Assembly Sign In. The HTML Hell Page. "Hell is other websmiths.

The HTML Hell Page

" — Jean-Paul Sartre, updated Translations: GermanPolish blinking text Blinking text makes it nearly impossible to pay attention to anything else on the page. It reduces 87% of all surfers to a helpless state of fixated brain-lock, much like that of a rabbit caught in the headlights of an oncoming semi. CSS. Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.


HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.