Entries:
Comments:
Posts:

Loading User Information from Channel 9

Something went wrong getting user information from Channel 9

Latest Achievement:

Loading User Information from MSDN

Something went wrong getting user information from MSDN

Visual Studio Achievements

Latest Achievement:

Loading Visual Studio Achievements

Something went wrong getting the Visual Studio Achievements

Working with images in Web Essentials 2013

Download

Right click “Save as…”

  • MP3 (Audio only)
  • MP4 (iPhone, Android)
  • Mid Quality MP4 (Windows Phone, HTML5, iPhone)

This is a demo of a typical workflow for working with image files in Visual Studio. Web Essentials adds a lot of tools that makes this workflow easier than ever.

Features demoed:

  • Paste image from clipboard
  • Lossless image optimization
  • Create image sprites
  • Sprites are better with LESS/SCSS
  • Base64 encode images
  • Optimize base64 encoded images

Existing features NOT demoed in this video:

  • Paste image from clipboard onto CSS, LESS, SCSS, JavaScript, TypeScript, Markdown
  • Save base64 encoded image back to disk
  • Re-embed existing image as base64 encoded dataURI
  • Adding more images to a sprite
  • Changing an existing sprite without breaking your site
  • Optimize image from the HTML editor (Smart Tag on <img> element)

Let me know what you think.

Follow the Discussion

Remove this comment

Remove this thread

close

Comment on the Post

Already have a Channel 9 account? Please sign in