roel + javascript 28
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
25 days ago by roel
Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles:
css
javascript
webdesign
25 days ago by roel
HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.
january 2012 by roel
HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.
After more than three years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain Ajax and Flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.
Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.
framework
css
html
html5
javascript
After more than three years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain Ajax and Flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.
Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.
january 2012 by roel
Polymaps
december 2011 by roel
A JavaScript library for image- and vector-tiled maps using SVG.
javascript
mapping
gis
december 2011 by roel
Redesigning the Country Selector - Baymard Institute
november 2011 by roel
So we took it upon ourselves to redesign the country selector.
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.
forms
javascript
ui
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.
november 2011 by roel
jQuery and Google Maps Tutorial: #1 Basics
october 2011 by roel
There are many times I want to leverage jQuery’s strengths to create a custom Google Maps mashup. In this tutorial, I will walk you through how to get started using jQuery inside the Google Maps environment. I will assume nothing, and explain each piece in detail.
googlemaps
javascript
maps
learning
tutorial
mashup
october 2011 by roel
Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade
may 2011 by roel
Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API.
It is built from the ground up to work efficiently and smoothly on both platforms, utilizing cutting-edge technologies included in HTML5. Its top priorities are usability, performance, small size, A-grade browser support, flexibility and easy to use API. The OOP-based code of the library is designed to be modular, extensible and very easy to understand.
code
javascript
maps
geo-information
library
mapping
development
webdevelopment
It is built from the ground up to work efficiently and smoothly on both platforms, utilizing cutting-edge technologies included in HTML5. Its top priorities are usability, performance, small size, A-grade browser support, flexibility and easy to use API. The OOP-based code of the library is designed to be modular, extensible and very easy to understand.
may 2011 by roel
Uniform - Sexy forms with jQuery
february 2010 by roel
Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?
If so, Uniform is your new best friend.
Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
design
forms
javascript
webdesign
If so, Uniform is your new best friend.
Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
february 2010 by roel
dygraphs JavaScript Visualization Library
december 2009 by roel
The dygraphs JavaScript library produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.
javascript
visualization
graph
library
opensource
december 2009 by roel
Modernizr
july 2009 by roel
Have you ever wanted to do if-statements in your CSS for the availability of cool features like border-radius? Well, with Modernizr you can accomplish just that! The syntax is very intuitive, too.
webdesign
webdevelopment
css
javascript
css3
html5
library
july 2009 by roel
OpenLayers: Home
february 2009 by roel
OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. MetaCarta developed the initial version of OpenLayers and gave it to the public to further the use of geographic information of all kinds. OpenLayers is completely free, Open Source JavaScript, released under a BSD-style License.
software
tools
web
opensource
maps
mashup
mapping
javascript
gis
geo
february 2009 by roel
Mike On Ads » Blog Archive » Using your browser URL history to estimate gender
august 2008 by roel
"So what I did is I modified the SocialHistory JS so that it polled the browser to find out which of the Quantcast top 10k sites were visited. I then apply the ratio of male to female users for each site and with some basic math determine a guestimate of your gender." - Social web engineering, wtf!
browser
analysis
history
stats
hack
social
interesting
javascript
datamining
statistics
august 2008 by roel
Google Reader Link Extractor by Peter Shafer
may 2008 by roel
I recently converted from using Bloglines to Google Reader, and one of the problems that I was running into was that my starred item list was growing far too large. I needed to find a way to archive the articles to my delicious account. This link extracto
google
reader
googlereader
howto
tips
javascript
bookmarks
may 2008 by roel
Ajatus - Distributed CRM: Ajatus CRM
march 2008 by roel
Ajatus is a revolutionary CRM that runs as a local Ajax web application on your own computer.
crm
ajax
javascript
database
distributed
application
browser
data
pim
productivity
interesting
march 2008 by roel
Sniff browser history for improved user experience
february 2008 by roel
Intelligent websites should tune-in to the content preferences of their visitors, tailoring a specific experience based on each visitor's favorite sites and services across the social web. In this post I will teach you how to mine the rich treasure trove
Javascript
browser
history
css
usability
web
WebDesign
web2.0
february 2008 by roel
cabel.name: FancyZoom 1.0
february 2008 by roel
Designed to view full-size photos and images inline without requiring a separate web page load, FancyZoom's raison d’être (French for "raisin-determination") is providing a smooth, clean, truly Mac-like effect, almost like it's a function of Safari its
javascript
zoom
WebDesign
ajax
image
gallery
webdev
script
photo
february 2008 by roel
Slideshow: A Javascript class for Mootools
january 2008 by roel
Slideshow is a javascript class to stream and animate the presentation of images on your website. Slideshow was originally written as a plugin for the Textpattern CMS in 2006, using the original Moo.fx javascript library. This new version has been re-writ
javascript
slideshow
gallery
tools
website
photos
january 2008 by roel
Graceful E-Mail Obfuscation
november 2007 by roel
Hide e-mail addresses from spam bots while revealing them to readers as real, clickable links. This transparent and fully automated solution guarantees that all addresses on your site will be safe—even the ones that show up in blog comments!
server
spam
tips
tutorials
usability
WebDesign
website
javascript
programming
email
article
november 2007 by roel
CSS-modificatie » Peter-Paul Koch » Naar Voren
august 2007 by roel
JavaScript geeft je de mogelijkheid om de CSS-presentatielaag van je site te veranderen. Een verandering in hoe een element in de pagina er uit ziet is een uitstekende (en veelgebruikte) manier om de aandacht van je bezoekers te trekken naar het element w
ajax
css
javascript
howto
reference
nederlands
webdesign
design
html
august 2007 by roel
ModalBox — An easy way to create popups and wizards
july 2007 by roel
ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads.
javascript
ajax
lightbox
webdesign
webdev
web2.0
design
html
css
july 2007 by roel
Slimbox, the ultimate lightweight Lightbox clone · digitalia.be
june 2007 by roel
Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar.
javascript
lightbox
webdesign
ajax
june 2007 by roel
1 Bit Audio Player : A JavaScript-inserted Flash MP3 player for WordPress blogs and other websites
april 2007 by roel
1 Bit Audio Player is a very simple and lightweight Adobe Flash MP3 player with automatic JavaScript insertion. It's main purpose is to act as a quick in-page preview for audio files you link to from your website or blog.
flash
mp3
tool
website
webdesign
javascript
april 2007 by roel
Fight Firefox resizing with four simple steps - Download Squad
april 2007 by roel
Hate it when websites take it on themselves to resize your browser window? We do. Here are four simple steps to make sure that these Webdev control freaks never resize your Firefox window again
browser
firefox
tweak
tips
javascript
howto
april 2007 by roel
A List Apart: Articles: Introducing the CSS3 Multi-Column Module
march 2007 by roel
How to divide content over multiple columns, while keeping layout/design and content separated.
css
WebDesign
layout
CSS3
columns
javascript
reference
tutorial
march 2007 by roel
ThickBox 2.1
november 2006 by roel
I don't get this explanation, but Thickbox provides fun effects for displaying images online. - "ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline con
javascript
ajax
thickbox
lightbox
webdesign
script
images
web
november 2006 by roel
Lightbox JS v2.0
september 2006 by roel
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
gallery
javascript
script
slideshow
webdesign
css
images
tutorial
september 2006 by roel
SonSpring | Slideshow Alternative
september 2006 by roel
A simple javascript slideshow script, which can function as an alternative to a flash slideshow. Fancier web slideshow scripts, like lightbox, seem to be better options.
javascript
slideshow
tutorial
gallery
script
webdesign
september 2006 by roel
related tags
ajax ⊕ analysis ⊕ application ⊕ article ⊕ bookmarks ⊕ browser ⊕ code ⊕ columns ⊕ compression ⊕ crm ⊕ css ⊕ css3 ⊕ data ⊕ database ⊕ datamining ⊕ design ⊕ development ⊕ distributed ⊕ email ⊕ firefox ⊕ flash ⊕ forms ⊕ framework ⊕ gallery ⊕ geo ⊕ geo-information ⊕ gis ⊕ google ⊕ googlemaps ⊕ googlereader ⊕ graph ⊕ hack ⊕ history ⊕ howto ⊕ html ⊕ html5 ⊕ image ⊕ images ⊕ interesting ⊕ javascript ⊖ layout ⊕ learning ⊕ library ⊕ lightbox ⊕ mapping ⊕ maps ⊕ mashup ⊕ mp3 ⊕ nederlands ⊕ opensource ⊕ optimization ⊕ performance ⊕ photo ⊕ photos ⊕ php ⊕ pim ⊕ productivity ⊕ programming ⊕ reader ⊕ reference ⊕ script ⊕ server ⊕ slideshow ⊕ social ⊕ software ⊕ spam ⊕ statistics ⊕ stats ⊕ thickbox ⊕ tips ⊕ tool ⊕ tools ⊕ tutorial ⊕ tutorials ⊕ tweak ⊕ ui ⊕ usability ⊕ visualization ⊕ web ⊕ web2.0 ⊕ webdesign ⊕ webdev ⊕ webdevelopment ⊕ website ⊕ zoom ⊕Copy this bookmark: