SimpleForm 2.0 + Bootstrap: for you with love | Plataforma Tecnologia Blog
february 2012 by timriley
live example application showing most of the SimpleForm inputs integrated with Twitter Bootstrap
rails
forms
bootstrap
css
html
february 2012 by timriley
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
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
TransformJS - 3D and 2D Transforms
august 2011 by timriley
Nice light JS wrapper to make CSS transforms easier to do.
animation
html
css
javascript
august 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
User CSS Safari Extension (Gridth Code)
january 2011 by timriley
Safari Extension that will enable you to override stylesheets for any web page.
safari
extensions
css
january 2011 by timriley
Use Deadweight and your integration suite to automatically find unused CSS rules - GIANT ROBOTS SMASHING INTO OTHER GIANT ROBOTS
january 2011 by timriley
Deadweight is an excellent tool for identifying unused CSS selectors
css
rack
rails
ruby
testing
integrationtests
january 2011 by timriley
CSS Vocabulary | Nimbupani Designs
november 2010 by timriley
A nice list of all the correct terms for CSS bits and bobs.
css
documentation
november 2010 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
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
Styling for change with rules and exceptions
july 2010 by timriley
A good way to think about sttucturing your markup and styles.
html
css
bestpractice
july 2010 by timriley
related tags
3d ⊕ 960gs ⊕ advocacy ⊕ animation ⊕ api ⊕ apple ⊕ application ⊕ aria ⊕ article ⊕ awesome ⊕ background ⊕ baselines ⊕ bestpractice ⊕ bgcolor ⊕ bookmarklets ⊕ books ⊕ bootstrap ⊕ boxmodel ⊕ browsers ⊕ buttons ⊕ colours ⊕ columns ⊕ compass ⊕ css ⊖ css3 ⊕ database ⊕ demos ⊕ design ⊕ development ⊕ documentation ⊕ embedded ⊕ erb ⊕ experimental ⊕ extensions ⊕ fileuploads ⊕ firefox ⊕ float ⊕ floats ⊕ fluid ⊕ fontface ⊕ fonts ⊕ forms ⊕ frameworks ⊕ freeware ⊕ gestures ⊕ graphics ⊕ grids ⊕ hacks ⊕ haml ⊕ hover ⊕ howto ⊕ html ⊕ html5 ⊕ ibooks ⊕ icons ⊕ ie ⊕ ie6 ⊕ imagereplacement ⊕ images ⊕ inspiration ⊕ integrationtests ⊕ intensedebate ⊕ internetexplorer ⊕ ios ⊕ ipad ⊕ iphone ⊕ iphone4 ⊕ javascript ⊕ jquery ⊕ languages ⊕ layout ⊕ layouts ⊕ lesscss ⊕ lightbox ⊕ links ⊕ linux ⊕ macosx ⊕ mediaqueries ⊕ mobile ⊕ mobilesafari ⊕ mysql ⊕ navigation ⊕ notebooks ⊕ notetaking ⊕ osx ⊕ paper ⊕ plugin ⊕ positioning ⊕ postgresql ⊕ presentation ⊕ printing ⊕ programming ⊕ python ⊕ rack ⊕ rails ⊕ raphael ⊕ reset ⊕ responsive ⊕ retinadisplay ⊕ ruby ⊕ safari ⊕ sass ⊕ sencha ⊕ seo ⊕ shadows ⊕ singlepurposesites ⊕ snowleopard ⊕ software ⊕ spinners ⊕ sprites ⊕ stylesheets ⊕ svg ⊕ tables ⊕ templates ⊕ testing ⊕ things ⊕ tip ⊕ touch ⊕ transitions ⊕ twitter ⊕ typekit ⊕ typography ⊕ ui ⊕ userstyles ⊕ via:cameronio ⊕ via:daringfireball ⊕ via:hughevans ⊕ via:makenosound ⊕ via:strausser ⊕ videos ⊕ webapp ⊕ webapps ⊕ webdeisng ⊕ webdesign ⊕ webdevelopment ⊕ webkit ⊕ webprogramming ⊕ widgets ⊕ wysiwyg ⊕Copy this bookmark: