web-design
A simple jQuery plugin to allow users to create equal height containers and grids using JavaScript where CSS2 cannot.
Visual Event is a Javascript bookmarklet which provides debugging information about events that have been attached to DOM elements. Visual Event shows:
Which elements have events attached to them
The type of events attached to an element
The code that will be run with the event is triggered
The source file and line number for where the attached function was defined (Webkit browsers and Opera only)
In addition to being useful for debugging your own code, Visual Event can be used as an educational tool, showing how many web-sites have been authored.
Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
I've always wondered if there's a better way of doing transitions and, rather than hard coding positions, delegate layout to the browser. Inspired by Keynote's Magic Move effect, I've made a little jQuery library to do transitions between DOM states.
Just a simply easy way to label each element you want!
Side Navigation Menu
CSS3 transition property & without JS.
3Dbop est une visionneuse d'objets 3D pour le web basé sur le moteur Open Source CubicVR. Elle est conçu pour afficher plus facilement des objets 3D créé avec votre logiciel favori (SketchUp, Blender...) dans les navigateurs web compatibles avec la technologie WebGL.
This project extends from the work done with Reactive Pixels and looks at how an image can be projected seemlessly across many elements. Currently the script is written in the form of a jQuery plugin.
Bootstrap Button Generator will helps you in creating intractive and eyecatching twitter bootstrap buttons for your websites. You can use the available options on the website to create the button then click on "Click here to copy HTML" to get the code.
Create beautiful scrolling driven navigation lists with stacking headers that remain visible at all times. Scroll around on the plugin homepage to see it in action.
A jQuery plugin that makes content flow up as you scroll down. This plugin is based on Eric Wenn’s implementation but it has important fixes and improvements.
Add favicons to anchor elements on your page.
A jQuery plugin that suggests and autocompletes the domain whenever your users type in an email address field.
Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers.
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
This plugin makes it possible to have a fixed position element that is relative to it’s parent. A normal fixed positioned element would be “out of context” and is very difficult to use in the most common situations with fluid designs. This plugin solves that problem with as little code as I could possible get it so it will run in the most optimi…
Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
A jQuery plugin to provide an alternate text wrapping algorithm. I hope to get this into the CSS spec, so it's implemented as a polyfill.
A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.
We got frustrated at the lack of free, responsive sliders, so we wrote our own. Sure, there are some out there, but we found out the hard way, they have two settings or they use soon-to-be-deprecated functions.
Plates is a native PHP template system that’s fast, easy to use and easy to extend. It’s inspired by the excellent Twig template engine and tries to bring modern template language functionality to native PHP templates. Plates is designed for developers who prefer to use native PHP templates over compiled templates, such as Twig or Smarty.
Mobify.js is an open source library for improving responsive sites by providing responsive images, JS/CSS optimization, Adaptive Templating and more.
Quickly create responsive HTML emails that work on any device & client. Even Outlook.
Pattern Lab is a collection of tools to help create and maintain atomic design systems.
Create unique web design with Twitter Bootstrap. Kw: themes, templates, styles. generator. customize.
Theme generator for bootstrap
The plugin will get your list, wrap it into a container div, generate as many lists as the number of columns you require and evenly split the list items into the different list elements. If the list items are not enough to evenly fill in all the columns, the plugin will hide the columns in excess (this might happen only if you’re ordering your list items vertically as per default).
The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns. And, of course, it’s easy to use!
Bower is a package manager for the web. It offers a generic, unopinionated solution to the problem of front-end package management, while exposing the package dependency model via an API that can be consumed by a more opinionated build stack. There are no system wide dependencies, no dependencies are shared between different apps, and the dependency tree is flat.
Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.
jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.
The ultimate framework for building and validating responsive HTML5 forms.
Create Beautiful Fullscreen Scrolling Websites
Simple, lightweight Parallax Engine that reacts to the orientation of a smart device
Spending hours manually designing your pages for the responsive web? Layout your pages in minutes for beautifully responsive pages on desktops, tablets and smartphones.
Ink is a set of tools for quick development of web interfaces.
Ce site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web.
A Responsive jQuery Gallery Plugin with CSS3 Animations
A jQuery plugin that gives users real time hints & progress updates as they complete forms
A CSS button library built with Sass & Compass
Magic is a CSS3 framework with many animations. Is simple to use and many animations are cross-browser compatible.
A set of small, responsive CSS modules that you can use in every web project.
A lightweight frontend framework for building responsive sites and apps.
Just include the CSS file and add "label" class and "data-label" to your code. Then start positioning.
Unheap is a repository for browsing & staying on top of the latest jQuery plugins and JavaScript scripts.
Test your site. In any browser from a Mac or Windows.
a fast and fully-featured autocomplete library.
The typeahead.js library consists of 2 components: the suggestion engine, Bloodhound, and the UI view, Typeahead. The suggestion engine is responsible for computing suggestions for a given query. The UI view is responsible for rendering suggestions and handling DOM interactions. Both components can be used separately, but when used together, they can provide a rich typeahead experience.
responsive framework