#css (1,123 links)
- qa-style-sheet - Project Hosting on Google Code code.google.com
The QA style sheet highlights specific HTML problems like use of deprecated elements, inaccessible images, layout tables, empty elements, or styling-related maintenance issues. Theoretically, it is “unobtrusive” in a sense that when everything’s fine it won’t cause any visible changes.
- CSS Prism by Ryan Berg cssprism.com
Enter the URL of any CSS file to view and modify its color spectrum
- New CSS Sticky Footer - 2009 cssstickyfooter.com
Working in all major browsers, including Google Chrome!. It works with floated 2-column layouts and we don't get overlap in resized browser windows unlike older solutions you find when you Google sticky footer. And you don't need an empty push div.
Via smitchio.
- Walls Come Tumbling Down presentation slides and transcript | For A Beautiful Web forabeautifulweb.com
Excellent overview of agile (small-a) process from Malarkey
- To Sprite Or Not To Sprite at Vladimir Vukićević blog.vlad1.com
"There are a number of misconceptions about CSS Sprites, the main one being that they have no downsides." Memory usage.
Via paul.irish.
- Type | A record label typerecords.com
New Type Records site. Nice.
- CSS-Tricks css-tricks.com
- Paul Irish » Browser-specific CSS hacks paulirish.com
Creates a page fold effect in the top right corner.
- django-compress - Google Code code.google.com
A Django application that automates CSS/JavaScript compression and helps in making delivery of static media more efficient
- Gadgets - Google Code code.google.com
- Stubbornella » Blog Archive » CSS doesn’t suck, you’re just doing it wrong. stubbornella.org · Archived on
You think of people who do know CSS as designers, not giving any credit to the engineering prowess required to tame the stylesheet of a multinational corporation because (self-taught as they are) most true front-end gurus don’t speak the same language as you do. Their skill appears to be a black-art, some kind of magic, or internalized instinct for browser flaws. This is your guess anyway, because you simply can’t communicate with them.
- Stubbornella » Blog Archive » Object Oriented CSS, Grids on Github stubbornella.org
Object Oriented CSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.
- iui - Google Code code.google.com
User Interface (UI) Library for Safari development on iPhone
Useful for justifying/explaining.
- Eric's Archived Thoughts: Unitless line-heights meyerweb.com
Missed this the first time round.
- Bulletproof Mobile Device Detection and Style Sheets without User Agent Detection or Server-Side Scripting - Bushido Designs Web Development Blog bushidodesigns.net
A List Apart published an article called “Return of the Mobile Style Sheet”. While the article provides some good information, it has several major flaws. After testing this method extensively, I decided to try and build a better mousetrap.
Via alastc.
One key real-world benefit of this separation is that come redesign time, one only needs to change or replace the CSS stylesheet, and needn’t lay so much as a finger upon the hallowed grounds we call markup. I’m here to say that this mantra isn’t much more than a fairy tale.
- Can I use... a.deveria.com
Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies"
- Facing up to Fonts | Slides and notes webtypography.net
Excellent presentation on current state of web fonts/methods and typography. Grab the version with the notes.
- Recreating the button | stopdesign stopdesign.com
The buttons we’re using are imageless, and they’re created entirely using HTML and CSS, plus some JavaScript to manage the behavior. They’re also easily skinnable with a few lines of CSS
FireScope is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.
- 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."
Via scrubadub.
interesting variation of CSS Sprites has been getting a lot of play on large web sites that serve millions of users.
- 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.
Via nickandjess.
- Should I use tables for layout? shouldiusetablesforlayout.com
Handy.
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.
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.
Via nickandjess.
- 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.
Via daneastwell.
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.
Via infovore.
- 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.
Via demwunz.
- 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.
- 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.
Via demwunz.