background preloader

JS

Facebook Twitter

Fun with Overflows. Background The first is a scrollable timeline.

Fun with Overflows

A couple of readers requested a demo of how Plurk’s browse timeline works. In addition, in the last month, Google released a 10 year timeline – so I wanted to show how this works. The second was a request from Trevor Morris who’s involved with/runs Geek in the Park. He asked whether the techniques I used in a jQuery marquee plugin I wrote recently could be used to smooth out CPU spikes that were occurring on his site when the header pattern flowed (see example below) Watch Part 1: Scrollable Timeline Watch the scrollable timeline screencast (alternative flash version) QuickTime version is approximately 60Mb, flash version is streaming.

Tutoriel Filtre Javascript. Multiple Area Charts with D3.js. In this tutorial we will introduce some basics of D3.js and create an infographic with multiple area charts along with a context tool to zoom and pan the data.

Multiple Area Charts with D3.js

View demo Download source The D3.js website describes itself as “a JavaScript library for manipulating documents based on data.” It is but one of many in the ever growing list of visual data JavaScript libraries. D3 was created by Mike Bostock who was the lead developer on Protovis, which D3.js builds on. The reason I focus on D3 is because it is one of the most robust frameworks available, while also remaining flexible and web standard agnostic. So what kind of visualizations can you create with D3? Since area charts are pretty common, it’s a great place to start. jQuery++ I am a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.8 and later.

jQuery++

I’m not a UI project like jQuery UI or jQuery Tools. Instead, I’m all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, I am jQuery’s bald-spot covering toupee. Select the plugins you want and click “Download” for a customized, unminified JavaScript file: Learn more about how I can be useful to you. Get jQuery++ There are several ways to get and setup jQuery++: using the download builder using individual files using Steal using AMD Using the download builder Simply select the files you want and click “Download”.

KeyCodes. Redactor WYSIWYG editor on jQuery. By James Fenimore Cooper​​ Winding its way among countless islands, and imbedded in mountains, the "holy lake" extended a dozen leagues still further to the south.

Redactor WYSIWYG editor on jQuery

With the high plain that there interposed itself to the further passage of the water, commenced a portage of as many miles, which conducted the adventurer to the banks of the Hudson, at a point where, with the usual obstructions of the rapids, or rifts, as they were then termed in the language of the country, the river became navigable to the tide.​ "Come," he said, with a good-humored smile; "the buck that will take to the water must be headed, and not followed. " 50 jQuery Function Demos for Aspiring Web Developers - Smashing Coding.

Every aspiring Web developer should know about the power of JavaScript and how it can be used to enhance the ways in which people see and interact with Web pages.

50 jQuery Function Demos for Aspiring Web Developers - Smashing Coding

Fortunately, to help us be more productive, we can use the power of JavaScript libraries, and in this article we will take a good look at jQuery in action. What Is jQuery? In a nutshell, jQuery is a leading JavaScript library that can perform wonders on your Web pages and make your Web development life much easier and more enjoyable. With the rise in popularity of jQuery since its arrival in 2006, over an estimated 24 million websites (50% of them being the 10,000 most visited websites) currently reap the benefits, and as Google Trends suggests, it’s the most popular JavaScript library. Thousands of Web developers worldwide use jQuery to innovate on their websites and stay up to date on trends. jQuery And CSS Styles play a big part in the look and feel of any website, and jQuery can help us change them dynamically. .css() .delay() Sharrre - A plugin for sharing buttons. Convert svg into raphaël » atirip.

And have really nice VML rendering in IE as a bonus.

convert svg into raphaël » atirip

Why? One day I thought that if I need to use SVG’s for my web layouts (and I do) the better way is to draw them with the tool I’m used to - Adobe Illustrator - and just convert them into Javascript. Easier said than done, it seem that there’s no public project for this. What the heck, I have done something like this before and as SVG is pure XML all I need to do is write some small PHP script. So here we go. Parsing SVG I set up simple PHP XML parser with start and end tag handlers. UPDATE 22.09.2013 the code is now in Github Nothing difficult in converting. Modifying Raphaël UPDATE 22.09.2013 This is badly outdated now So far so good. And that’s a problem because Raphaël is written in way that you cannot extend or rewrite any of crucial pieces needed, in javascript no outside access for private variables and methods exist, so the only option is to fork and write your own version of Raphaël.

Strokes.

Plugins JS

Learning jQuery - Tips, Techniques, Tutorials.