CSS3 PIE: CSS3 decorations for IE
november 2011 by ohskylab
"PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features."
css
css3
ie
ie6
javascript
web
november 2011 by ohskylab
320 and up
november 2011 by ohskylab
"The ‘tiny screen first’ boilerplate extension."
html5bp
web
mobile
css
css3
responsive
november 2011 by ohskylab
CSS3 Transitions Without Using :hover
august 2011 by ohskylab
With :active, :focus, :checked, :disabled and media queries.
css
css3
web
transitions
from instapaper
august 2011 by ohskylab
scottjehl/Respond - GitHub
august 2011 by ohskylab
The light one. "A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)".
css
css3
web
mediaqueries
javascript
responsive
from delicious
august 2011 by ohskylab
lojjic/PIE - GitHub
july 2011 by ohskylab
"A behavior for Internet Explorer allowing it to recognize and render various CSS3 box decoration properties".
web
ie
css3
css
hacks
from delicious
july 2011 by ohskylab
The Wheels Of Steel: An Ode To Turntables (in HTML)
june 2011 by ohskylab
Pretty flipping amazing.
css
javascript
music
audio
web
turntables
technics
sl1200
html5
css3
from delicious
june 2011 by ohskylab
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
may 2011 by ohskylab
Come on, my attribute selector.
web
design
css
css3
selectors
from delicious
may 2011 by ohskylab
When can I use... Support tables for HTML5, CSS3, etc
march 2011 by ohskylab
"Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers."
html5
css3
css
compatibility
html
browsers
web
svg
mobile
from delicious
march 2011 by ohskylab
3D Text
january 2011 by ohskylab
"Use multiple text-shadows to create 3D text on any HTML element."
via:nickandjess
css
css3
3d
text
design
from delicious
january 2011 by ohskylab
Web Designer Notebook » The Little Known font-size-adjust CSS3 Property
november 2010 by ohskylab
Firefox only at present. "Ever wanted to use fallback fonts on your CSS with different aspect ratios without them looking huge (or tiny)? The sparkling new CSS3 font-size-adjust property could do just that, maybe."
css
css3
web
typography
@font-face
november 2010 by ohskylab
CSS3 A practical introduction
november 2010 by ohskylab
Very practical.
css
css3
tutorial
web
leaverou
via:paul.irish
november 2010 by ohskylab
mezzoblue's PaintbrushJS at master - GitHub
october 2010 by ohskylab
"A lightweight, browser-based image processing library that can apply various visual filters to images within a web page."
css
css3
effects
images
javascript
web
html5
october 2010 by ohskylab
Ultimate CSS Gradient Generator - ColorZilla.com
october 2010 by ohskylab
"A powerful Photoshop-like CSS gradient editor from ColorZilla."
background
css
css3
gradient
tools
web
design
october 2010 by ohskylab
Hardboiled CSS3 Media Queries | For A Beautiful Web
october 2010 by ohskylab
"These hardboiled CSS3 Media Queries are empty placeholders for targeting the devices and attributes I’m interesting in making responsive designs for right now."
css
css3
ipad
iphone
mediaqueries
mobile
october 2010 by ohskylab
yepnope.js | A Conditional Loader For Your Polyfills!
september 2010 by ohskylab
A small wrapper around LABjs to help use feature detection to load exactly the scripts that your user needs, not just all the scripts that you think they might need.
javascript
html5
css3
html
performance
hpw
progressiveenhancement
labjs
september 2010 by ohskylab
Html5 cross browser polyfills - Modernizr - GitHub
september 2010 by ohskylab
"So here we're collecting all the shims, fallbacks, and polyfills in order to supplant html5 functionality in browsers that don't natively support them. The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly."
html
html5
css3
javascript
modernizr
web
polyfills
september 2010 by ohskylab
Combining meta viewport and media queries - QuirksBlog
september 2010 by ohskylab
"If you want to make your websites ready for mobile, it’s best to combine <meta name="viewport" content="width=device-width"> with width media queries. That will give your site the optimal width (as determined by the device vendor, who really ought to know), and your site will look the better for it."
mobile
css
css3
mediaqueries
ppk
web
javascript
september 2010 by ohskylab
Adactio: Journal—A responsive mind
september 2010 by ohskylab
"The choice is not between using media queries and creating a dedicated mobile site; the choice is between using media queries and doing nothing at all."
css
css3
design
web
mobile
mediaqueries
layout
jeremykeith
september 2010 by ohskylab
Combining media queries and JavaScript - QuirksBlog
august 2010 by ohskylab
A riposte from PPK. Sounds like it's feasible but bloody hard work.
detection
javascript
mediaqueries
mobile
performance
web
development
css3
css
august 2010 by ohskylab
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
august 2010 by ohskylab
Spiffing!" After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on."
css
css3
framework
html5
html
javascript
templates
web
via:twoplusfour
august 2010 by ohskylab
LukeW | An Event Apart: The CSS3 Experience
july 2010 by ohskylab
"At An Event Apart in Minneapolis, MN Dan Cederholm illustrated the potential of CSS3 to enhance the user experience in modern Web browsers by walking through The CSS3 Experience. Dan used a showcase site he created to illustrate CSS3 in action at: Things We Left on the Moon."
css
ux
web
css3
dancederholm
july 2010 by ohskylab
An InDesign for HTML and CSS? – Jeffrey Zeldman Presents The Daily Report
july 2010 by ohskylab
"HTML is a language with roots in library science. It doesn’t know or care what content looks like. (Even HTML5 doesn’t care what content looks like.) Neither a tool like Photoshop, which is all about pixels, nor a tool like Illustrator, which is all about vectors, can generate semantic HTML, because the visual and the semantic are two different things." Big fat yes to this.
via:momorgan
adobe
css
css3
design
html
photoshop
web
july 2010 by ohskylab
Data URIs make CSS sprites obsolete | NCZOnline
july 2010 by ohskylab
The jury is still out on this'un.
css
css3
sprites
web
uri
datauri
hpw
optimization
performance
july 2010 by ohskylab
Web Font Specimen
april 2010 by ohskylab
"Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset—and also help them decide which typefaces to purchase for their projects."
via:smitchio
alistapart
css
css3
font-face
tools
typography
web
fonts
testing
april 2010 by ohskylab
Time Zones
april 2010 by ohskylab
"Never warp your brain with time zone math again. "
via:gilest
data
css3
css
visualization
web
html5
tools
time
travel
conversion
javascript
timezones
april 2010 by ohskylab
Progressive enhancement: pure CSS speech bubbles – Nicolas Gallagher — Blog & Ephemera
march 2010 by ohskylab
"Various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML."
css
css3
quotes
speech
web
march 2010 by ohskylab
Candy by James | CSS3 @font-face browser support table
february 2010 by ohskylab
"It’s time for a CSS3 @font-face browser support table. One that documents specifically how browsers act when either the whole font family is specified (regular, italic, bold, bold-italic & small-caps) or only the regular version of the font is specified."
via:paul.irish
css
typography
fonts
css3
web
february 2010 by ohskylab
CSS3 + Progressive Enhancement = Smart Design • Perishable Press
january 2010 by ohskylab
A fine looking round-up.
via:paul.irish
web
css
css3
progressiveenhancement
january 2010 by ohskylab
CSS performance: UI with fewer images / Stoyan's phpied.com
december 2009 by ohskylab
"Some of the tricks are brand new, some are very, very old, IE5.5. old. They all have in common the "fewer or no images" mantra."
web
design
css
optimization
performance
css3
via:paul.irish
december 2009 by ohskylab
High Performance Web Sites :: @font-face and performance
october 2009 by ohskylab
Ouch. "My first piece of advice is to avoid using @font-face unless it’s critical to the page. The primary reason for this advice is that font files block rendering of the entire page in IE until they’re done downloading. Stylesheets also have this problem. But stylesheets provide styling for all aspects of the entire page, whereas font files only add one thing - a custom font."
web
hpw
performance
font-face
fonts
css
css3
typography
october 2009 by ohskylab
Boing Boing Redesign Uncovers Web Font Ignorance | Phinney on Fonts
october 2009 by ohskylab
"Bottom line: the font sucks. This should not be a surprise. Most free fonts do. Don’t get me wrong. There are a few great free fonts out there. But 98% of free fonts suck badly, and maybe about 20% of typically-priced retail fonts suck badly, so set your expectations appropriately."
fonts
css3
boingboing
font-face
web
october 2009 by ohskylab
BoingBoing s Redesign Uncovers the Dark Side of Web Fonts - Webmonkey
october 2009 by ohskylab
"Far from delivering the look BoingBoing was going for, @font-face fell flat on its face; when the changes went live Tuesday, not only were the fonts Boing Boing wanted to use not legally available for the web, the font it settled on — specifically BPreplay — ended up looking terrible for most users."
web
fonts
font-face
boingboing
typography
css3
via:paul.irish
october 2009 by ohskylab
satine.org » Snow Stack is Here
july 2009 by ohskylab
Looks cool. Wish I could be bothered to install the Webkit nightly so I could see it in context.
web
design
css3
safari
webkit
snowleopard
javascript
gallery
july 2009 by ohskylab
10 Cool Things We’ll Be Able To Do Once IE6 Is Dead
april 2009 by ohskylab
Cool is relative.
web
css
design
ie
css3
browsers
april 2009 by ohskylab
Adactio: Journal—The Rise of HTML5
january 2009 by ohskylab
"We used this as an opportunity to really push what Dan has been calling "progressive enrichment": sprinkling in some modern CSS declarations even if not every browser gets all of them [...] So if you view the UX London site in IE6 it looks fine. Nothing special though. But if you view the site in a browser like Safari, a lot of little details shine through. The design is pretty much a test-case for the box-shadow property using RGBa."
css
standards
html
html5
css3
clearleft
web
design
inspiration
progressiveenrichment
progressiveenhancement
january 2009 by ohskylab
@font-face in IE: Making Web Fonts Work — Jon Tan 陳
november 2008 by ohskylab
"As you probably know @font-face already works in Safari 3 via WebKit and is supported in the latest Firefox 3.1 beta. With IE, that means around 75% of the world audience could see custom typefaces today if their EULAs allowed it. Fortunately, there are good free faces available to us already, as well as some commercial faces that permit embedding."
web
via:nickandjess
typography
fonts
css3
css
november 2008 by ohskylab
Digital Web Magazine - Everything You Know About CSS Is Wrong
october 2008 by ohskylab
"When released, Internet Explorer 8 will support many new values for the CSS display property, including the table-related values: table, table-row, and table-cell—and it’s the last major browser to come on board with this support. This event will mark the end of complex CSS layout techniques" assuming one doesn't care about IE6, IE7 or source order.
web
css
css3
ie8
layouts
october 2008 by ohskylab
Tomorrow's CSS Today: 8 Techniques They Don't Want You To Know [CSS Tutorials]
april 2008 by ohskylab
"Many of the more advanced [CSS] features aren't widely supported by the dominant browsers, but some very useful ones are -- including newer features from CSS3."
css
css3
sitepoint
web
progressive
enhancement
april 2008 by ohskylab
SitePoint Blogs » Table-Based Layout Is The Next Big Thing
march 2008 by ohskylab
"IE8 will be the last of the major browsers to add support for CSS tables, which will enable designers to use table-based layout techniques without misusing HTML table markup."
css
web
tables
sitepoint
css3
layout
march 2008 by ohskylab
Digital Web Magazine - CSS Not([hacks])
january 2008 by ohskylab
"The possibilities of using CSS3 selectors as an alternative to hacks when targeting specific browsers." Novel.
css
css3
hacks
web
january 2008 by ohskylab
New development techniques using Opera Kestrel (9.5) - Opera Developer Community
september 2007 by ohskylab
"Now that Opera has fully migrated to the new version of its rendering engine, Core-2, Opera Kestrel has a few new techniques available for developers to play with." CSS3! CSS3!
css
opera
css3
web
svg
september 2007 by ohskylab
related tags
3d ⊕ 24ways ⊕ 37signals ⊕ @font-face ⊕ @media ⊕ adobe ⊕ ajax ⊕ alistapart ⊕ android ⊕ animation ⊕ api ⊕ apple ⊕ audio ⊕ background ⊕ beautifier ⊕ boingboing ⊕ book ⊕ border-radius ⊕ borders ⊕ browsers ⊕ buttons ⊕ campaignmonitor ⊕ canvas ⊕ clearleft ⊕ code ⊕ colour ⊕ compatibility ⊕ conversion ⊕ corners ⊕ css ⊕ css3 ⊖ dancederholm ⊕ data ⊕ datauri ⊕ demo ⊕ design ⊕ detection ⊕ development ⊕ effects ⊕ email ⊕ enhancement ⊕ flexbox ⊕ font-face ⊕ fonts ⊕ framework ⊕ gallery ⊕ generator ⊕ google ⊕ gradient ⊕ grids ⊕ hacks ⊕ hpw ⊕ html ⊕ html5 ⊕ html5bp ⊕ ie ⊕ ie6 ⊕ ie8 ⊕ images ⊕ inspiration ⊕ interface ⊕ ipad ⊕ iphone ⊕ javascript ⊕ jeremykeith ⊕ labjs ⊕ layout ⊕ layouts ⊕ leaverou ⊕ mediaqueries ⊕ mobile ⊕ modernizr ⊕ music ⊕ opacity ⊕ opera ⊕ optimization ⊕ performance ⊕ photoshop ⊕ polyfills ⊕ ppk ⊕ progressive ⊕ progressiveenhancement ⊕ progressiveenrichment ⊕ quotes ⊕ reference ⊕ responsive ⊕ rgba ⊕ safari ⊕ selectors ⊕ sitepoint ⊕ sl1200 ⊕ slideshow ⊕ snowleopard ⊕ social ⊕ sourceorder ⊕ speech ⊕ sprites ⊕ standards ⊕ svg ⊕ tables ⊕ tabs ⊕ technics ⊕ templates ⊕ testing ⊕ text ⊕ time ⊕ timezones ⊕ tools ⊕ transitions ⊕ transparency ⊕ travel ⊕ turntables ⊕ tutorial ⊕ typekit ⊕ typography ⊕ uri ⊕ ux ⊕ via:gilest ⊕ via:momorgan ⊕ via:monospaced ⊕ via:nickandjess ⊕ via:paul.irish ⊕ via:smitchio ⊕ via:twoplusfour ⊕ visualization ⊕ web ⊕ webkit ⊕Copy this bookmark: