michelegera + css 572
Gumby 960 Grid Responsive CSS Framework
6 days ago by michelegera
The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.
css
framework
grid
responsive
webdesign
6 days ago by michelegera
Annotation Overlay Effect with CSS3 | Codrops
15 days ago by michelegera
A tutorial about how to create an overlay effect to show some more details of an item or image. The effect is CSS-only and uses a combination of the :checked pseudo-class with the sibling combinator.
css
css3
tutorial
overlay
15 days ago by michelegera
Timeline Portfolio | Tutorialzine
7 weeks ago by michelegera
Timeline is a jQuery plugin specialized in showing a chronological series of events. You can embed all kinds of media including tweets, videos and maps, and associate them with a date. With some design tweaks, this will make it perfect for a portfolio in which you showcase your work and interests.
css
html
jquery
timeline
tutorial
7 weeks ago by michelegera
What is BEM?
10 weeks ago by michelegera
This article describes the theory and practice of building web sites at Yandex, a large Internet company.
css
development
framework
web
10 weeks ago by michelegera
The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival
10 weeks ago by michelegera
The cicada principle is a new web design technique for creating efficient tiling backgrounds that don’t appear to repeat.
css
design
generator
math
patterns
10 weeks ago by michelegera
The easiest way to create your CSS sprites - SpritePad
11 weeks ago by michelegera
With SpritePad you can create your CSS sprites within seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles.
css
sprites
11 weeks ago by michelegera
Responsive Navigation Patterns | Brad Frost Web
12 weeks ago by michelegera
Top and left navigations are typical on large screens, but lack of screen real estate on small screens makes for an interesting challenge. As responsive design becomes more popular, it’s worth looking at the various ways of handling navigation for small screen sizes. Mobile web navigation must strike a balance between quick access to a site’s information and unobtrusiveness.
css
mobile
navigation
responsive
web
12 weeks ago by michelegera
Bootswatch: Free themes for Twitter Bootstrap
12 weeks ago by michelegera
Add color to your Bootstrap site without touching a color picker.
bootstrap
css
design
twitter
web
12 weeks ago by michelegera
Themes for Twitter Bootstrap - WrapBootstrap
12 weeks ago by michelegera
Bootstrap is an HTML5 & CSS3 framework designed to help you kickstart the development of webapps and sites. WrapBootstrap is a marketplace for premium Bootstrap themes and templates. Impress your clients and visitors while using a single, rock-solid foundation.
bootstrap
css
design
themes
web
12 weeks ago by michelegera
About normalize.css – Nicolas Gallagher
march 2012 by michelegera
Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.
css
reset
webdesign
design
march 2012 by michelegera
Frameless
march 2012 by michelegera
Dig responsive design?
Hate fluid grids? Try a Frameless grid.
css
design
framework
grid
responsive
Hate fluid grids? Try a Frameless grid.
march 2012 by michelegera
CSS Ribbon Menu
february 2012 by michelegera
This uses CSS3 transitions and CSS2 pseudo-elements to create an animated navigation ribbon with minimal markup.
css
menu
navigation
ribbon
february 2012 by michelegera
UIKit - Modern UI components for a modern web
february 2012 by michelegera
UIKit is a small collection of flexible, decoupled components for the modern web. With an emphasis on structure-only styling making it it simple to apply application specific styling.
css
design
development
javascript
ui
february 2012 by michelegera
Compass.app: compile Sass/Compass easily without resorting to command line interface
february 2012 by michelegera
Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of plain CSS.
app
css
development
sass
february 2012 by michelegera
Learn HTML & CSS - a book that teaches you in a nicer way
february 2012 by michelegera
A book about code that doesn't read like a 1980s VCR manual...
It's not just for programmers, it's written and presented to make it easy for designers, bloggers, content and e-commerce managers, marketers to learn about the code used to write web pages...
html
CSS
book
It's not just for programmers, it's written and presented to make it easy for designers, bloggers, content and e-commerce managers, marketers to learn about the code used to write web pages...
february 2012 by michelegera
Glue — glue documentation
january 2012 by michelegera
Glue is a simple command line tool to generate CSS sprites
cli
css
development
sprites
january 2012 by michelegera
Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter
january 2012 by michelegera
Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel.
development
framework
facebook
css
bootstrap
january 2012 by michelegera
A Responsive Design Approach for Complex, Multicolumn Data Tables | Filament Group, Inc., Boston, MA
january 2012 by michelegera
In responsive web design, one of the toughest design problems to solve is how format complex tabular data for display on smaller screens. In this post, we'll explore an experimental approach to rendering a complex table, using progressive enhancement and responsive design methods, that displays comfortably at a wide range of screen sizes, provides quick access to the data, and preserves the table structure so that data can still be compared across columns.
css
data
responsive
tables
webdesign
january 2012 by michelegera
jQuery UI Bootstrap
january 2012 by michelegera
A Bootstrap-themed kickstart for jQuery UI widgets
bootstrap
css
jquery
ui
january 2012 by michelegera
CSSrefresh - automatically refresh CSS files
december 2011 by michelegera
CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser.
bookmarklet
css
development
javascript
december 2011 by michelegera
Compare Ninja | HTML & CSS Comparison tables
december 2011 by michelegera
Create beautiful HTML & CSS
comparison tables with
Compare Ninja.
comparison
css
jquery
layout
comparison tables with
Compare Ninja.
december 2011 by michelegera
The Goldilocks Approach to Responsive Web Design
november 2011 by michelegera
A good starting point for design that takes device resolution out of the equation
css
framework
grid
responsive
webdesign
november 2011 by michelegera
Less+ Framework | Webbyrå Norrköping Angry Creative
november 2011 by michelegera
Less+ Framework is a cross-device CSS grid system using media queries.
css
css3
framework
grid
responsive
november 2011 by michelegera
Animate.css - a bunch of plug-and-play CSS animations
november 2011 by michelegera
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
animation
css
css3
framework
november 2011 by michelegera
Uniform - Sexy forms with jQuery
november 2011 by michelegera
Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?
css
form
forms
javascript
jquery
november 2011 by michelegera
excssive.com
november 2011 by michelegera
No one likes bloated CSS. Simply drag and drop your CSS files onto this page, and watch as they're compressed on the fly.
Worried about the ordering of the files you drop? Don't be. A list of sortable and removable files is produced.
Once you're done sorting the file hierarchy, simply copy the minified output and save it to a new a file.
compression
css
performance
speed
tools
Worried about the ordering of the files you drop? Don't be. A list of sortable and removable files is produced.
Once you're done sorting the file hierarchy, simply copy the minified output and save it to a new a file.
november 2011 by michelegera
CodeKit — THE Mac App For Web Developers
november 2011 by michelegera
CodeKit automatically compiles Less, Sass, Stylus & CoffeeScript files. It effortlessly combines, minifies and error-checks Javascript. It even optimizes images, auto-reloads your browser and lets you use the same files across many projects. And that's just the first paragraph.
coffeescript
css
javascript
less
mac
november 2011 by michelegera
Gridlover
november 2011 by michelegera
Gridlover is the tool to establish a type system with modular scale and vertical rhythm to build upon.
web
grid
css
tools
typography
november 2011 by michelegera
LiveReload
november 2011 by michelegera
LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.
Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.
app
css
development
mac
webdev
Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.
november 2011 by michelegera
Formee - Fresh baked forms for your websites! - framework, xhtml, css, form, web
november 2011 by michelegera
Formee is nothing but a framework to help you develop and customize web based forms. Did you use to spend a lot of time aligning fields and calculating margins and paddings in a quest for a perfect form? No more!
css
form
forms
framework
html
november 2011 by michelegera
jQuery Animations with automatic CSS3 transitions when possible
october 2011 by michelegera
Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically. Compatible with IE6+
animation
css
css3
jquery
plugin
october 2011 by michelegera
Working With Design Patterns | SurveyMonkey Blog
october 2011 by michelegera
Good ideas for CSS organization for a large app
css
management
webapp
tip
october 2011 by michelegera
Prefix free: Break free from CSS vendor prefix hell!
october 2011 by michelegera
A script that lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed
css
css3
javascript
jquery
prefix
october 2011 by michelegera
related tags
3d ⊕ 100% ⊕ @font-face ⊕ accessibility ⊕ accordion ⊕ addon ⊕ agency ⊕ ajax ⊕ animation ⊕ apache ⊕ app ⊕ apple ⊕ application ⊕ apps ⊕ architecture ⊕ article ⊕ asset ⊕ audio ⊕ audioplayer ⊕ autocomplete ⊕ background ⊕ backgrounds ⊕ beautifier ⊕ bestpractices ⊕ blog ⊕ blueprint ⊕ boagpost ⊕ boagworld ⊕ book ⊕ bookmarklet ⊕ bookmarklets ⊕ books ⊕ bootstrap ⊕ border ⊕ border-radius ⊕ borders ⊕ box ⊕ box-shadow ⊕ breadcrumbs ⊕ browser ⊕ browsers ⊕ brush ⊕ bundle ⊕ button ⊕ buttons ⊕ cache ⊕ caching ⊕ calculator ⊕ calendar ⊕ cameronmoll ⊕ carousel ⊕ center ⊕ centering ⊕ chart ⊕ charts ⊕ cheatsheet ⊕ cheatsheets ⊕ checkbox ⊕ clean ⊕ clear ⊕ clearfix ⊕ clearleft ⊕ cli ⊕ cms ⊕ code ⊕ coffeescript ⊕ color ⊕ colors ⊕ comparison ⊕ compatibility ⊕ compression ⊕ content ⊕ contest ⊕ context ⊕ convert ⊕ cool ⊕ corners ⊕ counter ⊕ country ⊕ cross ⊕ cross-browser ⊕ crossbrowser ⊕ css ⊖ css3 ⊕ cssedit ⊕ cufon ⊕ data ⊕ date ⊕ debug ⊕ debugger ⊕ debugging ⊕ deployment ⊕ design ⊕ designer ⊕ dev ⊕ developer ⊕ development ⊕ doctype ⊕ documentation ⊕ dom ⊕ dropdown ⊕ dynamiclayout ⊕ editor ⊕ effect ⊕ effects ⊕ elastic ⊕ em ⊕ email ⊕ emailnewsletter ⊕ emails ⊕ english ⊕ equal ⊕ examples ⊕ explorer ⊕ extension ⊕ extensions ⊕ extra ⊕ facebook ⊕ file ⊕ file+upload ⊕ firebug ⊕ firefinder ⊕ firefox ⊕ fix ⊕ fixed ⊕ fixes ⊕ flash ⊕ flexible ⊕ flip ⊕ float ⊕ fluid ⊕ focus ⊕ font ⊕ font-face ⊕ fonts ⊕ footer ⊕ form ⊕ format ⊕ forms ⊕ fouc ⊕ framework ⊕ frameworks ⊕ free ⊕ freeware ⊕ frontend ⊕ fullheight ⊕ fun ⊕ gallery ⊕ generator ⊕ google ⊕ googlemaps ⊕ gradient ⊕ gradients ⊕ graphic ⊕ graphics ⊕ graphs ⊕ greyscale ⊕ grid ⊕ grids ⊕ group ⊕ guide ⊕ guidelines ⊕ hack ⊕ hacks ⊕ haml ⊕ height ⊕ hover ⊕ howto ⊕ html ⊕ html5 ⊕ http ⊕ icon ⊕ icons ⊕ idea ⊕ ideas ⊕ ie ⊕ ie6 ⊕ ie7 ⊕ ie8 ⊕ iframe ⊕ illustrator ⊕ image ⊕ images ⊕ img ⊕ information ⊕ input ⊕ inspiration ⊕ interface ⊕ interview ⊕ ios ⊕ ipad ⊕ iphone ⊕ iphone-dev ⊕ iphone4 ⊕ javascript ⊕ jquery ⊕ js ⊕ kerning ⊕ keyboard ⊕ layout ⊕ layouts ⊕ legibility ⊕ less ⊕ library ⊕ lightbox ⊕ link ⊕ links ⊕ liquid ⊕ list ⊕ lists ⊕ logo ⊕ mac ⊕ macosx ⊕ magazine ⊕ mail ⊕ management ⊕ map ⊕ maps ⊕ margin ⊕ margins ⊕ marketing ⊕ markup ⊕ math ⊕ media ⊕ mediaqueries ⊕ menu ⊕ menus ⊕ misc ⊕ mobify ⊕ mobile ⊕ modal ⊕ mootools ⊕ multiple ⊕ mysql ⊕ navigation ⊕ negative ⊕ netnewswire ⊕ nettuts ⊕ news ⊕ newsletter ⊕ numbering ⊕ online ⊕ oop ⊕ opacity ⊕ opentype ⊕ optimization ⊕ organization ⊕ orientation ⊕ osx ⊕ outline ⊕ overlay ⊕ pagelime ⊕ panel ⊕ patterns ⊕ pdf ⊕ percentage ⊕ performance ⊕ photography ⊕ photos ⊕ php ⊕ pixel ⊕ placeholder ⊕ player ⊕ plugin ⊕ plugins ⊕ png ⊕ pngfix ⊕ podcast ⊕ popup ⊕ portfo ⊕ portfolio ⊕ prefix ⊕ presentation ⊕ print ⊕ printing ⊕ programming ⊕ progress ⊕ progressbar ⊕ progressiveenhancement ⊕ prototype ⊕ prototyping ⊕ psd ⊕ radius ⊕ rails ⊕ raphael ⊕ read ⊕ readability ⊕ reader ⊕ reference ⊕ reflections ⊕ reset ⊕ resize ⊕ resolutionindipendence ⊕ resource ⊕ resources ⊕ responsive ⊕ retina ⊕ rgba ⊕ ribbon ⊕ rollover ⊕ rounded ⊕ roundedcorners ⊕ rss ⊕ ruby ⊕ rubyonrails ⊕ rules ⊕ safari ⊕ sass ⊕ scale ⊕ scaling ⊕ screencast ⊕ script ⊕ scriptaculous ⊕ scroll ⊕ scrollbar ⊕ scrollbars ⊕ scrolling ⊕ security ⊕ selectors ⊕ semantics ⊕ service ⊕ shadow ⊕ showcase ⊕ sIFR ⊕ site ⊕ sitemap ⊕ sitemaps ⊕ slider ⊕ slides ⊕ slideshow ⊕ snippets ⊕ social ⊕ software ⊕ speed ⊕ spinner ⊕ sprites ⊕ standards ⊕ sticky ⊕ studio ⊕ style ⊕ styleswitcher ⊕ submission ⊕ support ⊕ tables ⊕ tabs ⊕ techniques ⊕ template ⊕ templates ⊕ test ⊕ testing ⊕ text ⊕ text-shadow ⊕ textmate ⊕ theme ⊕ themes ⊕ timeline ⊕ tip ⊕ tips ⊕ tool ⊕ toolbar ⊕ tools ⊕ tooltip ⊕ tooltips ⊕ transitions ⊕ transparency ⊕ tricks ⊕ tutorial ⊕ tutorials ⊕ twitter ⊕ type ⊕ typeface ⊕ typekit ⊕ typography ⊕ ui ⊕ usability ⊕ utilities ⊕ validation ⊕ validator ⊕ vector ⊕ vertical ⊕ video ⊕ visualization ⊕ w3c ⊕ web ⊕ web2.0 ⊕ webapp ⊕ webapps ⊕ webdesign ⊕ webdev ⊕ webdevelopment ⊕ webkit ⊕ webobjects ⊕ webstandards ⊕ weft ⊕ word-wrap ⊕ wordpress ⊕ xcss ⊕ xhr ⊕ xhtml ⊕ xml ⊕ xmlhttprequest ⊕ xpath ⊕ xss ⊕Copy this bookmark: