background preloader

Web page development

Facebook Twitter

Responsive

Magazine. Wordpress. jQuery. jQuery Quicksand plugin. Quicksand Reorder and filter items with a nice shuffling animation.

jQuery Quicksand plugin

Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again. Isn’t it cool? Download Version 1.4 Demos & Docs Fork on GitHub Powered by jQuery – Made by @razorjack from agilope, icons design by Artua Design by @riddle. jQuery Masonry. 15 Great Examples of Websites using jQuery Masonry.

jQuery Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall. It’s suitable for websites with a stream of pictures. Users can browse the pictures in a seamless way without clicking “next page”. 1. 2. 3.

Color-pattern

At 1stwebdesigner. Today we continue the series of tutorials on basic HTML5 and CSS3 coding and we jump even deeper into CSS3 with this video on how to design a pricing plan.

at 1stwebdesigner

If you own a product which you sell only on a subscription basis, then you will probably need pricing tables in order to showcase your product and the purchase options better. This tutorial will teach you how to do that. Read More Today I will teach you how to create a simple contact form in HTML5 and CSS3 that you can download for free. Many WordPress plugins come with fully functional contact forms that can be installed and used right away, but we believe in beautiful design and in your right to style it however you choose. There is not much HTML5 in this video tutorial, unfortunately, as the contact form is built with code available in previous versions of HTML, but you can use today’s tutorial as a way to reinforce many of the things we learned together in the previous tutorials. Read More Read More. ThemeRoller. The Toolbox: a directory of the best time-saving apps and tools.

UI, etc. Stock Photos and Royalty Free Images from 123RF Stock Photography. Draw Freely. d3kk1. Projet. Outils pour site web. Google Webmaster Guidelines. Increase Your Website Traffic.

Css

Fonts. Companies. Freelance. Portfolio of Tim Potter, Belfast Freelance Web Designer. Country Code Top Level Domains (ccTLD) Joomla. Clean Canvas - Business Theme. Online Training - Joomla, Drupal, WordPress, Coding. All The Cheat Sheets That A Web Developer Needs. Collecting all the cheat sheets. Open Icon Library - Free/Open Icons. Pixcel Web Tutorials. Bootstrap. ❍ IcoMoon. IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists.

❍ IcoMoon

IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. Since its release, it has changed the way icon fonts (and icons in general) are being used in web today.

IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. IcoMoon is constantly improving and it offers many unique features. With over 4000 free and open source icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. Need to contact us? Modernizr: the feature detection library for HTML5/CSS3. Initializr - Start an HTML5 Boilerplate project in 15 seconds! Create a new Fiddle - jsFiddle.

Inspiring samples