background preloader

Lazy Line Painter

Lazy Line Painter

Related:  effectsWebwebsitejavascriptweb Digital

Parallax Burns: Converting Photos from 2D to 3D with SVG Last week we talked about ZorroSVG, a tool for converting your chunky transparent PNG-32s into slim and flexible SVGs. That got me thinking. A few weeks earlier, I talked about the use of the Ken Burns effect in film and television.

Hover.css - A collection of CSS3 powered hover effects All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours. For best results, hover effects use a couple of "hacks" (undesirable but usually necessary lines of code). For more information on these hacks and whether you need them, please read the FAQ.

Adding table rows and columns in JavaScript With insertRow() method you can insert a new row at the specified position in HTML table. After row is created, use insertCell() method to insert a table cell. Wrap this methods in JavaScript functions and you have code to dynamically add new rows and columns in the HTML table. Please try to click the buttons below ... When you click the "Add row" button, appendRow() function is called. Function is simple, table row is inserted at the last position, and loop iterates through table cells in the first row.

Revolutionary Lightbox Plugin iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, iLightBox aims to push the Lightbox concept as far as possible. Need reasons to love iLightBox? Look no further. 3D Book Showcase Red snapper Kafue pike fangtooth humums slipmouth, salmon cutlassfish; swallower European perch mola mola sunfish, threadfin bream. Billfish hog sucker trout-perch lenok orbicular velvetfish. Delta smelt striped bass, medusafish dragon goby starry flounder cuchia round whitefish northern anchovy spadefish merluccid hake cat shark Black pickerel. Pacific cod. Whale catfish leatherjacket deep sea anglerfish grenadier sawfish pompano dolphinfish carp large-eye bream, squeaker amago.

JavaScript UI - w2ui What People Are Saying I have been using it quite substantially for a number of different projects now and must say that I absolutely love the way it works. - Soteri Panagou I've been using your grid on a couple of small projects and I've got to say it's an awesome piece of work.

PHP Login Form with Sessions Session variables are used to store individual client’s information on web server for later use, as web server does not know which client’s request to be respond because, HTTP address does not maintained state. This tutorial enables you to create sessions in PHP via Login form and web server respond according to his/her request. To Start a PHP Session: To Store values in PHP Session variable: <?

The Nature of Code Hello! By browsing the table of contents on your left, you can read the entire text of this book online for free, licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License. Start reading the introduction now! Typeahead.js – A jQuery Autocomplete Plugin By Twitter Twitter has open sourced a very nice project named Typeahead.js for building smart auto-complete form fields. It comes as a jQuery plugin, shows suggestion as-users-type and can feature top suggestions with the help of styling. The plugin can work with both local or remote datasets and it is optimized for speed as it can prefetch the dataset, store it on the client-side and run the queries quickly. Typeahead.js simply converts any textfield into an auto-complete field, accepts JSON as the data source and has various settings for optimizing remote requests (rate limiting, maxConcurrentRequests, etc.).

Chillwave · varun vachhar 23 Nov 2015 A few days ago I came across this creative studio called This Also. They just launched a new site. It not only showcases some of their amazing work but, also has this fun little loading animation. Creating a Mobile-First Responsive Web Design Introduction We're going to walk through how to create an adaptive web experience that's designed mobile-first. This article and demo will go over the following: There is even more up to date responsive guidance on our new Web Fundamentals site. Why we need to create mobile-first, responsive, adaptive experiences How to structure HTML for an adaptive site in order to optimize performance and prioritize flexibility How to write CSS that defines shared styles first, builds up styles for larger screens with media queries, and uses relative units How to write unobtrusive Javascript to conditionally load in content fragments, take advantage of touch events and geolocation What we could do to further enhance our adaptive experience

jQuery EasyTabs Plugin Demo HTML Markup for these tabs <div id="tab-container" class="tab-container"><ul class='etabs'><li class='tab'><a href="#tabs1-html">HTML Markup</a></li><li class='tab'><a href="#tabs1-js">Required JS</a></li><li class='tab'><a href="#tabs1-css">Example CSS</a></li></ul><div id="tabs1-html"><h2>HTML Markup for these tabs</h2><!-- content --></div><div id="tabs1-js"><h2>JS for these tabs</h2><!-- content --></div><div id="tabs1-css"><h2>CSS Styles for these tabs</h2><!

KeyboardJS Demo - "Build your app, I'll handle the keys." Press some keys... A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts. It can be used as both a standalone library or an AMD module (see RequireJS for details). KeyboardJS can support any locale, however out of the box it just comes with the US locale (for now). Adding a new locale is easy.

Related:  jQueryjQuery#PSD