roel + javascript   28

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
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.
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 
january 2012 by roel
Polymaps
A JavaScript library for image- and vector-tiled maps using SVG.
javascript  mapping  gis 
december 2011 by roel
Redesigning the Country Selector - Baymard Institute
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 
november 2011 by roel
jQuery and Google Maps Tutorial: #1 Basics
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
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 
may 2011 by roel
Uniform - Sexy forms with jQuery
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 
february 2010 by roel
dygraphs JavaScript Visualization Library
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
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
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
"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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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

Copy this bookmark:



description:


tags: