Comments on: 10 CSS shorthand techniques you’ll use everyday

By: » 10 CSS shorthand techniques you’ll use everyday

» 10 CSS shorthand techniques you’ll use everyday — Sat, 08 Oct 2011 22:36:51 +0000

[...] more: http://www.thefloatingfrog.co.uk/web-design/10-css-shorthand-techniques-youll-use-everyday/ Cancel [...]

By: sandra

sandra — Wed, 26 Jan 2011 17:21:56 +0000

What about active links? Is it possible to use a shorthand?

.body { font: bold 11px/17px Verdana, Arial, Helvetica, sans-serif; color: #333333}
.body a:link { color: #ffffff; text-decoration: none}
.body a:visited { color: #ffffff; text-decoration: none}
.body a:active { color: #ffffff; text-decoration: underline}
.body a:hover { color: #ffffff; text-decoration: underline}

And if I don`t want any underline:

.body { font: bold 11px/17px Verdana, Arial, Helvetica, sans-serif; color: #333333}
.body a:link { color: #ffffff; text-decoration: none}
.body a:visited { color: #ffffff; text-decoration: none}
.body a:active { color: #ffffff; text-decoration: none}
.body a:hover { color: #ffffff; text-decoration: none}

By: biophonc

biophonc — Tue, 23 Feb 2010 12:05:33 +0000

writing it the shorthand way is important – true – but avoiding redundancy is imho more important. optimizing properties is quite easy but cleaning up selectors is a pain in the azz, because you also have to change the markup.

However: great article – perfect for mailing it to some people at work

By: A Comprehensive CSS Development Guide For Beginners & Experts « deCode10 – trends, technologies & more …

Mon, 18 Jan 2010 06:22:02 +0000

[...] To start with, here is a quick guide to do some most common things in CSS… and here is the quickest CSS code for most common layout types. CSS Sandbox is a good place if you are a beginner, it shows a comprehensive list of text styling properties and combination upfront to try it out and download. Also, if you prefer to code from scratch, this, this and this seems like good articles to clear your basics. Here are some very basic guidelines for writing a decent CSS code. I like this article for some expert advices on CSS Shorthand Techniques. [...]

By: CSS Inheritance: Slideshare Presentation | Frog's Digital Design Blog

CSS Inheritance: Slideshare Presentation | Frog's Digital Design Blog — Wed, 30 Dec 2009 00:39:40 +0000

[...] CSS Shorthand top tips. Think you’re a CSS Guru? You should checkout CSS Shorthand, we’ve even written an article on it. [...]

By: 84 Amazingly Useful CSS Tips & Resources « Knowledge Articles

84 Amazingly Useful CSS Tips & Resources « Knowledge Articles — Tue, 11 Aug 2009 08:03:12 +0000

[...] 10 CSS shorthand techniques you’ll use everyday [...]

By: James

James — Sat, 27 Jun 2009 10:35:38 +0000

Nice tips… ever since I learned CSS, I’ve been doing things the hard way until the other day a friend told me it was messy, so I better get my act together…. =P

By: Louis

Louis — Mon, 01 Jun 2009 00:28:58 +0000

Nice list. Don't forget to mention that if you use the "font" shorthand, you have to put the different properties in a specified order, otherwise they won't work. Which is basically why I personally don't use that one. Louis’s last blog post..How To Put a Multi-Line Indent on a Styled Blockquote

By: Lethalogica

Lethalogica — Sat, 30 May 2009 21:06:34 +0000

Nice list, only one I don’t use for everything is the font one.

By: 10 CSS Shorthand Techniques You’ll Use Everyday | Design Newz

10 CSS Shorthand Techniques You’ll Use Everyday | Design Newz — Sat, 30 May 2009 14:00:53 +0000

[...] 10 CSS Shorthand Techniques You’ll Use Everyday [...]