Prezi

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in the manual

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

LESS and Cassette

No description
by Adam Brauer on 18 June 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of LESS and Cassette

LESS
WHAT?
CASSETTE
WHAT?
Cassette.Less
Preprocessor for CSS
Variables
Nesting
Single-line comments
Mixins
Operations
Functions
http://lesscss.org
WHY?
Productivity
Easy to get started - just rename file extension (CSS is valid LESS)
Reignite the old CSS flame
Active community / actively developed
HOW?
http://getcassette.net
Asset management for .NET
Bundling
Minification
Caching (and busting)
Compression
WHY?
Faster load times
Make Y-Slow and PageSpeed happy(er)
Automatic versioning
Manage HTML templates
Active community / actively developed
Compiles LESS
HOW?
NuGet
Uses a plugin architecture. Get core, then install only the extras you need.
In our case...
RESOURCES
LEARNING
LESS EDITORS / COMPILERS
OTHER
http://lesscss.org
http://getcassette.net
http://www.dotlesscss.org
http://getpreboot.com/
http://twitter.github.io/bootstrap
https://github.com/cloudhead/less.js/wiki/GUI-compilers-that-use-LESS.js
http://vswebessentials.com/features/less (Web Tools 2012.2)
http://www.mindscapehq.com/products/web-workbench
http://procssor.com (formatting existing css to less)
Compilers and editors
js library, command line, node
dotless (.NET port)
LESS.app, SimpLESS, CRUNCH
Visual Studio
Mindscape Web Workbench
Web Essentials
Grab some mixins (Preboot, Bootstrap)
dotless
+
DEMO
http://www.dotlesscss.org/
https://github.com/cloudhead/less.js/wiki/GUI-compilers-that-use-LESS.js
http://www.mindscapehq.com/products/web-workbench
http://vswebessentials.com/features/less
http://getpreboot.com/
http://twitter.github.io/bootstrap/
See the full transcript