#css (940 links)
- IEBlog : Microsoft's Interoperability Principles and IE8 blogs.msdn.com
Old, but I keep misplacing this link. "We’ve decided that IE8 will, by default, interpret web content in the most standards compliant way it can. This decision is a change from what we’ve posted previously."
- mezzoblue § Sprite Optimization mezzoblue.com
interesting variation of CSS Sprites has been getting a lot of play on large web sites that serve millions of users.
- Imageless Fuzzy shadows with CSS + HTML hedgerwow.com
- Adactio: Journal—The Rise of HTML5 adactio.com
"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 - Building Custom WordPress Theme webdesignerwall.com
AWESOME! Maybe. Haven't read it yet.
- Should I use tables for layout? shouldiusetablesforlayout.com
Handy.
- Example CSS Style Guide - Unit Testing for CSS? thoughtballoon.co.uk
I've been reading about unit testing for jQuery and wonder if an analagous approach could be used on a CSS system. Probably not, but a style guide featuring every type of box, unit, module and typographic style on the site can quickly allow you to not only see if any changes you make have knock-on or regression errors, but allow you to see what your styles imply.
- @font-face in IE: Making Web Fonts Work — Jon Tan 陳 jontangerine.com
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.
- 1 (Awesome) Way To Avoid the (Not So Excellent) Flash of (Amazing) Unstyled Content » Learning jQuery - Tutorials and Information learningjquery.com
Nice way of avoiding FOUC.
A few weeks ago we released a version of the Flickr site tailored specifically for the iPhone. Developing this site was very different from any other project I’ve worked on; there seems to be a new set of frontend rules for developing high-end mobile sites. A lot of the current best practices get thrown out the window in the quest for minimum page weight and fastest load times over slow celluar connections.
- typeface.js -- Rendering text with Javascript, <canvas>, and VML typeface.neocracy.org
Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. This is a work in progress, but functional enough.
- Digital Web Magazine - Everything You Know About CSS Is Wrong digital-web.com
"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.
- Conditional classnames | paulhammond.org paulhammond.org
Technique for IE specific stylesheets: "<!--[if IE ]><body class="ie"><![endif]-->" Clever clever.
- sIFR Generator sifrgenerator.com
An online tool that allows you to create sIFR .swf files with a few clicks of your mouse. Simply upload the TTF font of the font you want to convert, preview and download.
- ShirtsforCoders™ - Show the world your love for XHTML and CSS! shirtsforcoders.com
"With our shirts your dress code is always semantically correct." Dork dork dork.
This article will cover the W3C’s recommended option for supplying style to your mobile documents—CSS Mobile Profile 2.0. I will introduce what is available in the mobile profile and how it differs from CSS 2.1; then, I will discuss progressive enhancement and applying more advanced styles to more capable devices.
Transcription of Dan Cederholm's talk at An Event Apart. Some good ideas in here.
- Do websites need to look exactly the same in every browser? dowebsitesneedtolookexactlythesameineverybrowser.com
- Specifics on CSS Specificity - CSS-Tricks css-tricks.com
The best way to explain it is to start with an example of where specificity gets confusing and perhaps doesn’t behave like you would expect. Then we’ll take a closer look at how to calculate the actual specificity value to determine which selector takes precedence.
- django-assets - Google Code code.google.com
- Opera Web Standards Curriculum opera.com
"A complete course to teach you standards-based web development, including HTML, CSS, design principles and background theory, and JavaScript basics." Great, but picked up a couple of things I disagree with already.
- Unit Interactive :: Blog :: Better CSS Font Stacks unitinteractive.com
- Activate The Death Ray | A demonstration site by Andy Clarke activatethedeathray.com
A Microformats and CSS demonstration site by Andy Clarke, part of the For A Beautiful Web series of web design and development workshops launching in 2008.
- » This is How You Get sIFR to Work | Design Intellection designintellection.com
By not using it? "The goal of this tutorial is to distill the information at the official site for sIFR into a simple step-by-step process of how to implement sIFR on your site."
Another miseducated SEO rears their ugly head and slanders a well-known development technique as well as a high-profile SEO, accusing both of being spam. Better yet [...] Image Replacement has been dubbed “poor man’s cloaking”.
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.
Please read this if you do front-end work. Then read t'others in series.
Useful for the list of frameworks.
- John Resig - Progressive CSS Enhancement ejohn.org
Not a fan of this approach but could be handy in certain circumstances
- Mike Davidson - Hacking A More Tasteful MySpace mikeindustries.com
- JeffCroft.com: Luxury Type jeffcroft.com
"I’d like to encourage designers to open their mind and consider using some of the other typefaces that are often pre-installed on computers these days." 4 years back and most people still aren't really doing this.
- Equidistant Objects with CSS - CSS-Tricks css-tricks.com
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.
- Bits & Pixels – Blog Archive – Cross-browser transparent columns bitsamppixels.com
How do we create transparent columns that can work in all browsers? What if we could use the opacity property but still have the content opaque?
- Extensible CSS Interface I: The Foundation ~ Authentic Boredom cameronmoll.com
"Throughout the duration of this series, we’ll be speaking extensively about markup — XHTML, CSS, and a little scripting. Marking up a website is akin to speaking Spanish. There’s more than one way say something, and there’s certainly more than on
- Vitamin Features » How to recreate Silverback’s Parallax thinkvitamin.com
"Clearleft lead designer Paul Annett explains how he used the effect to great success on their newly launched Silverback site." More like this, please. Time to start creating effects that look great in good browsers and fall back in IE.
- Silverback app silverbackapp.com
Lovely parallax effect when resizing browser.
- CSS Tools: Reset CSS meyerweb.com
Meyer's reset gets permanent home.
- Sniff browser history for improved user experience niallkennedy.com
Clever, well-meaning but crosses the privacy line.
- Sitepoint - CSS Reference reference.sitepoint.com
- Dave Woods - HTML, CSS, Web Design » CSS Rounded Corners Revisited dave-woods.co.uk
This tutorial will demonstrate how it can be achieved by using just one circular image and a little CSS knowledge. The HTML is fairly simple and just requires an extra span for each corner of the box.