RSS

aarongustafson + javascript   210

Jquery.ascensor.js
Ascensor is a jquery plugin which aims to train and adapt content according to an elevator system
javascript  elevator  navigation 
12 days ago by aarongustafson
Conditional CSS
Jeremy on tying JavaScript to CSS-based breakpoints using generated content.
css  javascript  web-design 
19 days ago by aarongustafson
Cutting the mustard
The browser is a hostile development environment and supporting a wide range of desktop browsers can be tough work.

One of the immediate challenges we discovered when we first started the responsive news prototype was the large range of devices that we would have to support. It terrified us. This article is about a solution we use to alleviate this problem.
bbc  responsive  javascript  mobile 
7 weeks ago by aarongustafson
envision
Could be a good visualization option for Fidelity.
charting  JavaScript  live 
7 weeks ago by aarongustafson
foresight.js
This looks really promising. Barring any browser-based API, it’s the best option I’ve seen for bandwidth-appropriate content delivery.
images  javascript  retina 
7 weeks ago by aarongustafson
BrowserQuest
A shining example of the possibilities of HTML5.
game  games  html5  javascript  mozilla 
8 weeks ago by aarongustafson
How Apple.com will serve retina images to new iPads
Unlike most of the solutions I reviewed last summer, Apple is applying the data-hires attribute to the parent container instead of to the images to themselves. Also, the images borrow from native iOS development and have consistent sizes. So the high-res version of ‘ipad_title.png’ can be found at ‘ipad_title_2x.png’.

As far as I can tell, there is no attempt to prevent duplicate downloads of images. New iPad users are going to download both a full desktop size image and a retina version as well.

The price for both images is fairly steep. For example, the iPad hero image on the home page is 110.71K at standard resolution. The retina version is 351.74K. The new iPad will download both for a payload of 462.45K for the hero image alone.

The total size of the page goes from 502.90K to 2.13MB when the retina versions of images are downloaded.
apple  images  ipad  javascript  responsive 
10 weeks ago by aarongustafson
The Future Of Screen Typography Is In Your Hands
We researched existing JavaScript libraries and found a ton of great stuff. But none focused on micro-typography as a whole. When we started the project, we laid out five clear goals:
Correct micro-typography, including as many of the elements in the list above as possible;
Degrades so that devices without @font-face or JavaScript support are not negatively affected;
OS independence;
Browser independence;
Correct markup;
typography  javascript 
january 2012 by aarongustafson
TinyNav.js
Converts navigation to a select dropdown on small screen. We’ve done this before.
javascript  jquery  navigation  responsive 
january 2012 by aarongustafson
A plea for progressive enhancement
This is vitally important people so listen up. The web now connects a third of our planet. Over 1.2 billion people [1] use the web on devices, and this number is rising fast. Mobile already amounts to close to 6.5% of web traffic worldwide, and large sites such as Facebook and YouTube routinely report mobile traffic of at least 30%. By 2015, the ITU predicts mobile traffic will exceed desktop traffic and the ‘mobile-mostly’ group already make up a staggering 20% of users in the US and UK.
mobile  progressive-enhancement  JavaScript 
january 2012 by aarongustafson
That “JavaScript not available” case
A great summary of my feelings on JS dependence.
browsers  javascript  web 
december 2011 by aarongustafson
14 Helpful jQuery Tricks, Notes, and Best Practices
A very helpful overview of jQuery (and JavaScript) best practices.
development  javascript  jquery  optimization  tips 
november 2011 by aarongustafson
Leaflet
An alternative mapping library.
api  javascript  maps  opensource 
october 2011 by aarongustafson
Aardwolf
Remote debugging with JavaScript
debugging  javascript  mobile 
october 2011 by aarongustafson
d3.js - Data-Driven Documents
Very cool stuff!
data  framework  javascript  svg  visualization 
october 2011 by aarongustafson
Web Intents
Web Intents is a framework for client-side service discovery and inter-application communication. Services register their intention to be able to handle an action on the user's behalf. Applications request to start an Action of a certain verb (share, edit, view, pick etc.) and the system will find the appropriate Services for the user to use based on the user's preference.

