Use the new and shiny responsibly. Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
Links Archives: 2012
All 83 links-
-
Static blogging the Jekyll way - Recursive Design
-
Maintaining wordpress post URLs in jekyll
-
Using Jekyll and GitHub Pages for Our Site | Development Seed
-
Responsive Img Tags
The current HTML spec does not allow for multiple image URLs based on screen size, nessesitating the use of complex Javascript hacks to supply smaller images to mobile devices.
-
Use CSS transitions to link Media Queries and JavaScript – Paul Hayes
-
swissted
swissted is an ongoing project by graphic designer mike joyce, owner of stereotype design in new york city. drawing from his love of punk rock and swiss modernism, two movements that have (almost) nothing to do with one another, mike has redesigned vintage punk, hardcore, and indie rock show flyers into international typographic style posters. each design is set in berthold akzidenz grotesk medium, all lowercase. many of these posters are now available for sale in three different sizes at print-process. every single one of these shows actually happened.
-
Pears
Collect, test, and experiment with interface pattern pairings of CSS & HTML. Pears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly.
-
Initializr - Start an HTML5 Boilerplate project in 15 seconds!
Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!
-
CSS: Elastic Videos
-
How to Permanently Prevent OS X 10.7 Lion from ever Re-Opening Apps After a Restart | Mike Industries
-
How to Naturally Reset Your Sleep Cycle in One Night | Wise Bread
-
Mac OS X keyboard shortcuts
-
viget.com | Unmatched Style
“I could go on for a while on everything I love about Viget’s new site. It’s actually more than a new site. It’s an entire re-dedication of their brand, their business, and their work.”
-
An Example of Photography on the Retina Display - Duncan Davidson
-
Gaussian Blur and CSS3/SVG - CSS-Plus
-
JavaScript Garden
JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.
-
Mobile Web Resources | Mobile Web Best Practices
One of the most frequent questions I get asked about the mobile web is “Where do I go to learn about all this stuff?” So here’s an extensive list of helpful tools and resources that can help you create great mobile web experiences.
-
Swipe JS - a lightweight mobile web slider
Swipe is a lightweight mobile slider with 1:1 touch movement, resistant bounds, scroll prevention, and completely library agnostic.
-
Ziptastic
Ziptastic is a simple API that allows people to ask which Country,State and City are associated with a Zip Code.
-
Control image aspect ratios with CSS3 | Tutorial | .net magazine
Making media display consistently on your site can be a problem, especially with multiple content authors. Opera’s Chris Mills shows you how object-fit and object-position can solve it
-
The Media Fragments Module - Broken Links
Media Fragments is a syntax which extends the URLs of media files so that only selected portions are made available to the user.
-
LAB! - 3D it!
Using CSS 3d to make every website into 3d (kind of).
-
Modern Web Development
The blog post is the first in a series of posts that attempts to outline what a modern web development toolchain looks like and how to use the best-of-breed tools for efficient, effective development. Part two will outline how to use to set up your Terminal, zsh, and vim.
-
Case study: halving size of iPad app with ImageOptim+ImageAlpha
-
HTML5 Accessibility Chops: hidden and aria-hidden | The Paciello Group Blog
-
Thou shalt not commit logical fallacies
A logical fallacy is usually what has happened when someone is wrong about something. It’s a flaw in reasoning. They’re like tricks or illusions of thought, and they’re often very sneakily used by politicians and the media to fool people.
Don’t be fooled! This website and poster have been designed to help you identify and call out dodgy logic wherever it may raise its ugly, incoherent head.
-
Electric DeLorean makes auto show appearance: 0 to 60 in under 6 seconds for $95,000 | The Verge
The new DeLorean will be powered by a 32kWh “Flux Power” lithium iron phosphate battery pack, and while the previously-announced 125 mph top speed is still the same, things have shifted on the acceleration side. DMC had initially stated that the car would boast a 0 to 60 time of 4.9 seconds, but according to Wynne the company is now aiming for under six seconds.
-
Sixteen Things Calvin and Hobbes Said Better Than Anyone Else | BOOK RIOT
Here, in no particular order, is a selection of quotes that nail everything from the meaning of life to special underwear. Enjoy.
-
CSS3 Photo Stack
-
Sequence.js - The jQuery Slider Plugin with Infinite Style
-
USPTO: US 8,190,622 B2 DATA PICKER APPLICATION
A data picker system configured to allow a user to select data from a data site for submission to a data repository comprises an interface unit configured to provide a user with an interface for the user to input location information of a data site, a parsing unit configured to parse data in the data site and extract a data set from the data site, a selection mechanism configured to permit the user to select at least a portion of the extracted data set, and a processing unit configured to process at least a portion of the extracted data set selected by the user.
-
Git Tools - Submodules
Submodules allow you to keep a Git repository as a subdirectory of another Git repository. This lets you clone another repository into your project and keep your commits separate.
-
Gettin' Flexy with Uncle Dave
Flexible Media in Responsive Web Design with Dave Rupert!
-
explodingdog - I want to live until I die
-
explodingdog - I miss your face
-
explodingdog - don't fall
-
Sidestep
Sidestep is an open-source application for Mac OS X that sits quietly in the background, protecting your security and privacy as you browse the web.
-
Pull Down for Navigation - Inspect Element
-
Calvin and Hobbes: The Horrendous Space Kablooie
What would you call the creation of the universe?
-
Calvin and Hobbes: Grown-Ups
-
Calvin and Hobbes: Sense of Humor
-
Ask Calvin’s Dad | Not Always On
Calvin’s dad answering questions, quoted from various Calvin and Hobbes books by Bill Watterson.
-
Git Workflow
-
Susy: Reference
Responsive grids for Compass.
-
jQuery Transit - CSS3 animations for jQuery
Super-smooth CSS3 transformations and transitions for jQuery.
-
jQuery++
I am a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.7 and later. I’m not a UI project like jQuery UI or jQuery Tools. Instead, I’m all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, I am jQuery’s bald-spot covering toupee.
-
The makeup of the Open Web stack - destroy/dstorey
The Open Web has never had as many capabilities as it has today. We’re seeing an explosion in new or updated specifications, and prototype and stable implementations to go with them. This blog post will look back as the platform we have had available (Called Open Web 0 here) and then looks forward at what we are beginning to get now and into the short and medium term future (which I’ve labelled Open Web 1).
-
Design Principles
-
jQuery Fundamentals
-
whymirror.github.com: A living archive of _why's Executable Poetry
In August 2009, coding superhero _why the lucky stiff deleted all his repos, took down his domains and completely removed his online presence. Nobody outside of _why’s personal circle knows why, but we’re glad for the wonderful code he shared.
-
_why's Estate
-
Seamless iframes: The future, today!
-
Revised Font Stack | A Way Back
Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts.
-
CSS triangle generator
-
Responsive Web Design in Sass Part 2: Media Queries in Sass - Intermediate
-
Responsive Web Design in Sass: Using Media Queries in Sass 3.2 - Intermediate
-
Gezeitenstrom - Musikmagazin & Blog: The Orchid - Beyond the Vast, Endless Sea (2012)
-
The Orchid - Beyond the vast | endless sea | The Hickensian | Hicksdesign
-
collision of elements » 6forty project
An excellent podcast that featured our music in this week’s episode.
-
The Orchid “Beyond The Vast, Endless Sea” (2012) « Ride Into The Sound
-
Penny Arcade - I Hope You Like Text
-
modl ∴ Malmö Open Device Lab
Malmö Open Device Lab or simply modl is an effort to provide the Malmö web developer community access to a wide range of mobile device to test their work.
-
The 64 Digital Super dooper device testing station
-
HTML5 Canvas Cheat Sheet
-
Safari HTML5 Audio and Video Guide: Controlling Media with JavaScript
-
Redactor WYSIWYG editor on jQuery
Create word-processed text on the web using a reliable, fast and unbelievably beautiful editor.
-
The Bastards Book of Ruby
The Bastards Book of Ruby is an introduction to programming and its practical uses for journalists, researchers, scientists, analysts, and anyone else whose job is to seek out, make sense from, and show the hard-to-find data.
This does not require being “good at computers”, having a background in programming, or the desire (yet) to be a full-fledged hacker/developer. It just takes an eagerness to be challenged.
-
JavaScript Patterns
A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM and browser patterns (upcoming).
-
Photos of Ray Kappe's house - latimes.com
Of more than 100 houses that Ray Kappe has designed over his long and distinguished career, the one he designed for himself and his family in Los Angeles’ Rustic Canyon is the most important.
-
HTML Canvas Deep Dive
HTML Canvas Deep Dive is a hands on introduction to Canvas. Code along with the book and play with interactive examples. When you finish reading this short tome you will have the skills to make charts, effects, diagrams, and games that integrate into your existing web content.
-
Pure CSS Semantic Horizontal Content Slider ✿ dabblet.com
-
THE ORCHID INTERVIEW – September 2012 « FADE TO YELLOW
Tom Laird, host of KOOP Austin post-rock show “Fade to Yellow,” interviewed us this week. The show was broadcast Tuesday night, September 11th, 2012 to listeners in the Austin, TX area.
-
Labeling home screen bookmarks for iOS6 — Stuff & Nonsense, And All That Malarkey
-
jPanelMenu | A jQuery Plugin
jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications).
-
Upgrading/Replacing the Hard Drives in a 2010 Mac mini Server - YouTube
-
OS X Server: Advanced Administration
Manage OS X Server on a Mac running Mountain Lion
-
Calvin & Hobbes Search Engine
-
xCharts
A D3-based library for building custom charts and graphs.
-
dc.js - Dimensional Charting Javascript Library
dc.js is a javascript charting library with native crossfilter support and allowing highly efficient exploration on large multi-dimensional dataset (inspired by crossfilter’s demo).
-
The best way to use Gmail and Google Calendar on your iPhone | The Verge
Android users can take advantage of Google’s major services right out of the box, but setting Gmail, Google Contacts, and Google Calendar up on your iPhone isn’t quite so clear.
-
CSS Animations with only one keyframe | Lea Verou
-
Aware.js - XOXCO - Web and Community Development
Aware.js is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader’s behavior without requiring login, authentication, or any server-side processing.