Video at http://www.youtube.com/watch?v=HaJnhYPLvx0
Large Drupal projects will generally have a themer or five working alongside the developers, site builders and designers. Themers are the magicians who transform what Drupal wants to do into what the designer wants it to do.
Smaller projects also usually need someone on the team who can make sense of Drupal's output, knows more CSS and JS than anyone else and can configure Views with their eyes closed.
The thing is — and whisper this, if possible redundancy concerns you — we can bypass the themer entirely.
With some simple configuration, a site builder can get Drupal to output exactly the semantic, lightweight markup that any modern front-end designer would be proud of. The designer can be left alone to write the most appropriate HTML, CSS and JS, while the site builder need only choose a couple of options when putting together content types, views and panels to make Drupal behave.
A friendly developer may have to lend a hand every now and then, but that’s it. You can get rid of the themer altogether.
http://2013.drupalcamplondon.co.uk/session/death-themer
31. Preprocessors Static page generators Static image prototyping
Sass — CSS preprocessing Hammer for Mac http:// InvisionApp — very slick —
Less — similar to Sass hammerformac.com/ http://invisionapp.com/
Stylus — a good but less popular Middleman — a bit more complex Shipment — nice dropbox
preprocessor — requires command line http:// integration — http://
Susy/Singularity/ZenGrids/ middlemanapp.com/ blog.shipmentapp.com/
GridSet — grid system CodeKit — http://incident57.com/ Browsers
generators codekit/index.php Chrome — Supports Sass in the
Compass — add-on functionality Mixture.io http://mixture.io/ web inspector — needs sass
for Sass like vertical rhythm, Serve — Riby gem https:// debugging turned on
sprites, css3 etc github.com/gummesson/serve Canary — Same as above but
Bourbon — Similar to Compass Testing also supports source maps
much to their dismay Live Reload Safari — can use the desktop
Toolkit — A few nice extras to Guard — command line tool, web inspector on the remote
have — https://github.com/ faster than live-reload iphone/ipad site
Snugug/toolkit Adobe Edge Inspect — http:// Browser Extentions
CSS Frameworks html.adobe.com/edge/inspect/ Web Inspector — needs sass
SMACSS — styleguide/ Mixture.io — http://mixture.io/ debugging turned on and
framework for developing css Virtual Box with Windows XP and experimental mode
that is both modular and scalable snapshots with IE6, IE7, IE8 Speed Tracer
OOCSS — object orientaed CSS Lots of devices YSlow
— more strict than smacss Typography Adobe edge Inspect
Styleguide generation typecast — http://typecast.com/ Live Reload
KSS — uses comments in files to — can preview fast Visual design and layout
generate a styleguide — http:// Colour Fireworks — for working out
warpspire.com/posts/kss/ Kuler — https://kuler.adobe.com/ Photoshop — mainly for image
Typecast — quick way to Colour Lovers — http:// manipulation
generate styles for type www.colourlovers.com/ InDesign — some very useful
Clarify — http://www.clarify.io Color Scheme Designer — http:// tools for wireframes
Style-Sites — https://github.com/ colorschemedesigner.com/ Illustrator — creating SVG files
snugug/style-sites http://color.hailpixel.com/ and illustrations
UXPin — http://uxpin.com/