Comments on: Kick-Start Your Project: A Collection of Handy CSS Snippets http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/ Useful resources and inspiration for creative minds Sat, 25 May 2013 17:03:38 +0000 hourly 1 http://wordpress.org/?v=3.5.1 By: MechanisM http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-433551 MechanisM Sun, 10 Mar 2013 17:27:44 +0000 http://tympanus.net/codrops/?p=11619#comment-433551 For “media print” I see these lines:

background: none !important;
color: black !important;

what if I’m using custom theme in my system(lets say it is Ubuntu with dark GTK theme)? so default browser backgrounds will be black and black text on it?
be careful with browsers and user themes. coz a lot of times I see black text inside black inputs/textareas and so on..

]]> By: Dougieladd http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-432435 Dougieladd Sat, 16 Feb 2013 21:12:19 +0000 http://tympanus.net/codrops/?p=11619#comment-432435 I’ve just discovered “tympanus.net” (today in fact). I don’t know how I’ve done without it for all this time… The quality of the tutorial writing is excellent (albeit a little above my head sometimes). But I’ll enjoy sifting through the previous articles and tutorials.
Great tutorial thanks… and “hello” :)

]]> By: Ricardo Zea http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-432358 Ricardo Zea Thu, 14 Feb 2013 17:34:37 +0000 http://tympanus.net/codrops/?p=11619#comment-432358 For image replacement, there are 2 other techniques, both from Nicholas Gallagher:

Method 1 (not used by HTML5 Boilerplate anymore though):

.ir {
font: 0/0 a;
text-shadow: none;
color: transparent;
}
http://nicolasgallagher.com/another-css-image-replacement-technique/

Method 2 (currently used by HTML5 Boilerplate at the moment of writing this post – 2/14/13):

.ir {
overflow: hidden;
*text-indent: -999em;
}

.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
https://github.com/h5bp/html5-boilerplate/issues/1149

]]> By: Ricardo Zea http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-432149 Ricardo Zea Fri, 08 Feb 2013 21:48:52 +0000 http://tympanus.net/codrops/?p=11619#comment-432149 I’ve never heard or read about other browsers understanding the zoom property other than IE.

I’ve always simply used { zoom:1; } without any repercussions in Firefox, Safari, Chrome or Opera whatsoever.

]]> By: asrulalfi http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-428339 asrulalfi Mon, 26 Nov 2012 03:22:44 +0000 http://tympanus.net/codrops/?p=11619#comment-428339 great stuff to learn. keep sharing

]]> By: TrickToDesign http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-428320 TrickToDesign Sun, 25 Nov 2012 06:10:03 +0000 http://tympanus.net/codrops/?p=11619#comment-428320 Great and useful list of code. Really helped me …thanks a lot..

]]> By: seem http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-427723 seem Sat, 17 Nov 2012 06:59:43 +0000 http://tympanus.net/codrops/?p=11619#comment-427723 Real usefull, but we should just encourage people to use them thinking in proper working methods and time consuming projects, of course with the use of SASS & .scss.
Thanks for sharing great job man!

]]> By: YJ Tso http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-427640 YJ Tso Thu, 15 Nov 2012 08:46:51 +0000 http://tympanus.net/codrops/?p=11619#comment-427640 This is a nice collection! Expands on my own, so a big Thanks!

One note: many CSS preprocessors require Ruby to be installed on your server. If it’s not, that can be a real pain.

MODX CMS natively supports CSS as a content type (as well as HTML, JS, XML, RSS, etc) so I often leverage MODX’s powerful PHP framework to preprocess my stylesheets.

#foodforthought

Thanks again!

]]> By: Richard http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-427358 Richard Fri, 09 Nov 2012 17:56:31 +0000 http://tympanus.net/codrops/?p=11619#comment-427358 Your print stylesheet looks slightly off – you’re missing the “:after” pseudo-element for the “#” and “javascript:” links, and you’re only matching links where the attribute is *exactly* equal to “#” or “javascript:”. Presumably the selector should be:

a[href^="#"]:after, a[href^="javascript:"]:after

]]> By: Julien Jolly http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/comment-page-2/#comment-427297 Julien Jolly Fri, 09 Nov 2012 10:03:53 +0000 http://tympanus.net/codrops/?p=11619#comment-427297 This is the best CSS oriented article I have read in a long time.
Thx man!

]]>