blumenberg + css3 106
Gumby 960 Grid Responsive CSS Framework
2 days ago by blumenberg
The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.
css
framework
grid
responsive
web
design
960
prototype
html5
css3
:sk
:sm
:st
:am
:mg
2 days ago by blumenberg
Bilder auf Webseiten für Retina-Displays vorbereiten
18 days ago by blumenberg
[…] wie im CSS als Hintergrund definierte Bilder für das Retina Display des iPad 3 / iPhone 4 vorbereiten […]
css3
retina-display
@media
device
optimization
test
responsive
web
design
mobile
:sm
:am
18 days ago by blumenberg
Font-Embedding Icons the Right Way
february 2012 by blumenberg
… A Legitimate Alternative to Images
@font-face
icon
embed
css3
design
font
february 2012 by blumenberg
CSS Background
october 2011 by blumenberg
… There’s More To Know Than You Think
css
css3
background
howto
reference
:sk
:st
:nc
:ce
october 2011 by blumenberg
CSS3 Tilt-Shift Text experiment
october 2011 by blumenberg
Where are the trees is an experiment trying to create a Tilt-Shift effect on Text using CSS3 only.
css3
experiment
tilt-shift
text
:ce
:am
:st
:sk
october 2011 by blumenberg
Fluid Squares V2
october 2011 by blumenberg
• A HTML5 fluid grid framework whose units remain square.
• Column widths increase or decrease to suit your display size using Media Queries.
• It’s Mobile First, CSS is written for small displays, with Media Queries incorporated as display size increases.
• It works on all modern desktop browsers, as well as iOS, Android and BlackBerry’s mobile WebKit browsers.
• Uses css3-mediaqueries.js to work in IE or any browser that supports JavaScript but not Media Queries.
fluid
grid
framework
html5
css
css3
square
:ce
:am
:nc
:st
:sk
• Column widths increase or decrease to suit your display size using Media Queries.
• It’s Mobile First, CSS is written for small displays, with Media Queries incorporated as display size increases.
• It works on all modern desktop browsers, as well as iOS, Android and BlackBerry’s mobile WebKit browsers.
• Uses css3-mediaqueries.js to work in IE or any browser that supports JavaScript but not Media Queries.
october 2011 by blumenberg
CSS3 PIE
september 2011 by blumenberg
… makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.
ie
ie6
ie7
ie8
render
decoration
htc
behavior
javascript
browser
css3
:nc
:ce
:am
:sk
:st
september 2011 by blumenberg
haz.io › HTML5 & CSS3 Browser Capabilities
september 2011 by blumenberg
… gives you a quick overview of your browser’s support for recent technologies in the world of HTML, CSS and Javascript.
browser
css3
html5
tool
compatibility
overview
:nc
:sk
:st
:ce
:am
september 2011 by blumenberg
@font-face Solutions & Suggestions
august 2011 by blumenberg
«So what are the options for implementing web fonts? I'm going to review the three main methods of incorporating @font-face and explain the pros and cons of each method. […]»
@font-face
css
css3
font
typography
design
development
:nc
:sk
:st
review
article
howto
august 2011 by blumenberg
AppControls
august 2011 by blumenberg
… makes it easy to quickly create high-quality custom controls for your iOS apps, Mac apps and for the web.
mac
osx
application
navigation
button
css3
design
ui
ux
gui
august 2011 by blumenberg
Adobe Edge Preview (Adobe Labs)
august 2011 by blumenberg
«[…] a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.»
ui
ux
application
adobe
css3
javascript
html5
interaction
software
:sk
:st
august 2011 by blumenberg
Compass.app
july 2011 by blumenberg
compile Compass/Sass easily without resorting to command line interface — Compass.app helps designers compile stylesheets easily without resorting to command line interface. It is written in Java and works in Windows/Linux/Mac OS X.
css3
design
framework
sass
webdesign
opensource
:sk
:st
application
mac
osx
windows
linux
july 2011 by blumenberg
Kicking Ass + Taking Names with Sass & Compass
july 2011 by blumenberg
A quick introduction to Sass - a powerful extension to CSS3, and Compass - a CSS authoring framework.
See how using Sass & Compass can help to simplify your workflow, make changes & revisions easier, and impress your colleagues with newfound stylesheet wizardry.
css3
sass
introduction
vimeo
howto
compass
framework
:sk
:st
video
See how using Sass & Compass can help to simplify your workflow, make changes & revisions easier, and impress your colleagues with newfound stylesheet wizardry.
july 2011 by blumenberg
Bones
june 2011 by blumenberg
A Wordpress Development Theme … created after years of editing and reusing the same template to develop custom sites. It came from trial and error and tons of experience customizing templates. I trimmed the fat on stuff that you don't really need as well as adding things you almost always have to use plugins for. HTML5 & well written & documented CSS, yea it's in there. Oh and did I mention it was also crafted using techniques found in the HTML5 Boilerplate, so you know, there's that.
wordpress
theme
framework
html5
css3
boilerplate
php
:sk
:st
development
june 2011 by blumenberg
HTML5 Presentation
june 2011 by blumenberg
This presentation is an HTML5 website (presenting … HTML5)
html5
css3
slideshow
presentation
documentation
:sk
:st
june 2011 by blumenberg
CSS Tools FTW!
june 2011 by blumenberg
«[…] Hier eine Liste von hilfreichen Referenzen, Tools, Dings; hauptsächlich damit ich sie selbst schneller wiederfinde […]»
css
css3
online
tool
reference
list
!essential
:sk
:st
june 2011 by blumenberg
12 Fun CSS Text Shadows You Can Copy and Paste
june 2011 by blumenberg
… we’re going to run through several text-shadow examples that you can copy and paste for your own work.
css3
inspiration
shadow
copy
howto
!essential
:sk
june 2011 by blumenberg
320 and up
may 2011 by blumenberg
‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point.
boilerplate
css
css3
mobile
webdev
viewport
:sk
:st
responsive
may 2011 by blumenberg
CSS3 files : CSS3 properties accurately explained
april 2011 by blumenberg
… meant to be a guide through all the CSS3 glory we already have and still get.
css3
reference
tips
webdesign
:sk
:st
april 2011 by blumenberg
Ceaser - CSS Easing Animation Tool
march 2011 by blumenberg
Now that we can use CSS transitions in all the modern browsers, let’s make them pretty.
css3
development
tools
transitions
animation
webdev
march 2011 by blumenberg
Lettering.js
march 2011 by blumenberg
a jQuery plugin for radical web typography
css3
jquery
plugin
javascript
typography
webdesign
lettering
kerning
code
march 2011 by blumenberg
Windex (GitHub)
january 2011 by blumenberg
Windex uses PHP and Apache to style default directory listing index pages. It works directly with Apache's built-in directory mechanism.
directory
index
apache
listing
page
css3
style
github
opensource
january 2011 by blumenberg
Windex
january 2011 by blumenberg
Windex uses PHP and Apache to style default directory listing index pages. It works directly with Apache's built-in directory mechanism.
directory
index
apache
listing
page
css3
style
january 2011 by blumenberg
Ben the Bodyguard – A Frenchman Protecting Your Secrets.
december 2010 by blumenberg
Protecting your passwords, photos, contacts
and other sensitive stuff on your iPhone or iPod touch.
css3
design
web
security
password
ipod
scroll
iphone
animation
comic
:sk
:st
and other sensitive stuff on your iPhone or iPod touch.
december 2010 by blumenberg
Kernest
november 2010 by blumenberg
Web Fonts. Delivered.
@font-face
css3
design
font
free
hosting
typography
embedding
font-face
webfont
service
november 2010 by blumenberg
Google Font Directory
november 2010 by blumenberg
The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.
@font-face
api
code
css
css3
design
development
embed
font
free
google
html
html5
javascript
opensource
resource
type
typography
web
webdesign
webdev
webfonts
:sk
:st
november 2010 by blumenberg
The HTML5 test
october 2010 by blumenberg
How well does your browser support HTML5?
html5
browser
engine
render
web
development
chart
compatibility
reference
comparison
css3
test
:sk
:st
october 2010 by blumenberg
HTML5 compatibility
october 2010 by blumenberg
These compatibility tables detail support for the new HTML5 functionalities in all modern browsers.
html5
browser
web
development
chart
compatibility
reference
comparison
css3
:sk
:st
october 2010 by blumenberg
CSS Border Radius
march 2010 by blumenberg
border radius generator for WebKit, Gecko, CSS3
online
generator
border
radius
css3
webkit
gecko
march 2010 by blumenberg
related tags
!essential ⊕ !important ⊕ !yay ⊕ 3d ⊕ 10.7 ⊕ :am ⊕ :ce ⊕ :ji ⊕ :mg ⊕ :nc ⊕ :sk ⊕ :sm ⊕ :st ⊕ @font-face ⊕ @media ⊕ adobe ⊕ animation ⊕ apache ⊕ api ⊕ application ⊕ apps ⊕ article ⊕ artikel ⊕ background ⊕ badge ⊕ basic ⊕ behavior ⊕ boilerplate ⊕ book ⊕ border ⊕ browser ⊕ buch ⊕ bulletproof ⊕ button ⊕ by:alistapart ⊕ by:smashingmagazine ⊕ chart ⊕ chrome ⊕ circle ⊕ code ⊕ collection ⊕ color ⊕ comic ⊕ comparison ⊕ compass ⊕ compatibility ⊕ converter ⊕ copy ⊕ creativecommons ⊕ cross-browser ⊕ css ⊕ css3 ⊖ decoration ⊕ demo ⊕ design ⊕ development ⊕ device ⊕ directory ⊕ documentation ⊕ dropdown ⊕ effect ⊕ embed ⊕ embedding ⊕ engine ⊕ eot ⊕ example ⊕ examples ⊕ experiment ⊕ explorer ⊕ firefox ⊕ fluid ⊕ font ⊕ font-face ⊕ form ⊕ framework ⊕ free ⊕ gallery ⊕ gecko ⊕ generator ⊕ german ⊕ github ⊕ google ⊕ grid ⊕ gui ⊕ guide ⊕ hosting ⊕ howto ⊕ hr ⊕ htc ⊕ html ⊕ html5 ⊕ icon ⊕ ie ⊕ ie6 ⊕ ie7 ⊕ ie8 ⊕ image ⊕ index ⊕ inspiration ⊕ interaction ⊕ introduction ⊕ iphone ⊕ ipod ⊕ javascript ⊕ jquery ⊕ kanban ⊕ kerning ⊕ lettering ⊕ letterpress ⊕ linux ⊕ list ⊕ listing ⊕ mac ⊕ mask ⊕ media ⊕ media-queries ⊕ mediaquery ⊕ menu ⊕ mobile ⊕ navigation ⊕ notes ⊕ online ⊕ opensource ⊕ optimization ⊕ osx ⊕ overview ⊕ page ⊕ parallax ⊕ password ⊕ php ⊕ plugin ⊕ png ⊕ presentation ⊕ prototype ⊕ queries ⊕ query ⊕ radius ⊕ reference ⊕ relief ⊕ render ⊕ resource ⊕ responsive ⊕ retina-display ⊕ review ⊕ rgba ⊕ ribbon ⊕ safari ⊕ sass ⊕ screen ⊕ scroll ⊕ scrollbar ⊕ security ⊕ selector ⊕ service ⊕ shadow ⊕ shape ⊕ simple ⊕ slider ⊕ slideshow ⊕ software ⊕ sprite ⊕ square ⊕ sticky ⊕ style ⊕ svg ⊕ t3n ⊕ table ⊕ technology ⊕ template ⊕ test ⊕ text ⊕ text-shadow ⊕ theme ⊕ tilt-shift ⊕ timeline ⊕ tip ⊕ tips ⊕ tool ⊕ tools ⊕ transform ⊕ transition ⊕ transitions ⊕ transparent ⊕ trick ⊕ tutorial ⊕ type ⊕ typeface ⊕ typekit ⊕ typography ⊕ ui ⊕ ux ⊕ video ⊕ viewport ⊕ vimeo ⊕ visual ⊕ web ⊕ webdesign ⊕ webdesigntuts+ ⊕ webdev ⊕ webfont ⊕ webfonts ⊕ webkit ⊕ website ⊕ windows ⊕ woothemes ⊕ wordpress ⊕ xhtml ⊕ zoom ⊕Copy this bookmark: