Pinboard - antisocial bookmarking

Easiest is adding images via CSS background-image and media queries. If you have content images () either one heavily optimized high-rez image or JS etc to polyfill and send right resolution image.

retinadisplay mediaqueries css img from delicious
10 weeks ago

copy to mine

WebKit Limit on Retina JPG Image Display - Duncan Davidson

WebKit bug in Mobile Safari on iPad 3 stopping the rendering of 2+ megapixel JPEGs. Workaround is to use progressive when saving.

jpeg rwd retinadisplay mediaqueries img from delicious
10 weeks ago

copy to mine

Fashionably flexible responsive web design (full day workshop) // Speaker Deck

Informative deck on pragmatic responsive web design, concentrating on adapting grid layouts and navigation for various devices.

workshop 2012 slides malarkey mobilefirst progressiveenhancement webdesign rwd from delicious
10 weeks ago

copy to mine

Style Tiles

Great for giving a taste of a site’s style without needing detailed mockups

styletiles mockup design webdesign from delicious
10 weeks ago

copy to mine

Style Tiles as a Web Design Process Tool — Samantha Warren's Website

Style tiles are like a single page demonstration of a styleguide. Just the essence

styletiles styleguide process design webdesign from delicious
10 weeks ago

copy to mine

About those vector icons · Pushing Pixels

Good article covering why vector icons aren’t a replacement for pixel-precise versions at small sizes, because small icons are fundamentally different icons (not just scaled down). Good use of font hinting as an analogy

hinting font svg icon pixel vector from delicious
10 weeks ago

copy to mine

JPEGmini - Your Photos on a Diet!

Impressive-looking JPEG optimisation tool

photo jpeg tool optimisation compression image jpg from delicious
10 weeks ago

copy to mine

HowTo: The Ultimate Logrotate Command Tutorial with 10 Examples

Learn by example log rotation with logrotate

log unix logrotate sysadmin from delicious
10 weeks ago

copy to mine

Future Friendly

The Dao of Web Design redux

ref philosophy ux mobilefirst from delicious
11 weeks ago

copy to mine

Responsive-Ready Content | Sara Wachter-Boettcher, Content Strategist

Designing mobile-first helps prevent content ordering problems you can get going from desktop to mobile. Gotta know your content structure.

mobilefirst layout strategy content rwd from delicious
11 weeks ago

copy to mine

IE7.js Test Pages

What the various versions of IE7.js fix, with links to tests

ie7js js polyfill support brower ie8 ie7 ie6 css from delicious
11 weeks ago

copy to mine

IE7 script guide - Lab Note

good intro to using IE7.js

intro ie7js ie7 css from delicious
11 weeks ago

copy to mine

» CSS content, counter-increment & counter-reset :: CSS, JavaScript and XHTML Explained

Overview and browser support info for gen content and CSS counters

counter generatedcontent css from delicious
11 weeks ago

copy to mine

Mobile Web Best Practices | Helping People Make Mobile Web Experiences

Extensive resources and links on building for the mobile web

bestpractices webdesign mobile from delicious
12 weeks ago

copy to mine

backup - What is Time Machine doing? - Server Fault

Good info on how to see what’s going on

backupd troubleshooting timemachine apple from delicious
12 weeks ago

copy to mine

Nettuts+ Prefixr

Tool to prefix CSS3 for cross-browser support. Also includes support of variables in input code.

tool prefix vendor css3 css from delicious
12 weeks ago

copy to mine

CSS3 Box Shadow Builder

Preview box-shadow, including inset and multiple shadows, and generate cross-browser code (good for Android/FF3.5~)

generator code tool shadow box-shadow css3 from delicious
12 weeks ago

copy to mine

redroot/holmes - GitHub

Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid or erroneous HTML(5) markup by adding one class

stylesheet css error html5 from delicious
february 2012

copy to mine

A plea for progressive enhancement | Stephanie Rieger

Mobile is tuff

mobilefirst progressiveenhancement mobile from delicious
february 2012

copy to mine

blog.betabong.com - Fluid Ratio Height

Proportional height container for fluid layout by using a container element with %padding-top

fluid percentages boxmodel css from delicious
february 2012

copy to mine

3D transformations with Firefox 10+ » Joe Lambert

Differences between Chrome and Firefox for 3D Transforms

chrome firefox bug brower 3dtransforms css3 from delicious
february 2012

copy to mine

dochub | Instant Documentation Search

search as you type reference, pulling in MDC etc

php jquery ref js css html from delicious
february 2012

copy to mine

