#css (940 links)
- Vitamin Features » How C.R.A.P is Your Site Design? thinkvitamin.com
Good design is based on the C.R.A.P. principles where C.R.A.P. stands for Contrast Repetition Alignment Proximity
- 24 ways: Compose to a Vertical Rhythm 24ways.org
"On the Web, vertical rhythm – the spacing and arrangement of text as the reader descends the page – is contributed to by three factors: font size, line height and margin or padding. All of these factors must calculated with care in order that the rhy
- Nidahas » Forms markup and CSS - Revisited nidahas.com
A flexible, semantically correct, and dare I say, accessible template to which such features could be readily applied.
- Digital Web Magazine - Push my <code>button</code> digital-web.com
Read the comments for this article - button is best avoided.
It turns out that most of web page performance is affected by front-end engineering, that is, the user interface design and development.
- IE expressions ignore CSS media types | 456 Berea Street 456bereastreet.com
The problem occurs when you use Microsoft’s proprietary CSS expressions. Any declarations that contain an expression will be applied when printing.
- Natalie Downe » Blog Archive » Inline image quotes notes.natbat.net
A block quote [...] with speech marks at the front and termination of the text but without the nastiness of inline images.
- wg:Printing CSS background images (sort of) web-graphics.com
Using list-item to display images in print stylesheets.
- CSS: Browser testing order | And all that Malarkey stuffandnonsense.co.uk
Unless we are working to support a client's specific browser matrix (which might include odd combinations of older browsers), this is the order in which we test our CSS in browsers.
- Smashing Magazine | Blog Archive » CSS-Based Forms: Modern Solutions smashingmagazine.com
Modern solutions a web-developer can use [when] designing his/her next css-based form.
- Content with Style: Playing Nice with the Other CSS Kids contentwithstyle.co.uk
My CSS Framework and Modular CSS articles touched on maintainability but here I am going to expand on those ideas, and attempt to suggest some guidelines to make team CSS coding and maintenance easier.
- CSS Photo Shuffler by Carl Camera : Demonstration Site iamacamera.org
A Javascript + CSS replacement for Flash photo fading slideshow. Inspired by Richard Rutter's image fade demonstration.
- Useful tips for writing efficient CSS | 456 Berea Street 456bereastreet.com
"Jonathan Snook has posted a few great CSS coding tips in Top CSS Tips. Several of them come down to personal preferences, and it seems my preferences differ a bit from Jonathan’s in some cases". Mine too.
- Top CSS Tips - Snook.ca snook.ca
Funny. I do almost the complete opposite for every point. "I thought I'd share some of my habits when it comes to doing CSS work and let me warn you, some of what I have to say is probably a little controversial."
Accessible, pretty forms developed by Philip Howard
- Properties : CSS 2.1 Reference : Cultured Code culturedcode.com
- IEBlog : IE7 Is Coming This Month...Are you Ready? blogs.msdn.com
Waaaaah!
- CSS Validator colour warnings are not errors | 456 Berea Street 456bereastreet.com
t’s quite common for CSS authors to think that the warnings the CSS Validator reports are errors [...] Those particular warnings are there for accessibility reasons and to remind you that you need to take care when specifying colours.
- The Elements of Typographic Style Applied to the Web - a practical guide to web typography webtypography.net
A practical guide to web typography
- Equal Height Columns using CSS - Edward Eliot ejeliot.com
alternative to faux columns
- evil.che.lu - No more IE6 background flicker evil.che.lu
Fixing "the background flicker that happens when you hover a link that has an image as its backgound"
- CSS Shorthand Guide dustindiaz.com
Over the years, I’ve found quite some interesting unknown quirky facts about these shorthands…
- A List Apart: Articles: Text-Resize Detection alistapart.com
We’ll give you a way to detect your visitors’ initial font size setting—and a way to find out whenever your visitor increases or decreases the font size.
- Easy CSS hacks for IE7 - Nano See, Nano Do nanobox.chipx86.com
A few new CSS hacks that work in Internet Explorer 7
- How to add Unicode chars with CSS 'content' property? archivist.incutio.com
The problem is that your server is not specifying a character set for the style sheet, so the browser has to guess. There is no canonical way to guess.
- CSS Frames v2, full-height | 456 Berea Street 456bereastreet.com
The layout I describe here will have a fixed header at the top of the page, a scrolling content area in the middle, and a fixed footer at the bottom of the page.
- Flash of Unstyled Content (FOUC) explained | 456 Berea Street 456bereastreet.com
Safari also suffers from [FOUC]
- A List Apart: Articles: Elastic Design alistapart.com
You may want your website to display in a specific way, but your users may want it another way. Enforcing anything on a user is bad for usability and therefore detrimental to the success of the website.
- Favelets tantek.com
- Flash of Unstyled Content (FOUC) bluerobot.com
- Vitamin Features » Add microformats magic to your site thinkvitamin.com
A quick look at what microformats are and aren’t, then we’ll look at some very significant organizations already using them. Then we’ll take a look at just how easy it is to use them.
- Juicy Studio: Fixing Quotes in Internet Explorer juicystudio.com
"Although Internet Explorer recognises the q element, it doesn't render the quotations marks around the quoted text. A CSS solution isn't possible, as Internet Explorer doesn't support the :before and :after pseudo-elements, so this article suggests a scr
"Techniques you can implement to achieve advanced accessibility, beyond the guidelines." Nothing radical
- mezzoblue § New Headaches? mezzoblue.com
What strange new behaviour do we have to look out for in IE7? Are there things that work as expected in IE6 that don’t in IE7?
- IEBlog : Details on our CSS changes for IE7 blogs.msdn.com
Thank the lord!
- CSS tests and experiments brunildo.org
- CSS Frames | 456 Berea Street 456bereastreet.com
- Have a Slice petewilliamsagency.com
This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries
- Bare Naked App » Blog Archive » Displaying percentages barenakedapp.com
"No matter how many percentage bar’s will be displayed on the page the user will only need to wait for two images to be downloaded". Handy.
- Jim Roos: Playing With A Full Deck jimroos.com
Image clustering, a technique that allows you to create a single image comprising the set of all images used by your Web application. You can then use CSS to display only that portion of the image you're interested in
- Tantek's Thoughts — 2006 July tantek.com
Here is a summary of 8 steps any web developer can take to improve their page code
- Aptana: The Web IDE aptana.com
A robust, JavaScript-focused IDE for building dynamic web applications.