Web Intents puts the user in control of service integrations and makes the developer's life simple.
api  browser  development  javascript 
october 2011 by aarongustafson
Detecting and generating CSS animations in JavaScript
When writing of the hypnotic spiral demo the issue appeared that I wanted to use CSS animation when possible but have a fallback to rotate an element. As I didn’t want to rely on CSS animation I also considered it pointless to write it by hand but instead create it with JavaScript when the browser supports it. Here’s how that is done.
animation  css  css3  javascript 
september 2011 by aarongustafson
Building an immersive environment with CSS and JavaScript
Benjamin Bojko and Dan Mall on their work for ActivateDrinks.com
animation  CSS  JavaScript  web-design 
september 2011 by aarongustafson
Breaking Dev: Responsible & Responsive
@lukew’s write-up of @scottjehl’s talk from BDConf
design  responsive  html  css  javascript  progressive-enhancement 
september 2011 by aarongustafson
An HTML5 boilerplate addon for CSS browser nitpicks
Clever: using JavaScript to inject user agent info into data attributes for direct targeting of specific browsers & platforms. Of course, it relies on JavaScript.
browsers  html5  css  javascript 
september 2011 by aarongustafson
Brendan Eich on Dart
I agree that Google could (in fact) fork the development community.
Could be tumultuous times ahead…
JavaScript  dart  google  Brendan-Eich 
september 2011 by aarongustafson
Popcorn.js - A JavaScript framework for HTML5 Video
Looks promising.
html5  video  framework  javascript  mozilla 
september 2011 by aarongustafson
JavaScript Garden
A nice little resource for the tricky stuff.
javascript  programming  reference 
september 2011 by aarongustafson
Accessing & Modifying CSS3 Animations with Javascript (via @codepo8)
This is exactly what we needed!
JavaScript  CSS  animations 
september 2011 by aarongustafson
twitter-text.js
JavaScript code for parsing the text of tweets and auto-linking usernames, hashtags, etc.
javascript  twitter 
september 2011 by aarongustafson
spin.js - a loading image without the image
Neat idea as you’re probably using JavaScript to load the content anyway.
javascript  loading 
august 2011 by aarongustafson
FlexSlider
A responsive jQuery slider.
javascript  jquery  responsive  slider  slideshow 
august 2011 by aarongustafson
360° Long Road (Zurich)
Amazing use of video, panoramas and audio. Bravo!
inspiration  html5  javascript  scroll  video 
august 2011 by aarongustafson
Better web font loading with JavaScript
The reasoning behind Typekit’s technical decisions.
css  javascript  typekit 
august 2011 by aarongustafson
Extending native JavaScript objects. Evil or not?
An interesting discussion of the pros and cons.
best-practices  javascript  development 
august 2011 by aarongustafson
Loading Typekit fonts asynchronously
Awesome!
fonts  javascript  typekit  web-design 
august 2011 by aarongustafson
JavaScript - Optimising Where it Hurts (reminder via @brucel)
I had almost forgotten about this great presentation. Thanks for the reminder Bruce!
javascript  optimization  performance 
august 2011 by aarongustafson
10K Apart (Responsive Edition)
Now with eCSStender (and yours truly as a judge).
contest  inspiration  javascript  web 
august 2011 by aarongustafson
Reckless web practices encourage idiots
The first draft of Chapter 1 of my book went a little something like this.
progressive-enhancement  web-design  flash  JavaScript 
august 2011 by aarongustafson
Progressive Enhancement 2.0
A fantastic presentation from @slicknet.
progressive-enhancement  javascript  css 
july 2011 by aarongustafson
oCanvas - An alternative Canvas API
Looks promising.
canvas  api  javascript 
july 2011 by aarongustafson
JavaScript & HTML5 charts and graphs (via @Aarron)
Yet another option for dynamic charting.
charts  graphs  visualization  JavaScript 
july 2011 by aarongustafson
Managing Application Resources with the Flyweight Pattern
Some smart JS from Addy Osmani.
javascript  performance  memory  optimization 
june 2011 by aarongustafson
jsmad - Decode MP3s via JavaScript
MP3s for Firefox & more.
audio  javascript  mp3 
june 2011 by aarongustafson
New Mobile Safari stuff in iOS5
Excellent overview.
apple  css  html5  ios  javascript 
june 2011 by aarongustafson
Flux Slider
Hardware accelerated image transitions using CSS3 and JavaScript
css3  javascript  web-design 
may 2011 by aarongustafson
CSSsitemap System
Could be useful for quickly building sitemaps
css  javascript  tools  sitemap 
may 2011 by aarongustafson
The JavaScript Comma Operator (via @wyattdanger)
Great stuff from Angus Croll.
code  javascript  comma 
may 2011 by aarongustafson
Try new JavaScript features with traceur-compiler
Cool stuff from Google.
JavaScript  features  google  polyfill 
may 2011 by aarongustafson
Jo HTML5 Mobile App Framework
An interesting widget framework for cross-platform mobile app development.
framework  mobile  javascript 
may 2011 by aarongustafson
MicroJS
Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
frameworks  javascript  mobile 
may 2011 by aarongustafson
Jellyfish JavaScript Testing Framework
Looks interesting.
javascript  testing 
may 2011 by aarongustafson
A List Apart: Issue 327
In which Tim Brown talks typography and I get down and dirty with accessible JavaScript.
JavaScript  typography  a-list-apart 
may 2011 by aarongustafson
yepnope.js - A Conditional JavaScript Loader
Clever stuff.
javascript  js  library  web-development  web-design 
april 2011 by aarongustafson
How (not) to trigger a layout in WebKit (via @souders)
An excellent run-down on how to improve JavaScript performance.
javascript  performance  css  browsers 
march 2011 by aarongustafson
Four lines of code is all it takes for The New York Times’ paywall to come tumbling down
Great article.
nytimes  media  javascript 
march 2011 by aarongustafson
Smokescreen - Flash without the plugin
Looks pretty sweet.
development  framework  html5  javascript  SVG 
february 2011 by aarongustafson
Why I forked JSLint to JSHint (via @dryan)
Yeah, you need to take JSLint with a grain of salt. Or several.
JavaScript  debugging  JSLint  JSHint 
february 2011 by aarongustafson
Jdrop – JSON in the cloud
Get debugging info out of your mobile and onto your desktop.
JSON  jDrop  debugging  JavaScript 
february 2011 by aarongustafson
Super simple JS-based IE detection using Conditional Comments
Straightforward and to the point. Beats sniffing.
ie  javascript 
february 2011 by aarongustafson
@isolani discusses breaking the web with hash-bangs
More commentary on the practice.
javascript  web-design  web-development  js  urls  hash-bang 
february 2011 by aarongustafson
@slicknet on UA sniffing, browser detection, and Alex’s post
JavaScript performance recommendations from the man who should know.
javascript  performance 
february 2011 by aarongustafson
Remote mobile debugging with Weinre
Looks promising.
javascript  weinre  debugging 
february 2011 by aarongustafson
Feature detecting in JavaScript? Cache what you find.
Interestingly, eCSStender does this for it's isSupported() checks.
javascript  perfoemance  caching  feature-detection 
february 2011 by aarongustafson
Touching and Gesturing with JavaScript and WebKit
An oldie but goodie.
development  javascript  mobile 
january 2011 by aarongustafson
jQuery 1.5 RC 1 Released
W00t!
jquery  javascript 
january 2011 by aarongustafson
Responsive Images via JavaScript (from @filamentgroup)
Looks like a really smart little library. Nicely done.
responsive  javascript  web  js 
december 2010 by aarongustafson
jQuery Mobile + Spry + PhoneGap = Native iOS App
Noted.
ios  javascript  jquery  mobile  jquery-mobile  Spry 
december 2010 by aarongustafson
Possible mechanism for identifying assistive technologies in use
Could be useful (or cause more fragmentation/forking in your code). Let's see what happens.
aria  wai-aria  a11y  assistive-technology  accessibility  javascript 
december 2010 by aarongustafson
Kinect to a computer with DepthJS
Crazy interesting interaction with your computer and the XBox Kinect.
javascript  MIT  depthjs  kinect  browser 
november 2010 by aarongustafson
Disabling JavaScript: Asking the wrong question
Mike Davies on progressive enhancement and why it's important.
javascript  accessibility  browser  web-development  networking 
november 2010 by aarongustafson
Shoot it up
Hello, want to kill some time? Play with this JS-based webpage shooter.
javascript  awesome  bookmarklet  games 
september 2010 by aarongustafson
Running scripts in WebKit
Notes on Safari's implementation of defer and async on JavaScript.
html5  javascript  performance  webkit 
september 2010 by aarongustafson
Progressive enhancement using nothing but JavaScript?
Interesting stuff from Dav @ Yahoo.
node.js  progressive-enhancement  javascript 
september 2010 by aarongustafson
On the Behavior of 2d Transformations in Internet Explorer
Very thorough mathematical analysis of IE's behavior.
css  ie  javascript  filters  rotation 
september 2010 by aarongustafson
Jade
Templating for node.js
javascript  node.js  templating  html 
september 2010 by aarongustafson
CoffeeScript
An interesting abstraction of JavaScript.
javascript  generator  language  compiler  experimental 
september 2010 by aarongustafson
GabberTalk
Need chat? Check this out.
chat  embed  tools  javascript  HTML5 
september 2010 by aarongustafson
Don't Jump Into the River Without Testing the Depth First
A good overview of Progressive Enhancement from Yahoo's Christian Heilmann.
progressive-enhancement  javascript  css  html 
august 2010 by aarongustafson
JavaScript Console
For debugging, presentations and workshops.
javascript  console  debugger  sandbox  tools  web-development 
july 2010 by aarongustafson
Beyond HTML5: experiments with interactive audio
Amazing stuff coming out of the Firefox camp.
audio  canvas  firefox  javascript  html5  experiments  interactive  sound 
july 2010 by aarongustafson
Basta fork con CSS3
My recent ALA article in Italian.
a-list-apart  italian  translations  eCSStender  CSS  CSS3  javascript 
july 2010 by aarongustafson
HTML5 Canvas Cheat Sheet
A handy little reference.
canvas  cheatsheet  javascript  web-design  web-development  html5 
july 2010 by aarongustafson
jQuery TOOLS
A sharp little jQuery library. I'm not entirely thrilled with the semantics of their demos, but it could be good for prototyping.
jquery-tools  js  javascript  jquery  development  framework 
june 2010 by aarongustafson
Production JavaScript Debugging
A great tip from Nicholas on how to best manage JS debugging on a production server.
debugging  javascript  fiddler 
may 2010 by aarongustafson
« earlier      

related tags

a-list-apart ⊕  a11y ⊕  aaron-gustafson ⊕  accelerated-dom-scripting ⊕  accessibility ⊕  actionscript ⊕  activerecord ⊕  adobe ⊕  AdvancED_DOM_Scripting ⊕  ahah ⊕  ajax ⊕  Andrew_Dupont ⊕  animation ⊕  animations ⊕  apache ⊕  api ⊕  apollo ⊕  app ⊕  appjet ⊕  apple ⊕  application ⊕  aria ⊕  arrays ⊕  article ⊕  assistive-technology ⊕  atom ⊕  audio ⊕  austin ⊕  australia ⊕  awesome ⊕  bbc ⊕  benchmark ⊕  best-practices ⊕  best_practices ⊕  Bill_Scott ⊕  binary ⊕  blog ⊕  book ⊕  bookmarklet ⊕  Bookmarks ⊕  book_review ⊕  Brendan-Eich ⊕  browser ⊕  browser-detection ⊕  browsers ⊕  caching ⊕  calendar ⊕  canvas ⊕  chart ⊕  charting ⊕  charts ⊕  chat ⊕  cheatsheet ⊕  citation ⊕  client-side-downloading ⊕  code ⊕  comet ⊕  comma ⊕  commentary ⊕  community ⊕  compiler ⊕  compression ⊕  concatenate ⊕  conference ⊕  console ⊕  contest ⊕  contracts ⊕  cookies ⊕  corners ⊕  cpu ⊕  css ⊕  css3 ⊕  CSS_layout ⊕  css_yui ⊕  custom ⊕  dart ⊕  data ⊕  database ⊕  data_visualization ⊕  date ⊕  datepicker ⊕  date_picker ⊕  debug ⊕  debugger ⊕  debugging ⊕  del.icio.us ⊕  delegation ⊕  delete ⊕  delicious ⊕  deployment ⊕  depthjs ⊕  design ⊕  desktop ⊕  development ⊕  dhtml ⊕  documentation ⊕  dojo ⊕  dom ⊕  domcontentloaded ⊕  dom_scripting ⊕  Douglas_Crockford ⊕  dump ⊕  eCSStender ⊕  editor ⊕  effects ⊕  elevator ⊕  embed ⊕  emulator ⊕  enumerating ⊕  env.js ⊕  event ⊕  events ⊕  event_delegation ⊕  event_handling ⊕  experimental ⊕  experiments ⊕  feature-detection ⊕  features ⊕  feeds ⊕  fiddler ⊕  figurehandler ⊕  filters ⊕  firefox ⊕  flash ⊕  font ⊕  fonts ⊕  font_resizing ⊕  footnotelinks ⊕  foreach ⊕  forms ⊕  framework ⊕  frameworks ⊕  game ⊕  gameboy ⊕  games ⊕  generator ⊕  geocoding ⊕  geolocation ⊕  geotagging ⊕  gist ⊕  github ⊕  google ⊕  google-chrome ⊕  googlegears ⊕  Google_Gears ⊕  gordon ⊕  graphics ⊕  graphs ⊕  hack ⊕  hacks ⊕  hash-bang ⊕  hosting ⊕  howto ⊕  html ⊕  html5 ⊕  http ⊕  i18n ⊕  IDE ⊕  ie ⊕  ie6 ⊕  ie7 ⊕  ie8 ⊕  images ⊕  image_gallery ⊕  inheritance ⊕  inspiration ⊕  interactive ⊕  interface ⊕  internationalization ⊕  Internet_Explorer ⊕  ios ⊕  ipad ⊕  iphone ⊕  italian ⊕  javascript ⊖  javascript_library ⊕  jDrop ⊕  Jeffrey_Sambells ⊕  jeremy_keith ⊕  jquery ⊕  jquery-mobile ⊕  jquery-tools ⊕  js ⊕  jsContract ⊕  JSHint ⊕  JSLint ⊕  json ⊕  kinect ⊕  language ⊕  lectures ⊕  library ⊕  lightbox ⊕  lint ⊕  live ⊕  loading ⊕  LOL ⊕  lolcode ⊕  loops ⊕  maps ⊕  mashup ⊕  McDonalds ⊕  media ⊕  memory ⊕  memory_leaks ⊕  messaging ⊕  microformats ⊕  MIT ⊕  mobile ⊕  modal ⊕  modal_dialog_boxes ⊕  mootools ⊕  mouse ⊕  mouse_wheel ⊕  mozilla ⊕  mp3 ⊕  navigation ⊕  networking ⊕  nimblekit ⊕  node.js ⊕  nytimes ⊕  obfuscation ⊕  offline ⊕  ondomready ⊕  onfontresize ⊕  onload ⊕  oop ⊕  opensource ⊕  optimization ⊕  packaging ⊕  packer ⊕  pagination ⊕  particle-system ⊕  patterns ⊕  perfoemance ⊕  performance ⊕  photos ⊕  php ⊕  plugin ⊕  plugins ⊕  png ⊕  podcast ⊕  polyfill ⊕  port ⊕  powerpoint ⊕  presentation ⊕  presentations ⊕  print ⊕  print_preview ⊕  print_r ⊕  programming ⊕  progressive-enhancement ⊕  progressiveenhancement ⊕  progressive_enhancement ⊕  protoscript ⊕  prototype ⊕  prototype.js ⊕  prototyping ⊕  rails ⊕  reference ⊕  regex ⊕  regexp ⊕  responsive ⊕  retina ⊕  review ⊕  rhino ⊕  rotation ⊕  rpg_tools ⊕  rss ⊕  ruby ⊕  rubyonrails ⊕  ruby_on_rails ⊕  runtime ⊕  s5 ⊕  safari ⊕  sandbox ⊕  scraping ⊕  scripting ⊕  scroll ⊕  scrollwheel ⊕  search ⊕  select ⊕  selector ⊕  selenium ⊕  self-promotion ⊕  server-side-javascript ⊕  settimeout ⊕  sifr ⊕  sitemap ⊕  size ⊕  slider ⊕  slideshow ⊕  sound ⊕  Spry ⊕  standards ⊕  storage ⊕  studio ⊕  svg ⊕  sxsw2006 ⊕  sxswi ⊕  sxsw_interactive_2006 ⊕  sxsw_interactive_2007 ⊕  teleprompter ⊕  templating ⊕  test ⊕  testing ⊕  textmate ⊕  timezone ⊕  tips ⊕  tools ⊕  tooltip ⊕  training ⊕  transcription ⊕  translation ⊕  translations ⊕  tutorial ⊕  twitter ⊕  typekit ⊕  typography ⊕  ui ⊕  unobtrusive ⊕  urls ⊕  usability ⊕  user_experience ⊕  user_interface ⊕  validation ⊕  vector ⊕  version_targeting ⊕  video ⊕  visualisation ⊕  visualization ⊕  vml ⊕  wai-aria ⊕  web ⊕  web-design ⊕  web-development ⊕  web-standards ⊕  web2.0 ⊕  webdesign ⊕  webdev ⊕  webkit ⊕  webservices ⊕  webstandards ⊕  web_development ⊕  web_directions ⊕  web_standards ⊕  weinre ⊕  window ⊕  writing_for_the_web ⊕  wysiwyg ⊕  xhtml ⊕  xml ⊕  xmlhttprequest ⊕  xpath ⊕  yahoo! ⊕  yql ⊕  yui ⊕ 

Copy this bookmark:



description:


tags: