UIKit - Modern UI components for a modern web
february 2012 by timriley
UIKit is a small collection of flexible, decoupled jQuery JavaScript components for the modern web. With an emphasis on structure-only styling it's easy to style UIKit to match your application, no preprocessor variables, just raw CSS structure! As a result most of the styling you see in this document is for demonstration only.
css
webdesign
ui
javascript
widgets
jquery
february 2012 by timriley
Responsive Design Test Bookmarklet - BenjaminKeen.com
february 2012 by timriley
Nice little bookmarklet that opens the current page inside variously sized browser portals.
webdesign
responsive
css
bookmarklets
february 2012 by timriley
UILayer
october 2011 by timriley
UILayer provides a JavaScript API on top of WebKit for working with the concept of layers. Instead of manipulating DOM elements using a myriad of mixed concepts, you go though a single, well defined API.
javascript
animation
webkit
webdesign
october 2011 by timriley
Normalize.css: Make browsers render all elements more consistently.
september 2011 by timriley
Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.
css
webdesign
reset
september 2011 by timriley
Twitter Bootstrap
august 2011 by timriley
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
html
css
webdesign
twitter
templates
typography
grids
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
august 2011 by timriley
Don’t Fear the Internet
august 2011 by timriley
Great beginner-focused video tutorials about web design.
html
css
documentation
videos
webdesign
august 2011 by timriley
Technical Web Typography: Guidelines and Techniques - Smashing Magazine
march 2011 by timriley
A great overview of some good techniques.
webdesign
html
css
typography
march 2011 by timriley
CSS background image hacks – Nicolas Gallagher
january 2011 by timriley
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.
css
css3
webdesign
january 2011 by timriley
» Blog Archive » HR Image Replacement (NeatlySliced.com)
january 2011 by timriley
Replace <hr> borders with an image in IE6 & 7.
webdesign
browsers
ie
ie6
css
html
january 2011 by timriley
House of Buttons
january 2011 by timriley
UI buttons in the wild. Massive collection, good fodder.
ui
webdesign
buttuns
inspiration
january 2011 by timriley
Html5 cross browser polyfills - Modernizr - GitHub
october 2010 by timriley
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.
html
css
html5
css3
browsers
webdesign
javascript
bestpractice
october 2010 by timriley
Spencer Fry — So Long, Carbonmade
october 2010 by timriley
Using a goodbye server for users closing their account to help understand how to reduce churn.
webdesign
webdevelopment
business
october 2010 by timriley
Adactio: Journal—A responsive mind
september 2010 by timriley
Some further examples and reasons for using responsive web design.
webdesign
responsive
september 2010 by timriley
jQuery Retina Display Plugin | Troy Mcilvena
august 2010 by timriley
The jQuery Retina Display plugin will substitute high resolution versions of your images (if they exist) for high resolution displays (such as iPhone 4) only.
This plugins requires no client-side changes , other than the inclusion and initialisation of this plugin. If the 2x image doesn’t exist, the standard resolution image is displayed. This allows for selective addition of high resolution images.
jquery
plugins
javascript
webdesign
retinadisplay
iphone
iphone4
This plugins requires no client-side changes , other than the inclusion and initialisation of this plugin. If the 2x image doesn’t exist, the standard resolution image is displayed. This allows for selective addition of high resolution images.
august 2010 by timriley
Resolution Independent Mobile UI - Sencha - Blog
august 2010 by timriley
Excellent article about CSS techniques for designing resolution independent web UIs.
css3
svg
css
bestpractice
iphone
retinadisplay
iphone4
mobilesafari
webkit
mobile
webdesign
august 2010 by timriley
Diagonal CSS Sprites - Aaron Barker
august 2010 by timriley
With the sprite built on a diagonal there are no components below or to the right of the component you are showing. This allows for the element using the sprite to be as wide or as tall as it needs to be with no worry of exposing the next component.
webdesign
css
sprites
bestpractice
august 2010 by timriley
iScroll | Matteo Spinelli's Cubiq.org
july 2010 by timriley
The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now.
mobilesafari
webkit
ios
webdesign
html
javascript
css
july 2010 by timriley
CSS Webkit Appearance
july 2010 by timriley
After picking through Safari’s CSS Reference I found -webkit-appearance, which changes the appearance of buttons & controls to resemble a native apple UI.
ios
css
mobilesafari
webkit
webdesign
july 2010 by timriley
Thomas Maier – web & communication designer » HOWTO: CSS for the iPad
march 2010 by timriley
this is how you tell the iPad to use an additional CSS file
apple
ipad
mobilesafari
safari
webdesign
css
march 2010 by timriley
Customizable Themes with CSS3 and -webkit-mask · WebKitBits
march 2010 by timriley
-webkit-mask-box-image & -webkit-gradient
webdesign
webkit
css3
css
march 2010 by timriley
related tags
960gs ⊕ accessibility ⊕ accordion ⊕ activerecord ⊕ activity ⊕ ajax ⊕ animation ⊕ api ⊕ apple ⊕ application ⊕ applications ⊕ aria ⊕ article ⊕ awesome ⊕ background ⊕ baselines ⊕ bestpractice ⊕ bgcolor ⊕ blogging ⊕ book ⊕ bookmarklets ⊕ books ⊕ browsers ⊕ business ⊕ businesscardwebsites ⊕ buttons ⊕ buttuns ⊕ calendars ⊕ cameras ⊕ career ⊕ charts ⊕ colours ⊕ css ⊕ css3 ⊕ dashboard ⊕ database ⊕ design ⊕ development ⊕ documentation ⊕ effects ⊕ email ⊕ embedded ⊕ errors ⊕ experimental ⊕ fileuploads ⊕ firefox ⊕ float ⊕ fluid ⊕ fontface ⊕ fonts ⊕ forms ⊕ frameworks ⊕ freelancing ⊕ freeware ⊕ github ⊕ graphics ⊕ graphs ⊕ grids ⊕ hacks ⊕ hover ⊕ html ⊕ html5 ⊕ icons ⊕ ie ⊕ ie6 ⊕ imagereplacement ⊕ images ⊕ inspiration ⊕ interesting ⊕ internetexplorer ⊕ ios ⊕ ipad ⊕ iphone ⊕ iphone4 ⊕ itunes ⊕ javascript ⊕ jquery ⊕ keybindings ⊕ keynote ⊕ language ⊕ layout ⊕ layouts ⊕ lesscss ⊕ lightbox ⊕ links ⊕ linux ⊕ macosx ⊕ mediaqueries ⊕ menus ⊕ mobile ⊕ mobilesafari ⊕ multitouch ⊕ mysql ⊕ navigation ⊕ opera ⊕ optimisation ⊕ osx ⊕ photography ⊕ plugin ⊕ plugins ⊕ portfolios ⊕ positioning ⊕ postgresql ⊕ presentation ⊕ printing ⊕ programming ⊕ python ⊕ rails ⊕ reset ⊕ responsive ⊕ retinadisplay ⊕ reviews ⊕ ruby ⊕ safari ⊕ sass ⊕ script ⊕ scriptaculous ⊕ semantic ⊕ seo ⊕ sifr ⊕ singlepurposesites ⊕ software ⊕ spinners ⊕ sprites ⊕ standards ⊕ stylesheets ⊕ svg ⊕ tables ⊕ templates ⊕ tip ⊕ touch ⊕ tumblr ⊕ twitter ⊕ typekit ⊕ typography ⊕ ui ⊕ unobtrusive ⊕ usability ⊕ ux ⊕ via:cameronio ⊕ via:daringfireball ⊕ via:hughevans ⊕ via:makenosound ⊕ via:popagandhi ⊕ via:seanodowd ⊕ via:strausser ⊕ video ⊕ videos ⊕ w3c ⊕ web ⊕ web2.0 ⊕ webapp ⊕ webapps ⊕ webdesign ⊖ webdevelopment ⊕ webkit ⊕ webprogramming ⊕ webservices ⊕ widgets ⊕ wii ⊕ wireframing ⊕ writing ⊕Copy this bookmark: