I think this could be the beginning of some big things.
Links Archives: 2010
All 114 links-
-
Cross-domain requests with jQuery – James Padolsey
-
jQuery 1.4 API Cheat Sheet — Future Colors
-
Jeffrey's Lightroom Exporter on Flickr
-
Google’s Buzz(machine) « BuzzMachine
-
YouTube Video Speed History
-
Twivatar - Twitter Avatar API
-
Twitter Images - http://twitterimag.es
-
Uniform - Sexy forms with jQuery
Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
-
columnswapping: two em-based columns with equal height
-
Records On Ribs › Ribcage
Ribcage is our homegrown record label management tool, that operates as a plugin for Wordpress. It allows us to manage our artists, their releases and the downloads these entail. Everything you see on this site is run using Ribcage.
-
How-To: Use Time Machine Over a Network
-
A Periodic Table of Visualization Methods
-
Keyboard shortcuts - Google Reader Help
-
iPad Orientation CSS « Cloud Four
For the most part, Mobile Safari on the iPad is the same as that on the iPhone. One difference that I’ve found is that Webkit on the iPad honors CSS media query declarations based on orientation.
-
Linear Gradients Generator : westciv
-
Drop shadow with CSS for all web browsers - Robert's talk
-
Creating a Realistic Looking Button with CSS3 | Inference
-
iPad HTTP Debugging with Charles - ravelrumba
-
CSS3 support in Internet Explorer 6, 7, and 8
IE-CSS3 is a script to provide Internet Explorer support for several of the popular new styles available in the upcoming CSS3 standard.
-
HTML Lint
Making sure your code looks good.
-
Raphaël—JavaScript Library
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.
-
Open Graph protocol - Facebook Developers
The Open Graph protocol enables you to integrate your web pages into the social graph. It is currently designed for web pages representing profiles of real-world things — things like movies, sports teams, celebrities, and restaurants.
-
Graph API - Facebook Developers
The new Graph API attempts to drastically simplify the way developers read and write data to Facebook. It presents a simple, consistent view of the Facebook social graph, uniformly representing objects in the graph (e.g., people, photos, events, and fan pages) and the connections between them (e.g., friend relationships, shared content, and photo tags).
-
David Baron's weblog: :-moz-any() selector grouping
:-moz-any() selector grouping allows for providing alternatives between combinators, rather than having to repeat the entire selector for once piece that’s different.
-
Code Standards | Isobar
This document contains normative guidelines for web applications built by the Interface Development practice of Isobar North America (previously Molecular). It is to be readily available to anyone who wishes to check the iterative progress of our best practices.
-
zen-coding - HTML elements and its aliases for Zen HTML plugins
-
zen-coding - CSS-properties and its aliases for Zen CSS plugins
-
SproutCore - Home
-
Ben Alman » jQuery hashchange event
This jQuery plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event.
-
Use a third-party APC UPS management tool for more control - Mac OS X Hints
-
Fluid Grid System
A web grid system designed by Joseph Silvashy and New Gold Leaf that allows designers to use the screen real estate on large monitors and retain great design on smaller ones. The Fluid Grid System combines the principals of the typographic grid and a baseline grid into one resolution-independent framework.
-
Webkit CSS Properties
-
Safari CSS Reference: Supported CSS Properties
-
Making AJAX Applications Crawlable - Google Code
-
The CSS 3 Flexible Box Model ✩ Mozilla Hacks
CSS 3 introduces a brand new box model in addition of the traditional box model from CSS 1 and 2. The flexible box model determines the way boxes are distributed inside other boxes and the way they share the available space.
-
Introducing the Flexible Box Layout module - CSS3 . Info
-
GoogleReaderAPI - pyrfeed - Project Hosting on Google Code
-
Web Hooks / FrontPage
-
Accessible HTML5 Video with JavaScripted captions - Opera Developer Community
It’s great that HTML5 allows us to embed video into web pages that can then be displayed directly by browsers, without having to rely on third-party plugins. The elephant in the corner regarding all video — whether it be HTML5 or proprietary — is accessibility. What are conscientious developers to do to provide textual alternatives for those who can’t access the contents of the video?
-
Introduction to HTML5 video - Opera Developer Community
One of the most exciting new features of HTML5 is the inclusion of the
<video>
element, which allows developers to include video directly in their pages without the need for any plugin-based solution. This article gives you an introduction to<video>
and some of its associated APIs. We look at why native video support in browsers is important, give an overview of the element’s markup, and outline the most important ways in which video can be controlled via JavaScript. -
The All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything - Dive Into HTML5
The title says it all, really.
-
node.js
-
YouTube JavaScript Player API Reference
This document provides reference information for the YouTube JavaScript player API.
-
davist11's YouTube-Chromeless at master - GitHub
-
JSONLint - The JSON Validator.
-
Modules - node - GitHub
-
Fonts for iPad & iPhone | Michael Critz
-
iPhone Human Interface Guidelines: Introduction
-
<markupboy> - Removing Default Form Input Values on Click
-
@font-face gotchas « Paul Irish
-
Simulating a slow connection in OS X - :neil_middleton
-
Easy Element Rotation - Plugins | jQuery Plugins
This is a jQuery Plugin that extends the core to allow easy element rotating. Plugin fully supports current version of Firefox, Safari, and Internet Explorer.
-
Fun with CSS Transforms in Firefox 3.1 and Webkit - zachstronaut
-
Multiple Backgrounds and Borders with CSS 2.1 – Nicolas Gallagher — Blog & Ephemera
Using CSS 2.1 pseudo-elements to provide up to 3 background canvases, 2 fixed-size presentational images, and multiple complex borders for a single HTML element. This method of progressive enhancement works for all browsers that support CSS 2.1 pseudo-elements and their positioning. No CSS3 support required.
-
CSS for iPhone 4 (Retina display) « Thomas Maier
-
CSS3 Wrapping Drop Shadows
-
A List Apart: Articles: Responsive Web Design
-
Accessible CAPTCHA slider
-
HTML5Rocks - Home
-
benchmark.js
-
Appending Style Nodes with Javascript | Jon Raasch's Blog
In Javascript it often makes sense to attach a stylesheet rather than style a bunch of individual attributes. Appending a stylesheet to the DOM has a number of advantages.
-
Git Reference
This is the Git reference site. This is meant to be a quick reference for learning and remembering the most important and commonly used Git commands.
-
Ruby on Rails guides
These guides are designed to make you immediately productive with Rails, and to help you understand how all of the pieces fit together.
-
Rails Searchable API Doc
-
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.
-
gMap - Google Maps Plugin For jQuery | About
gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.
-
Yahoo! Smush.it™
Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files
-
Google Maps Javascript API Reference - Google Maps JavaScript API V3 - Google Code
This archived reference documents version 3.0 (the release version) of the Maps Javascript API.
-
Restoring Vintage Loudspeakers: Inexpensive tweaks that can improve the presentation of your speakers - from Madisound
-
JavaScript dependency management and concatenation: Sprockets
Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files. It takes any number of source files and preprocesses them line-by-line in order to build a single concatenation. Specially formatted lines act as directives to the Sprockets preprocessor, telling it to require the contents of another file or library first or to provide a set of asset files (such as images or stylesheets) to the document root. Sprockets attempts to fulfill required dependencies by searching a set of directories called the load path.
-
Juicer - a CSS and JavaScript packaging tool / Ruby - cjohansen.no
Juicer is a new command line tool that helps by resolving dependencies, merging and minifying files. It can even check your syntax, add cache busters to and cycle asset hosts on URLs in CSS files and more.
-
sbecker's asset_packager at master - GitHub
JavaScript and CSS Asset Compression for Production Rails Apps
-
CSS3 Generator
-
Unicorn - W3C's Unified Validator
-
Be a good localStorage neighbor - Easy Reader
-
The Orchid - New Mexico EP | The Hickensian | Hicksdesign
Mr. Hicks knows good music when he hears it!
-
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
Boilerplate might be the wrong word for this, but it’s incredibly thorough and is great as a reference.
-
HTML5 Reset
Another collection of templates for HTML, CSS, and JavaScript.
-
New Mexico EP | The Orchid
Kevin’s got great test in music, too! But this we already knew!
-
jQuery Mobile | jQuery Mobile
A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.
-
Don’t let jQuery’s $(document).ready() slow you down | Encosia
In this post, I’m going show you specific instances where postponing startup code until the document’s ready event slows perceived page load time, could leave your UI needlessly unresponsive, and even causes initialization code to run slower than necessary.
-
Portland Apartment - a set on Flickr
-
“Mad Men” Furniture: Don Draper’s Office « The Mid-Century Modernist
-
ikea hacker: Lack retro media cabinet
-
High-res browser logos « Paul Irish
-
Stories In Flight | HTML5/CSS3 Cheatsheet
-
RubyDoc.info - Library Listing
-
jQuery Events: Stop (Mis)Using Return False | Fuel Your Coding
This isn’t jQuery specific (despite the author’s use of the library) and is pretty good advice.
-
Daily Opportunity » New Music Report: The Orchid – New Mexico
-
$.getImageData
$.getImageData allows anyone to get an image from another domain and have pixel level access to it using the getImageData() method. It works by sending a request with the URL of the image to google’s servers via the Google App Engine1. The server then converts the image into base64 encoded data URL and sends the image back as a JSON object. This means that the image can be locally included on the website and therefore it can be edited by the canvas tag.
-
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.
-
Html5 cross browser polyfills - Modernizr - GitHub
So here we’re collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don’t natively support them.
The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn’t have to change but users will move to the better, native experience cleanly.
-
☆Unicode Symbol Map★
-
Hardboiled CSS3 Media Queries | Stuff and Nonsense
-
Ultimate CSS Gradient Generator - ColorZilla.com
A powerful Photoshop-like CSS gradient editor from ColorZilla.
-
HTML5 & CSS3 Resources for Designers
-
Adactio: Journal—Listening
Mr. Keith likes The Orchid and so should you!
-
Monolingual
Monolingual is a program for removing unnecessary language resources from Mac OS X, in order to reclaim several hundred megabytes of disk space.
-
Spacelog: space exploration stories from the original transcripts
-
Awesome Fontstacks
Easily create bundles of beautifully matching, free web fonts, with failsafe font stacks to back them up. Including ready-to-go CSS code!
-
Implementing a Fixed Position iOS Web Application - Google Mobile Developer Products - Google Code
-
Pro Git - Table of Contents
-
cssdoc
CSSDOC is a convention to comment Cascading Style Sheets (CSS) to help individuals and teams to improve writing/coding/styling/managing CSS files. It is an adoption of the well known JavaDoc / DocBlock based way of commenting source-code.
-
audio.js
audio.js is a drop-in javascript library that allows HTML5’s
<audio>
tag to be used anywhere. -
showRSS — all your tv shows, one feed, their torrent
-
catch - Project Hosting on Google Code
Catch is a Mac OS X application that runs in the menubar as an icon, and will automatically download any new torrent files in your ShowRSS feed to a folder you can choose, and optionally open them in your favorite BitTorrent client.
-
Vendor Prefix Lists
-
Index of /ftp/AirPlay
AirPlayer. Transform your Mac into an AirPlay-compatible display. AirFlick Serve files and URLs to Apple TV.
-
MacScripter
-
Online Backup for Mac | Arq | Haystack Software
Arq backs up the critical files on your Mac to the Internet. Your backups are stored at Amazon S3 (“Simple Storage Service”), the gold standard of reliable online storage in the industry, backed by Amazon.com, a large stable company.
-
Front Row Hulu : Hole in the Ceiling
-
Evom – Convert movies and download Flash videos from the web – The Little App Factory
Drag. Drop. Convert. Watch Flash videos anywhere.
-
CoverScout
Color the gray gaps in your iTunes library: CoverScout 3 helps you find missing cover art in your iTunes library with style. It’s never been easier to complete your music collection: simply search, apply, edit and print.