fjordaan + javascript 205
Interactive Experiments Focused on HTML5
5 weeks ago by fjordaan
I'm a web developer and creative programmer from Sweden that is as passionate about working with animation and interactivity as I am technical implementation. My work experience is broad and includes campaign sites in Flash, web apps in HTML, desktop apps in AIR, experimental HTML5 and CSS3 projects as well as mobile development. I used to work at
Fi
, a digital production agency in Stockholm, but recently moved to San Francisco to take on the role of Lead Interactive Developer at a well known startup;
Qwiki
.
html5
javascript
canvas
webgl
games
sinuous
snake
Fi
, a digital production agency in Stockholm, but recently moved to San Francisco to take on the role of Lead Interactive Developer at a well known startup;
Qwiki
.
5 weeks ago by fjordaan
Image Error Level Analysis with HTML5 — Jonas Wagner's Blog
5 weeks ago by fjordaan
Image error level analysis is a technique that can help to identify manipulations to compressed (JPEG) images by detecting the distribution of error introduced after resaving the image at a specific compression rate. I stumbled across this technique in this presentation by Neal Krawetz and decided to do a quick implementation in JavaScript.
image
compression
jpeg
error
level
photoshop
retouch
detection
javascript
5 weeks ago by fjordaan
bandwidth (tecznotes)
10 weeks ago by fjordaan
Twitter allows you send 140 characters in a tweet, which (when you add entities, hashtags, and all that) ends up in the 4KB range as represented in the JSON API. 140 is what you see, so I’m going to go out on a limb and suggest that a single tweet page on Twitter has about a 15,000-to-one ratio of garbage to content.
performance
twitter
javascript
download
size
bandwidth
migurski
10 weeks ago by fjordaan
The Mobile Case for Progressive Enhancement | Brad Frost Web
december 2011 by fjordaan
There’s a mentality that in order to do create functional experiences in the browser, especially for mobile, you need to use some hardcore JS framework, rewrite the scrolling logic, add a bunch of interstitial animations, create overlays and add swipes. I have nothing against frameworks or these techniques, but for whatever reason people think they’re a prerequisite for creating mobile web experiences. They’re not.
javascript
mobile
progressive
enhancement
js
brad
frost
simple
december 2011 by fjordaan
Ben Alman » jQuery BBQ: Back Button & Query Library
december 2011 by fjordaan
jQuery BBQ leverages the HTML5 hashchange event to allow simple, yet powerful bookmarkable #hash history. In addition, jQuery BBQ provides a full .deparam() method, along with both hash state management, and fragment / query string parse and merge utility methods.
jquery
bbq
javascript
ajax
history
hashchange
html5
december 2011 by fjordaan
jQuery Accessible Tabs - How to make tabs REALLY accessible - web output
november 2011 by fjordaan
While a lot of Tabs-Scripts claim to be accessible it turns out, most of them are really not. While developing this jQuery Plugin with my coworker Artur Ortega, we tried to find a single existing Javascript powered Tabs-Interface that Artur, using his Screenreader, would actually be able to use properly.
accessibility
tab
panel
jquery
dirk
ginader
javascript
november 2011 by fjordaan
About Uploadify - Uploadify
november 2011 by fjordaan
Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website. It uses a mixture of Javascript, ActionScript, and any server-side language to dynamically create an instance over any DOM element on a page.
file
flash
javascript
jquery
upload
november 2011 by fjordaan
Redesigning the Country Selector - Baymard Institute
november 2011 by fjordaan
Using principles of progressive enhancement we turn a standard drop-down into an advanced auto-complete field. This means the drop-down remains accessible, while providing a much better experience in modern browsers – handling typos, multiple spelling sequences, synonyms and prioritization.
autocomplete
forms
javascript
jquery
country
selector
november 2011 by fjordaan
jQuery Quicksand plugin
september 2011 by fjordaan
Reorder and filter items with a nice shuffling animation.
animation
javascript
jquery
sorting
shuffle
september 2011 by fjordaan
Chosen - a javascript plug-in for jQuery and Prototype - makes select boxes better
july 2011 by fjordaan
Chosen is a javsacript plug-in that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
dropdown
forms
javascript
jquery
select
plugin
friendly
country
selector
july 2011 by fjordaan
AngularJS — Superheroic JavaScript MVC Framework
july 2011 by fjordaan
With angular, the view and data model are always in sync — there is no need for manual DOM manipulation.
framework
javascript
programming
asynchronous
two-way
data
binding
angular
library
mvc
july 2011 by fjordaan
Optimizely Open-Sources Guiders.js, a Library to Help You Guide New Users - The Optimizely Blog
june 2011 by fjordaan
Today we’re open-sourcing a JavaScript library for visually enhancing your web application with guiders. A guider is a dialog box that guides a user through your application. This improves the user experience of a web application by visually introducing the user to important features. E
javascript
jquery
library
tour
site
overlay
popover
help
popup
guided
guides
june 2011 by fjordaan
EveryJS.com
june 2011 by fjordaan
Also, there’s a paradox-of-choice issue: Consider EveryJS, which lists 21 different JavaScript toolkits, and I bet most of them are really good, and I also bet there are lots more I’ve never heard of. Which are you going to bet on? (At the moment, near as I can tell, almost everyone is using jQuery.)
javascript
library
programming
tools
everyjs
every
js
june 2011 by fjordaan
Documentation | Popcorn.js
april 2011 by fjordaan
Popcorn.js is an event framework for HTML5 <video> that provides a simple API for synchronizing interactive and immersive content. Popcorn.js utilizes the native HTMLVideoElement properties, methods and events, normalizes them into an easy to learn API, and provides a plugin system for community contributed interactions.
events
html5
javascript
video
time
offset
chapter
api
april 2011 by fjordaan
ginger's thoughts » Jumping to time offsets in HTML5 video
april 2011 by fjordaan
For many years now I have been progressing a deeper view of video on the Web than just as a binary blob. We need direct access to time offsets and sections of videos.
Such direct access can be achieved either by providing a javascript interface through which a video’s playback position can be controlled, or by using URLs that directly communicate with the Web server about controlling the playback position. I will explain the approaches that can be applied on the HTML5 <video> tag for such deep video interaction.
html5
javascript
video
time
offset
access
jump
chapter
Such direct access can be achieved either by providing a javascript interface through which a video’s playback position can be controlled, or by using URLs that directly communicate with the Web server about controlling the playback position. I will explain the approaches that can be applied on the HTML5 <video> tag for such deep video interaction.
april 2011 by fjordaan
jRumble | A jQuery Plugin That Rumbles Elements
april 2011 by fjordaan
jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. You can control the X, Y, and rotation range, the speed, and event trigger for the rumble.
javascript
jquery
jrumble
rumble
shake
move
wiggle
april 2011 by fjordaan
Lettering.js - A jQuery plugin for radical web typography.
april 2011 by fjordaan
Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control. Here are a few examples of what can easily be done with Lettering.js:
css
javascript
jquery
lettering
typography
js
kern
april 2011 by fjordaan
HTML5 Video Player | VideoJS
march 2011 by fjordaan
“Its the only example/library/plugin I found that worked for me! I followed instructions on other sites and couldn't get the videos to play. VideoJS worked first time through on all browser/platform combinations, including the iPad!”
videojs
js
video
javascript
player
opensource
html5
ios
march 2011 by fjordaan
Brendan's Homepage
march 2011 by fjordaan
Hi, I'm Brendan Eich, welcome to my homepage. I'm the inventor of JavaScript. JavaScript lets you do cool stuff like this clock that I just wrote:
javascript
brendaneich
retro
funny
archives
march 2011 by fjordaan
Bruce Lawson’s personal site : JavaScript and screenreaders
march 2011 by fjordaan
For three years Jared Smith and his lovable chums at WebAIM have conducted a survey of screenreader users, analysed the result and posted them. This year’s results are out. Let’s take a moment to give them a round of applause.
There is much to digest, but one figure really caught my attention: only 1.6% of respondents had JavaScript disabled. Turning that round, 98.4% of screenreader users had JavaScript enabled.
accessibility
javascript
brucelawson
webaim
research
survey
screenreaders
There is much to digest, but one figure really caught my attention: only 1.6% of respondents had JavaScript disabled. Turning that round, 98.4% of screenreader users had JavaScript enabled.
march 2011 by fjordaan
Syncing Content With HTML5 Video - Smashing Magazine
march 2011 by fjordaan
Today we looked at how to embed video onto a Web document; and with the native video API that gives us event handlers for changes in a video, we saw how easy it is to make the video interact with the rest of the document. Instead of trying to control the video, we use native controls to make the page react to what is happening in the video itself. We used semantic HTML and data attributes to allow maintainers to use the syncing script without having to touch any JavaScript, and we looked at some services that make hosting and converting video easy.
html5
sync
video
javascript
christianheilmann
heilmann
march 2011 by fjordaan
HOWTO: Native iPhone/iPad apps in JavaScript
march 2011 by fjordaan
In this article, I'll explain how to:
* strip away the browser chrome (the url bar and button bar);
* prevent viewport scrolling and scaling;
* respond to multi-touch and gesture events;
* use webkit CSS to get the iPhone OS look and feel;
* cache the app so it runs without internet access;
* get a custom icon on the home screen; and
* have a splash screen load at the start.
html5
iphone
javascript
ipad
apps
howto
tutorial
native
* strip away the browser chrome (the url bar and button bar);
* prevent viewport scrolling and scaling;
* respond to multi-touch and gesture events;
* use webkit CSS to get the iPhone OS look and feel;
* cache the app so it runs without internet access;
* get a custom icon on the home screen; and
* have a splash screen load at the start.
march 2011 by fjordaan
libphonenumber - Project Hosting on Google Code
january 2011 by fjordaan
Google's common Java library for parsing, formatting, storing and validating international phone numbers. Optimized for running on smartphones. A direct port to Javascript is also available.
android
java
javascript
library
phone
number
google
parsing
format
january 2011 by fjordaan
Coding In Paradise: 3D Slides Built with HTML5, CSS3, and SVG
october 2010 by fjordaan
I've created a 3D slide deck that uses HTML5, CSS3, and a bit of SVG (video). The main idea behind this deck is to be able to 'zoom' into topics to as deep a level as necessary. Slides are nested, like an outline.
css3
html5
javascript
svg
3d
slides
october 2010 by fjordaan
this, is boomerang
july 2010 by fjordaan
boomerang is a piece of javascript that you add to your web pages, where it measures the performance of your website from your end user's point of view. It has the ability to send this data back to your server for further analysis. With boomerang, you find out exactly how fast your users think your site is.
boomerang
javascript
website
fast
speed
perceived
onload
july 2010 by fjordaan
Prototyping with jsFiddle.net – Joe Lanman
july 2010 by fjordaan
I’m a big fan of applications that do a simple thing well; jsFiddle.net is an innovative environment to work on HTML, CSS and JavaScript in the browser. Coded by Piotr Zalewa and designed by Oskar Krawczyk, it’s a tool I’ve found really useful for me and my team – the simple four-pane layout is brilliantly suited to front-end development:
jsfiddle
js
javascript
test
prototyping
environment
libraries
panes
july 2010 by fjordaan
Allan Jardine | Reflections | Visual Event
june 2010 by fjordaan
Events in Javascript are often seen as a bit of an enigma. This is odd given that Javascript is very much an event driven language, but it is typically down to their complex nature and difficulty to debug. To this end I've created Visual Event to help track events which are subscribed to DOM nodes.
javascript
jquery
bookmarklet
events
allanjardine
sprymedia
visualise
june 2010 by fjordaan
jQuery for Designers - Tutorials and screencasts
june 2010 by fjordaan
Learn how easy it is to apply web interaction using jQuery
jquery
tutorial
javascript
june 2010 by fjordaan
How to Make an HTML5 iPhone App
april 2010 by fjordaan
I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.
html5
iphone
javascript
offline
app
april 2010 by fjordaan
Modernizr
april 2010 by fjordaan
Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies. Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more.
css3
html5
javascript
library
feature
detection
modernizr
fallback
april 2010 by fjordaan
HTML5 presentation
april 2010 by fjordaan
This presentation was originally created by Marcin Wichary and modified by Ernest Delgado. The purpose of the presentation is to show the coming bleeding edge features for modern desktop and mobile browsers.
css
demo
javascript
presentation
html5
css3
from twitter
april 2010 by fjordaan
What is "this"? - How To Node
march 2010 by fjordaan
Most people that learn JavaScript are coming from a background in another language. This brings with it a view of how the world works that may be different from how it really works in JavaScript. For this and other reasons, JavaScript is often misunderstood. It's not entirely our fault, the language was designed to work like one thing (scheme-like), but look like another (c-like). This article will describe lexical scope and the "this" variable and how to control them rather than be controlled by them when in coding JavaScript.
this
javascript
jquery
programming
march 2010 by fjordaan
gRaphaël—Charting JavaScript Library
march 2010 by fjordaan
gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action.
gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
javascript
library
js
graphs
charts
raphael
graphael
gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
march 2010 by fjordaan
Harmony - Procedural drawing tool
march 2010 by fjordaan
Javascript/Canvas drawing app
canvas
drawing
html5
javascript
sketchy
furry
march 2010 by fjordaan
A List Apart: Articles: Inline Validation in Web Forms
february 2010 by fjordaan
When compared to our control version, the inline validation form showed compelling improvements:
* a 22% increase in success rates,
* a 22% decrease in errors made,
* a 31% increase in satisfaction rating,
* a 42% decrease in completion times, and
* a 47% decrease in the number of eye fixations.
forms
javascript
usability
validation
luke
wroblewski
alistapart
inline
dynamic
* a 22% increase in success rates,
* a 22% decrease in errors made,
* a 31% increase in satisfaction rating,
* a 42% decrease in completion times, and
* a 47% decrease in the number of eye fixations.
february 2010 by fjordaan
RGraph: A HTML5 canvas graph library based on the HTML5 canvas tag
february 2010 by fjordaan
This library uses HTML5 features which are implemented in recent browsers. As such you will need to be using one of these latest browsers: Firefox 3.5+, Chrome 2+, Safari 4+, Opera 10.5+ or Internet Explorer 8.
javascript
library
visualisation
graph
chart
html5
js
charting
canvas
february 2010 by fjordaan
Eric's Archived Thoughts: JavaScript Will Save Us All
january 2010 by fjordaan
A while back, I woke up one morning thinking, John Resig’s got some great CSS3 support in jQuery but it’s all forced into JS statements. I should ask him if he could set things up like Dean Edwards‘ IE7 script so that the JS scans the author’s CSS, finds the advanced selectors, does any necessary backend juggling, and makes CSS3 selector support Transparently Just Work. And then he could put that back into jQuery.
eric
meyer
javascript
js
css
support
css3
ie7
jquery
sizzle
save
january 2010 by fjordaan
simonw's django_cropper at master - GitHub
january 2010 by fjordaan
Integration of jCrop with the Django admin. Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.
jcrop
javascript
jquery
crop
cropper
tool
django
cropping
image
january 2010 by fjordaan
How to Reduce Javascript Libraries Loading Time: Best Practice – woorkup.com
december 2009 by fjordaan
In this article I’ll explain how to reduce the loading time of Javascript libraries using Auto-Loading, a public but almost unknown new feature of the Google’s AJAX APIs.
javascript
ajax
api
jquery
efficiency
js
performance
load
loader
google
loading
december 2009 by fjordaan
Cuzillion
december 2009 by fjordaan
'cuz there are a zillion pages to check
javascript
css
benchmark
testing
optimization
debugging
performance
scripts
cuzillion
yslow
loading
order
ajax
test
browser
december 2009 by fjordaan
JS-Kit ECHO
september 2009 by fjordaan
the next generation commenting system. It’s the way to share your content, and watch the live reaction. You can quickly embed Echo on WordPress, Blogger, or any website and turn your static pages into a real-time stream of diggs, tweets, comments and more.
js-kit
echo
javascript
commenting
ajax
social
wave
networking
integrated
september 2009 by fjordaan
On HTML 5 Drag and Drop « alert debugging
september 2009 by fjordaan
HTML 5 is shaping up to be quite an impressive step up from the capabilities web developers are currently constrained to. One of my favorite new features provided by the spec is support for native drag and drop.
html5
drag
drop
javascript
foil
pigs
internet
comment
september 2009 by fjordaan
Build an Auto-Scrolling Slideshow That Works With and Without JavaScript - Nettuts+
september 2009 by fjordaan
Create a jQuery slideshow that enables you to click through each slide when JavaScript is disabled, without having to display all slides one under the other.
jquery
slideshow
javascript
tutorial
css
slider
jenna
smith
september 2009 by fjordaan
SVGWeb Brings SVG Support to Internet Explorer
september 2009 by fjordaan
While it is possible to bring SVG support to IE by installing a third party plug-in, but that is never a good idea if your goal is to unobtrusively reach the most amount of users possible. Google, realizing the widespread installed user base of Flash (probably >95% of users), decided to basically implement SVG through Flash so that anyone who has Flash installed will be able to see and interact with SVG content.
google
svg
svgweb
flash
javascript
plugin
ie
hack
support
september 2009 by fjordaan
PlotKit - Javascript Chart Plotting | liquidx
july 2009 by fjordaan
PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.
netvouzimported
netvouzpublic
canvas
chart
graph
javascript
library
mochikit
plotkit
plotting
svg
july 2009 by fjordaan
About - cufon - GitHub (alternative to sIFR)
april 2009 by fjordaan
Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. To achieve this ambitious goal the following requirements were set:
netvouzimported
netvouzpublic
alternative
canvas
cufon
cufón
github
javascript
js
replacement
sifr
text
typeface
vml
april 2009 by fjordaan
BallDroppings
april 2009 by fjordaan
BallDroppings instructions: Turn your sound up. Draw lines on the black screen to bounce the balls. Enjoy the music.
netvouzimported
netvouzpublic
animusic
balldroppings
balls
bounce
chrome
fun
game
javascript
linerider
lines
sound
april 2009 by fjordaan
jParallax
april 2009 by fjordaan
jParallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.
netvouzimported
netvouzpublic
javascript
jparallax
jquery
layers
mouse
movement
parallax
april 2009 by fjordaan
Chrome Experiments - Home
march 2009 by fjordaan
Not your mother's JavaScript.
netvouzimported
netvouzpublic
chrome
demonstrations
experiments
javascript
march 2009 by fjordaan
Eric Martin » SimpleModal
march 2009 by fjordaan
SimpleModal is a lightweight jQuery plugin that provides a simple interface to create a modal dialog.
netvouzimported
netvouzpublic
dialog
ericmartin
javascript
jquery
lightweight
modal
popup
simplemodal
march 2009 by fjordaan
Raphaël-JavaScript Library
february 2009 by fjordaan
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël uses the SVG W3C Recommendation and VML (mostly equivalent Internet Explorer implementation) as a base for creatinggraphics. T
netvouzimported
netvouzpublic
graphics
javascript
library
raphael
svg
vector
vml
february 2009 by fjordaan
DD_roundies: Code-only rounded HTML boxes
january 2009 by fjordaan
This is a Javascript library that makes creation of rounded-corner HTML boxes easier, with a focus on Internet Explorer.
netvouzimported
netvouzpublic
box-radius
boxes
corner
dd_roundies
diller
drew
javascript
radius
rounded
vml
january 2009 by fjordaan
DD_belatedPNG: Medicine for your IE6/PNG headache!
january 2009 by fjordaan
This is a Javascript library that sandwiches PNG image support into IE6 without much fuss.
netvouzimported
netvouzpublic
dd_belatedpng
diller
drew
ie6
javascript
png
support
january 2009 by fjordaan
matt.west.co.tt » Blog Archive » JSSpeccy: A ZX Spectrum emulator in Javascript
october 2008 by fjordaan
I got 90% of it done on the train journey back from International Vodka Party
netvouzimported
netvouzpublic
emulator
javascript
js
jsspeccy
matt
retrogames
speccy
spectrum
westcott
zx
october 2008 by fjordaan
typeface.js -- Rendering text with Javascript, <canvas>, and VML
october 2008 by fjordaan
Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally.
netvouzimported
netvouzpublic
alternative
canvas
css
embedding
flash
font
javascript
js
rendering
sifr
typeface
vml
october 2008 by fjordaan
flot - Google Code
august 2008 by fjordaan
Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.
netvouzimported
netvouzpublic
charting
flot
javascript
jquery
library
plotting
august 2008 by fjordaan
Lightview
august 2008 by fjordaan
Lightview was built to change the way you overlay content on a website.
netvouzimported
netvouzpublic
framework
javascript
library
lightbox
lightview
overlay
prototype
august 2008 by fjordaan
Prototip 2 - Create beautiful tooltips with ease
august 2008 by fjordaan
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.
netvouzimported
netvouzpublic
boxes
framework
javascript
library
popup
prototip
prototype
tooltips
august 2008 by fjordaan
Starbox - Rating stars for prototype
august 2008 by fjordaan
Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes.
netvouzimported
netvouzpublic
javascript
library
prototype
rating
scriptaculous
stars
august 2008 by fjordaan
NoScript - JavaScript/Java/Flash blocker for a safer Firefox experience! - what is it? - InformAction
august 2008 by fjordaan
The NoScript Firefox extension provides extra protection for Firefox, Flock, Seamonkey and others mozilla-based browsers: this free, open source add-on allows JavaScript, Java, Flash and other plugins to be executed only by trusted web sites of your choice (e.g. your online bank), and provides the most powerful Anti-XSS protection available in a browser.
netvouzimported
netvouzpublic
add-on
block
browser
firefox
javascript
noscript
plugin
safety
security
august 2008 by fjordaan
Developer's Guide - Google Chart API - Google Code
july 2008 by fjordaan
The Google Chart API lets you dynamically generate charts.
netvouzimported
netvouzpublic
api
chart
google
javascript
library
july 2008 by fjordaan
ProtoChart
july 2008 by fjordaan
ProtoChart is a new opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries.
netvouzimported
netvouzpublic
canvas
chart
javascript
library
opensource
protochart
july 2008 by fjordaan
Aza’s Thoughts » Blog Archive » ContextFree.js & Algorithm Ink: Making Art with Javascript
july 2008 by fjordaan
n honor of the the release of Firefox 3, I’m releasing ContextFree.js today, along with the demo site Algorithm Ink. ContextFree.js is about drawing striking images-and making art-with minimal amounts of code.
netvouzimported
netvouzpublic
algorithm
aza
canvas
contextfree.js
firefox
fractals
javascript
processing
raskin
july 2008 by fjordaan
SitePen Blog » Advanced JavaScript Debugging Techniques
april 2008 by fjordaan
The purpose of this article is to provide a list of advanced debugging techniques that are not easily found elsewhere on the web. Using Google to search for JavaScript debugging just gives you hundreds of articles about using alerts and how Firebug works. We all worship at the altar of Firebug, but there are things that can go beyond a console.log(). The following is a list of methods that every developer should have in their toolbox.
netvouzimported
netvouzpublic
debugging
javascript
techniques
april 2008 by fjordaan
Juicy Studio: The AxsJAX Framework for ARIA
march 2008 by fjordaan
Charles L. Chen and T. V Raman announced an open source framework called AxsJAX . The framework inserts ARIA properties into web applications to make them accessible to assistive technologies.
netvouzimported
netvouzpublic
accessibility
ajax
applications
axsjax
framework
javascript
raman
web
march 2008 by fjordaan
Superfish - Suckerfish on 'roids
march 2008 by fjordaan
An enhanced Suckerfish-style menu plugin for jQuery. Now jQuery 1.2 ready!
netvouzimported
netvouzpublic
dropdown
javascript
jquery
menu
script
standards
suckerfish
superfish
march 2008 by fjordaan
John Resig - JavaScript Pretty Date
february 2008 by fjordaan
One method that I've been wanting for quite a while now was a simple way to format old JavaScript dates in a "pretty" way. For example "2008-01-28T20:24:17Z" becomes "2 hours ago".
netvouzimported
netvouzpublic
ago
convert
dates
format
hours
javascript
john
pretty
resig
february 2008 by fjordaan
The Perfect Pop-up (creating accessible pop-up windows) | Tutorials | Accessify
january 2008 by fjordaan
This is an update of the article that was originally posted in November 2002]. This update demonstrates methods that use unobtrusive JavaScript and CSS to trigger the pop-up, and all references to inline event handlers have been removed.
netvouzimported
netvouzpublic
accessify
ian
javascript
lloyd
pop-up
popup
window
january 2008 by fjordaan
Highslide JS - JavaScript thumbnail viewer
december 2007 by fjordaan
Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages.
netvouzimported
netvouzpublic
highslide
images
javascript
js
library
lightbox
popup
thumbnail
viewer
december 2007 by fjordaan
UDASSS Official Documentation (Unobtrusive Degradable Ajax Style Sheet Switcher)
october 2007 by fjordaan
UDASSS stands for Unobtrusive Degradable Ajax Style Sheet Switcher
netvouzimported
netvouzpublic
ajax
change
css
degradable
diaz
dustin
fontsize
javascript
script
switcher
udasss
unobtrusive
widget
october 2007 by fjordaan
jQuery for JavaScript programmers
september 2007 by fjordaan
jQuery is an exceptionally clever piece of engineering. It neatly encapsulates an extraordinary range of common functionality, and provides a clever plugin API for any functionality not included by default. It takes a core abstraction-that of a selection of DOM elements-and extracts as much mileage out of it as possible. Most importantly, it does so in a way that obeys best practices and plays well with other JavaScript code.
netvouzimported
netvouzpublic
javascript
jquery
library
simon
tutorial
willison
september 2007 by fjordaan
related tags
1.3 ⊕ 3d ⊕ 456bereastreet ⊕ access ⊕ accessbility ⊕ accessibility ⊕ accessible ⊕ accessify ⊕ activeimages ⊕ adactio ⊕ adam ⊕ adams ⊕ adaptivepath ⊕ add-on ⊕ address ⊕ agilepartners ⊕ ago ⊕ agro ⊕ ajax ⊕ algorithm ⊕ alistapart ⊕ allanjardine ⊕ allinthehead ⊕ allmyfaqs ⊕ alternative ⊕ analog ⊕ andersson ⊕ andrew ⊕ android ⊕ angular ⊕ animation ⊕ animusic ⊕ anti-spam ⊕ api ⊕ app ⊕ applets ⊕ application ⊕ applications ⊕ apps ⊕ archives ⊕ aria ⊕ art ⊕ asp ⊕ assembly ⊕ associations ⊕ asynchronous ⊕ attribute ⊕ autocomplete ⊕ axentric ⊕ axsjax ⊕ aza ⊕ background-position ⊕ badboy ⊕ bakketun ⊕ balldroppings ⊕ balloon ⊕ balls ⊕ bandwidth ⊕ basic ⊕ bbq ⊕ behaviour ⊕ behaviours ⊕ ben ⊕ benchmark ⊕ benjamin ⊕ binding ⊕ biofizyka ⊕ block ⊕ blog ⊕ blue ⊕ bob ⊕ bodytag ⊕ bookmarklet ⊕ books ⊕ boomerang ⊕ bounce ⊕ box-radius ⊕ boxes ⊕ brad ⊕ brendaneich ⊕ briggs ⊕ brothercake ⊕ browser ⊕ browsers ⊕ browserware ⊕ brucelawson ⊕ bubble ⊕ bug ⊕ button ⊕ calendar ⊕ cameron ⊕ canvas ⊕ carlson ⊕ casciano ⊕ center ⊕ cgi ⊕ champeon ⊕ change ⊕ chapter ⊕ chart ⊕ charting ⊕ charts ⊕ checkboxes ⊕ checker ⊕ chris ⊕ christianheilmann ⊕ chrome ⊕ chunkysoup ⊕ ci-berpages ⊕ ciff ⊕ clagnut ⊕ clary ⊕ class ⊕ client ⊕ code ⊕ codelifter ⊕ collapsible ⊕ comment ⊕ commenting ⊕ commodore ⊕ compact ⊕ compatibility ⊕ compliant ⊕ compression ⊕ console ⊕ contents ⊕ contextfree.js ⊕ convert ⊕ cookie ⊕ cool ⊕ corner ⊕ couloir ⊕ country ⊕ crackpl ⊕ craig ⊕ crockford ⊕ crop ⊕ cropper ⊕ cropping ⊕ cross ⊕ cross-browser ⊕ crossfade ⊕ css ⊕ css3 ⊕ ctocwidget ⊕ cufon ⊕ cufón ⊕ cut ⊕ cuzillion ⊕ dan ⊕ daniel ⊕ data ⊕ date ⊕ dates ⊕ david ⊕ dchat ⊕ dd_belatedpng ⊕ dd_roundies ⊕ debug ⊕ debugging ⊕ deconcept ⊕ degradable ⊕ demo ⊕ demonstrations ⊕ demoscene ⊕ desandro ⊕ design ⊕ designed ⊕ designer ⊕ detect ⊕ detection ⊕ detector ⊕ devarticles ⊕ devedge ⊕ devguru ⊕ dhtml ⊕ diagram ⊕ dial ⊕ dialog ⊕ diaz ⊕ digital-web ⊕ diller ⊕ dirk ⊕ disabling ⊕ discoverability ⊕ dithered ⊕ django ⊕ document ⊕ documentation ⊕ dom ⊕ douglas ⊕ down ⊕ download ⊕ doxdesk ⊕ drag ⊕ drawing ⊕ dreamprojections ⊕ drew ⊕ drop ⊕ drop-down ⊕ dropdown ⊕ dropdowns ⊕ dropshadow ⊕ dthml ⊕ duluth ⊕ dustin ⊕ dynamic ⊕ e-mail ⊕ echo ⊕ echoecho ⊕ ecmascript ⊕ edit ⊕ editing ⊕ editor ⊕ edwards ⊕ effect ⊕ effects ⊕ efficiency ⊕ email ⊕ embed ⊕ embedding ⊕ emulator ⊕ encoder ⊕ enhancement ⊕ environment ⊕ eric ⊕ ericmartin ⊕ error ⊕ events ⊕ every ⊕ everyjs ⊕ evolt ⊕ expandable ⊕ experiments ⊕ explorations ⊕ explorer ⊕ expressions ⊕ extension ⊕ extjs ⊕ fade ⊕ fadomatic ⊕ fallback ⊕ faq ⊕ faqs ⊕ fast ⊕ fat ⊕ fatscripts ⊕ feature ⊕ fields ⊕ file ⊕ filetypes ⊕ firebug ⊕ firefox ⊕ fix ⊕ fixed ⊕ fixing ⊕ flash ⊕ flashing ⊕ flot ⊕ fluffy ⊕ foil ⊕ font ⊕ fontsize ⊕ form ⊕ format ⊕ forms ⊕ fractals ⊕ frames ⊕ framework ⊕ free ⊕ friendly ⊕ frost ⊕ fuchs ⊕ fun ⊕ funny ⊕ furry ⊕ gagnon ⊕ game ⊕ games ⊕ gazingus ⊕ geek ⊕ geoff ⊕ getelementsbyclassname ⊕ ginader ⊕ github ⊕ gmaps ⊕ google ⊕ graph ⊕ graphael ⊕ graphics ⊕ graphs ⊕ greying ⊕ grid ⊕ gui ⊕ guide ⊕ guided ⊕ guides ⊕ guru ⊕ hack ⊕ hacker ⊕ harper ⊕ hashbangs ⊕ hashchange ⊕ hayward ⊕ height ⊕ heilmann ⊕ help ⊕ hesketh ⊕ hide ⊕ highlight ⊕ highlighting ⊕ highslide ⊕ history ⊕ hivelogic ⊕ hlp ⊕ horizontal ⊕ hosting ⊕ hotels ⊕ hours ⊕ hover ⊕ howden ⊕ howto ⊕ htc ⊕ html ⊕ html5 ⊕ hyperlinks ⊕ ia ⊕ ian ⊕ icons ⊕ ie ⊕ ie6 ⊕ ie7 ⊕ image ⊕ images ⊕ in-browser ⊕ index ⊕ infographic ⊕ inline ⊕ inspector ⊕ integrated ⊕ interdependent ⊕ interface ⊕ internet ⊕ interpreter ⊕ introduction ⊕ invaders ⊕ ios ⊕ iotic ⊕ ipad ⊕ iphone ⊕ irc ⊕ jack ⊕ james ⊕ java ⊕ javascript ⊖ jcrop ⊕ jeff ⊕ jenna ⊕ jeremy ⊕ jjg ⊕ joehewitt ⊕ john ⊕ jparallax ⊕ jpeg ⊕ jquery ⊕ jrumble ⊕ js ⊕ js-kit ⊕ jsfiddle ⊕ jsspeccy ⊕ jsss ⊕ jump ⊕ kaminski ⊕ keith ⊕ ken ⊕ kern ⊕ keyboard ⊕ knob ⊕ koch ⊕ koechley ⊕ kruse ⊕ kryogenix ⊕ langridge ⊕ language ⊕ laura ⊕ layers ⊕ layout ⊕ learn ⊕ legal ⊕ length ⊕ lettering ⊕ level ⊕ lgpl ⊕ libraries ⊕ library ⊕ lightbox ⊕ lightview ⊕ lightweight ⊕ line ⊕ linerider ⊕ lines ⊕ links ⊕ liorean ⊕ list ⊕ listmenu ⊕ lite ⊕ lloyd ⊕ load ⊕ loader ⊕ loading ⊕ logo ⊕ luke ⊕ mad4milk ⊕ mailto ⊕ man ⊕ mandelbrot ⊕ margin ⊕ markup ⊕ martin ⊕ mashup ⊕ masonry ⊕ massless ⊕ matt ⊕ max ⊕ max-height ⊕ max-width ⊕ mclellan ⊕ megnut ⊕ menu ⊕ menus ⊕ meyer ⊕ michela ⊕ migurski ⊕ milonic ⊕ min ⊕ min-height ⊕ min-width ⊕ minmax ⊕ minnesota ⊕ misguided ⊕ misunderstood ⊕ mitchell ⊕ mobile ⊕ mochikit ⊕ modal ⊕ modernizr ⊕ modifying ⊕ moofx ⊕ mooncalf ⊕ mountain ⊕ mouse ⊕ move ⊕ movement ⊕ msdn ⊕ mud ⊕ multi ⊕ musicbrainz ⊕ mvc ⊕ nate ⊕ native ⊕ navigation ⊕ nederlof ⊕ netscape ⊕ netvouzimported ⊕ netvouzpublic ⊕ networking ⊕ new-window ⊕ newsletter ⊕ nice ⊕ nicer ⊕ nintendo ⊕ nolan ⊕ noscript ⊕ nott ⊕ number ⊕ numbering ⊕ obfuscation ⊕ object ⊕ objects ⊕ odometer ⊕ offline ⊕ offset ⊕ onchange ⊕ online ⊕ onload ⊕ opacity ⊕ open ⊕ opening ⊕ opensource ⊕ optimisation ⊕ optimization ⊕ order ⊕ oreillynet ⊕ out ⊕ overlay ⊕ owen ⊕ paint ⊕ panel ⊕ panes ⊕ parallax ⊕ parsing ⊕ particletree ⊕ paste ⊕ patterns ⊕ perceived ⊕ performance ⊕ perl ⊕ personal ⊕ peter ⊕ peter-paul ⊕ petrolprices ⊕ phone ⊕ photos ⊕ photoshop ⊕ php ⊕ picker ⊕ pie ⊕ pigs ⊕ player ⊕ plotkit ⊕ plotting ⊕ plugin ⊕ plugins ⊕ png ⊕ podlob ⊕ pop-up ⊕ popover ⊕ popup ⊕ popups ⊕ position ⊕ ppk ⊕ predictions ⊕ preload ⊕ preloader ⊕ presentation ⊕ pretty ⊕ preview ⊕ processing ⊕ programming ⊕ progressive ⊕ protochart ⊕ prototip ⊕ prototype ⊕ prototyping ⊕ pseudoclass ⊕ pure ⊕ q ⊕ querystring ⊕ quotes ⊕ radius ⊕ rainbow ⊕ raman ⊕ raphael ⊕ raskin ⊕ rating ⊕ raytracer ⊕ reader ⊕ real ⊕ reference ⊕ references ⊕ reflections ⊕ refresh ⊕ regex ⊕ registration ⊕ regular ⊕ relative ⊕ relevance ⊕ rendering ⊕ replacement ⊕ research ⊕ resig ⊕ resize ⊕ resizing ⊕ resolution ⊕ retouch ⊕ retro ⊕ retrogames ⊕ reusable ⊕ rgagnon ⊕ ria ⊕ ripcord ⊕ rollover ⊕ rollovers ⊕ round ⊕ rounded ⊕ rumble ⊕ s3 ⊕ safety ⊕ saila ⊕ satay ⊕ save ⊕ scale ⊕ schontzler ⊕ screen ⊕ screenreaders ⊕ script ⊕ scriptaculous ⊕ scripts ⊕ scrollwheel ⊕ search ⊕ security ⊕ select ⊕ selector ⊕ selectors ⊕ sencha ⊕ sendmail ⊕ shadow ⊕ shake ⊕ shingebis ⊕ shortcut ⊕ shuffle ⊕ sidebar ⊕ sifr ⊕ simon ⊕ simple ⊕ simplemodal ⊕ sinuous ⊕ site ⊕ sitepoint ⊕ size ⊕ sizzle ⊕ sketchpad ⊕ sketchy ⊕ skins ⊕ slayeroffice ⊕ slider ⊕ slides ⊕ slideshow ⊕ slocum ⊕ small ⊕ smith ⊕ smugmug ⊕ snake ⊕ sniffer ⊕ snippet ⊕ social ⊕ sortable ⊕ sorting ⊕ sorttable ⊕ sound ⊕ source ⊕ space ⊕ spam ⊕ speccy ⊕ spectrum ⊕ speed ⊕ speedometer ⊕ spell ⊕ sprymedia ⊕ standards ⊕ standards-based ⊕ standards-compliant ⊕ stars ⊕ statistics ⊕ steal ⊕ stearns ⊕ steve ⊕ steven ⊕ stilleye ⊕ stock ⊕ structured ⊕ stuart ⊕ style ⊕ styled ⊕ styles ⊕ submit ⊕ suckerfish ⊕ summers ⊕ superfish ⊕ support ⊕ survey ⊕ svg ⊕ svgweb ⊕ switcher ⊕ switching ⊕ sync ⊕ syntax ⊕ szczecin ⊕ tab ⊕ table ⊕ tables ⊕ tackboard ⊕ tag ⊕ taggerfaq ⊕ tanny ⊕ target ⊕ techniques ⊕ test ⊕ testing ⊕ text ⊕ thau ⊕ themaninblue ⊕ thenoodleincident ⊕ thickbox ⊕ this ⊕ thomas ⊕ thumbnail ⊕ ticker ⊕ time ⊕ tiny ⊕ tips ⊕ title ⊕ titles ⊕ tool ⊕ toolbar ⊕ toolbox ⊕ tools ⊕ tooltip ⊕ tooltips ⊕ touch ⊕ tour ⊕ transparency ⊕ tree ⊕ tricks ⊕ ttw ⊕ tutorial ⊕ tutorials ⊕ twitter ⊕ two-way ⊕ typeface ⊕ typography ⊕ udasss ⊕ udm4 ⊕ ui ⊕ uk ⊕ ul ⊕ ultimate ⊕ university ⊕ unobtrusive ⊕ upload ⊕ url ⊕ urls ⊕ usability ⊕ usable ⊕ useful ⊕ user ⊕ validation ⊕ variable ⊕ vector ⊕ video ⊕ videojs ⊕ viewer ⊕ viewing ⊕ viewport ⊕ visual ⊕ visualisation ⊕ visualise ⊕ vml ⊕ wave ⊕ web ⊕ web2 ⊕ webaim ⊕ webcoder ⊕ webgl ⊕ webmonkey ⊕ website ⊕ westcott ⊕ wetherell ⊕ widget ⊕ width ⊕ wiggle ⊕ wiki ⊕ willison ⊕ window ⊕ windows ⊕ wootton ⊕ workaround ⊕ wrapper ⊕ wroblewski ⊕ wui ⊕ wysiwyg ⊕ xml ⊕ xmlhttprequest ⊕ xs4all ⊕ yahoo ⊕ yellow ⊕ yslow ⊕ yui ⊕ yui-ext ⊕ yuiblog ⊕ z.ope ⊕ zx ⊕Copy this bookmark: