Writing CSS is simple and easy, but it often takes much of a developer’s time to write, test, debug and implement styles that work equally well on all browsers on all devices. To make CSS development convenient, many of the front end developers and enthusiasts actively participate and discover solutions that work for majority of web audience. Thousands of blogs and websites are dedicated, that actively publish tools, articles and tutorials to facilitate you in your CSS coding. Here I have gathered a fraction of what exists on the web for CSS:

Official

  1. Homepage
  2. Specifications
  3. Learning
  4. Software List

Tools

  1. px to em to % to pt Calculator
  2. Realtime Font Preview
  3. Visual Contrast Ratio
  4. CSS Prefixer

Frameworks, Layout Systems, Libraries

  1. 1KB SCSS Grid
  2. 960 Grid System
  3. A CSS Framework
  4. Baseline
  5. Blue Print Css
  6. Blue Trip
  7. Cascade Framework
  8. Columnal – Experimental (not actively maintained)
  9. Compass
  10. CSS3 Action Library
  11. Easy
  12. Elements CSS
  13. eMastic
  14. FEM CSS
  15. FlaminWork
  16. Fluidable
  17. Fluid 960 Grid System
  18. Foundation
  19. Foxy CSS
  20. G5 Framework
  21. Gridless
  22. Goldilocks
  23. Gridlock
  24. Groundwork CSS
  25. Gumby
  26. Helium
  27. HTMLKickStart – with CSS
  28. Ingrid
  29. Intuit CSS
  30. Interface Kit (InK)
  31. Jaidee – with CSS
  32. jQueryUI CSS Framework
  33. KNACSS
  34. Kube
  35. Kule CSS Lazy
  36. Less Framework
  37. LogiCSS
  38. Lovely CSS
  39. Malo
  40. My CSS Framework
  41. One Line and Two Line CSS frameworks
  42. Profound Grid
  43. Responsive Grid System
  44. Responsive Grid System (responsive.gs)
  45. ROCSSTI
  46. Semantic Grid System
  47. Sensible CSS
  48. Skeleton
  49. Stack Layout
  50. The Golden Grid
  51. Tripoli – Probably inactive
  52. Twitter Bootstrap
  53. Un Semantic
  54. WYMStyle
  55. xCSS
  56. Yet Another Multi-Column Layout
  57. YUI CSS Library
  58. ZASS

Have a look at CSS Framework Comparison, also why and when to use CSS framework. This critical analysis is also worth reading.

CSS Contents Delivery

  1. PageCDN
  2. CDNjs
  3. BootStrap CDN
  4. Google Fonts CDN
  5. jsDeliver
  6. Google Pagespeed

Reset Utilities

  1. Reset5
  2. YUI Reset
  3. Normalize
  4. CSS Mini Reset
  5. UndoHTML.css
  6. Eric Meyer Reset
  7. CSS Mobile Reset
  8. HTML5 Reset Stylesheet – HTML5 Doctor.com

Here you can test all reset stylesheets online or get these in one place.

Pre-Processors

  1. CSS Cacheer
  2. CSS Crush
  3. CSS PP
  4. CSS Preprocessor
  5. DT CSS
  6. Less
  7. SASS
  8. Stylus
  9. Switch CSS
  10. Turbine
  11. PCSS

Reasons, as to why not blindly go for a CSS Pre-Processor.

Menus & Menu Makers

Writers

CSS Generators

  1. Sprites
  2. CSS Image to Data URI
  3. Color Convertor and Matching Color Scheme Generator

Sprites, menus, tooltips, etc

Clean/Compress/Minify/Optimize

  1. Minify on Google Code / Github
  2. MinCSS – Identify redundant selectors
  3. BEM CSS Optimizer
  4. CSSTidy Based Online CSS Optimizer
  5. CSSTidy – inactive since 2007
  6. CSSMinifier – CSSMinifier.com
  7. Online YUI based CSS Compressor
  8. YUI CSS Compressor
  9. CSS Compressor – CSSdrive.com
  10. CSS Compressor – MinifyCSS.com
  11. Minify CSS in Code Ignitor
  12. Clean CSS – node.js CSS Minifier
  13. Icey Keyboard CSS Compressor
  14. CSS Optimiser

Prettifiers

  1. Format CSS – CSSPortal.com
  2. Format CSS – lonniebest.com

CSS3 Compatibility

  1. Litmus
  2. Selectors Test
  3. Browser Support
  4. Test how much CSS3 your browser supports
  5. Quirks Mode
  6. Can I use
  7. W3Schools
  8. Comparison on Wikipedia
  9. Webdevout
  10. Site Point
  11. CSS Support in email
  12. Browser Support Checklist
  13. CSS3 Click Chart
  14. Can I Use
  15. Search firefox and chrome extensions for compatibility check.

Templates

Validators

  1. CSSLint
  2. W3 Jigsaw CSS Validator
  3. CSSPortal CSS Validator
  4. XHTML-CSS Validator
  5. Chrome Extension
  6. CSS Validator – Firefox Extension

CSS Blogs/Websites

  1. noupe
  2. Smashing Magazine
  3. Jeff Croft
  4. CSS Tricks
  5. CSS Drive
  6. CSS3.info
  7. Eric Meyer
  8. Add CSS
  9. Max Design
  10. W3Schools

http://www.webmonkey.com/category/css/
http://www.sitepoint.com/category/css/

CSS Tips and Tricks

CSS Tweeters

CSS Editors

This list covers desktop and browser based offline CSS editors. For online CSS editing and playing, see the next section “CSS Playground”.

  1. Zen Coding – CSS plugin for many editors

CSS Playground

  1. Dabblet
  2. Zen Garden
  3. CSS3 Playground – MikePlate.com
  4. CSS3 Playground – WebFlow.com
  5. CSS Desk
  6. deaxon
  7. Construct CSS – Visual Layout Editor
  8. Online CSS Editor
  9. CSS Grid Builder
  10. CSS Filter Lab
  11. CSS Editor
  12. Layer Styles

CSS Books

  1. Apress – Beginning CSS Web Development From Novice to Professional (2006)
  2. Art_Science_Of_CSS_Giveaway
  3. CSS Anthology
  4. Everything you Know about CSS is Wrong
  5. CSS Mastery – Advanced Web Standards Solutions
  6. CSS Hacks and Filters
  7. The Art and Science of CSS

Add More Books from sitepoint, amazon, o’reli, apress, etc

CSS Projects

  1. Animatable
  2. Formalize
  3. Vogue
  4. Livereload
  5. CSS x Fire
  6. FFFFallBack
  7. Needle
  8. Spritemapper
  9. CSS sitemap System
  10. Holmes
  11. CSS Stress Test

More projects from: http://lea.verou.me/projects/

CSS Mailing Lists

  1. CSS-Discuss
  2. W3.org Mail Archives

CSS Discussion

  1. Webmaster World

Browser Extensions

Firefox Extensions

  1. Firebug
  2. Web-Developer
  3. Edit CSS
  4. CSS Validator
  5. CSS Usage
  6. CSS Reloader
  7. CSS Viewer
  8. CSS Toolbox
  9. CSSsir
  10. Code Burner
  11. Fire Finder
  12. Dust me Selectors

Google Chrome Extensions

https://www.google.com.pk/search?q=css+discussion+boards&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a
https://www.google.com.pk/search?q=css+lessons+and+classes&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a
https://www.google.com.pk/search?q=css+performance+tests&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a
https://www.google.com.pk/search?q=css+blogs&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a
https://www.google.com.pk/search?q=css+tips+and+tricks&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a

This library lists apc_* family of functions for eAccelerator, xCache or Disk Cache operations if APC or APCu is not available on server. When APC is installed and enabled, this library does nothing (because the desired functions are already available) – resulting in zero wrapper call overhead since all calls go directly to internal APC api.

Continue reading

When working with arrays in PHP, you may often need to check whether each of an array’s element contains scalar data or is there an element that contains another array (a sub-array). In other words, what you want is to check if the array multidimensional? To solve the mystery, many people quote a buggy snippet on stackoverflow and other programming websites. Reading through such pages, I decided to explain a bug in the most commonly used method of checking multidimensional arrays, and also to provide the right solution.

Continue reading

I have just uploaded the next version of the Portable UTF-8, PHP unicode library. This version adds 9 UTF-8 string functions to the library. There are a few bug fixes, and also some performance optimizations, but the release was mainly to extend the functionality of the library.

Continue reading