Time Machine - Troubleshooting D2. Backup is slow or "hung"
troubleshooting timemachine apple from delicious
february 2012

copy to mine

html - How to fix flicker when using Webkit transforms & transitions - Stack Overflow

avoid transforming/animating objects larger than the viewport to avoid flicker

flicker iphone ipad ios webkit transitions animation css3 from delicious
february 2012

copy to mine

Edit this Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

Triggering an animation to play again via JS using AnimationPlayState

trigger js animation css3 from delicious
january 2012

copy to mine

The Guide To CSS Animation: Principles and Examples - Smashing Coding | Smashing Coding

How to make natural looking animations

principles animation css3 css from delicious
january 2012

copy to mine

Reliable Cross-Browser Testing, Part 1: Internet Explorer - Smashing Coding | Smashing Coding

Great info on a setup for testing IE

tools ie testing browser from delicious
january 2012

copy to mine

Fast animation with iOS WebKit - Joe Hewitt

grab-bag of techniques for smoother scrolling/animation in iOS

animation performance js webkit ios from delicious
january 2012

copy to mine

CSS Spec Terms, for Future Reference - Tab Completion

good list of nomenclature for understanding those pesky specs

spec term css3 css from delicious
january 2012

copy to mine

Performance Calendar » 2011

great collection of articles

mobile 2011 toread performance js css from delicious
january 2012

copy to mine

Vacation rentals, private rooms, sublets by the night - Accommodations on Airbnb

international bed n breakfast

accommodation hotel travel from delicious
january 2012

copy to mine

How Do You Set Up iCloud for a Family? | iSource

Setting up a family to share an Apple ID but have some control over what synced data is shared via iCloud

setup family icloud ios iphone from delicious
january 2012

copy to mine

✖ Modernizr Test Suite

Browser support tests

caniuse modernizr html css test support browser from delicious
january 2012

copy to mine

When Can I Use test page

Tests to check browser support for caniuse.com

html css modernizr test support browser from delicious
january 2012

copy to mine

MailChimp Design Patterns | Flickr - Photo Sharing!

Image of MailChimp’s design patterns, with lots of examples including microcopy. Unfortunately not the real thing so no code

microcopy styleguide patterns ui design from delicious
january 2012

copy to mine

» CSS & Javascript Character Entity Calculator :: CSS, JavaScript and XHTML Explained

Just Use Unicode™ (except for <&) wherever possible

tool conversion entity js html css from delicious
january 2012

copy to mine

The id attribute just got more classy in HTML5 · Mathias Bynens

Valid ID and class values, and what needs to be escaped

escape class id html css from delicious
january 2012

copy to mine

A masterclass in CSS animations | Tutorial | .net magazine

In-depth tutorial

animation css css3 from delicious
january 2012

copy to mine

Sed - An Introduction and Tutorial

from the “more than you ever wanted to know” department :)

ref sed shell bash from delicious
january 2012

copy to mine

Regular Expressions

good tutorial on regexp in bash scripts/tools

regex shell bash from delicious
january 2012

copy to mine

oli ✿ dabblet.com

behold the pawaa of CSS! :D

ego awesome css from delicious
january 2012

copy to mine

Animate.css - a bunch of plug-and-play CSS animations
animation css3 from delicious
january 2012

copy to mine

CSS Sanitizer (character to escaped Unicode for CSS content:"";)

You have a Unicode symbol you want to use in your .CSS file. You need to sanitize it for ASCII based text editors. This does that. For use in the content: ''; property.

sanitizer escape unicode css from delicious
january 2012

copy to mine

Subtle to obvious-on-hover button ✿ dabblet.com

great for footer use, esp for pulldowns

hover button css from delicious
january 2012

copy to mine

Responsive Design, Responsively Illustrated
@media rwd from delicious
january 2012

copy to mine

Responsive News - Resolution Independent Typography

Using rem units and changing the html {font-size} with multiple @media bands (from 16 to 8px)

@media bbc typography responsive css from delicious
january 2012

copy to mine

Toggle CSS3 Bookmarklet | Intridea Blog

basic — kills:
* border-radius
* box-shadow
* text-shadow
* border-image
* background-origin
* background-clip

compatibility bookmarklet css3 from delicious
january 2012

copy to mine

transitions with alpha

Test case for transitioning colors with alpha values. Opera 11.60 and older WebKit (e.g. Safari 4.0.5) use non-premultiplied colors, so examples 1 and 3 are unintuitive (black shade and green shade mid-transition respectively). Colors transition in rgba() so use that over transparent.

transition alpha nonpremultiplied premultiplied color css from delicious
january 2012

copy to mine