Visual Studio Toolbox: Web Essentials and CSSCop

Sign in to queue

Description

In this episode, Mads Kristensen returns to show extensions he wrote to make Web development easier. Mads shows us what's new in the Image Optimizer and how the Web Essentials extension provides a number of features that help you write Web apps faster. He also previews a new extension: CSSCop, which is FXCop for stylesheets.

Demos:

  • Image Optimizer starts around 5:00
  • Web Essentials starts around 9:00
  • CSSCop starts around 33:45

If you missed Mads first appearance on this show, check out Episode 10 and watch Mads show the Web Standards Update for Visual Studio 2010 SP1.

Embed

Download

Download this episode

The Discussion

  • User profile image
    mustgetit

    Matt back again Smiley thanks a lot refreshing our memory of 5000 people, like the part 2 web essentials, and why css cant explore all the features. Matt its very nice that you share your experiences web based tools as a part time developer. Recently we have a big project of a hosting firm, and matt,s video help us a lot in optimizing image for their web. yeh matt you are right image optimization play vital role in ranking. Idea of optimizing images through smartshit dot com. Its really amazing that their engine optimize images by it self. Its real time blunder most of web master use to do: not optimizing their images. I am totally agree with you matt that optimizing images can improve your site performance.

  • User profile image
    Sigma54

    This is great! I especially like the live preview option!

    Robert, when you have a stylesheet open, go to the Styles menu at the top and then you can use a designer to make or edit style rules! This is useful for those of us who aren't completely familiar with all the CSS options that are available! VS2010 doesn't have CSS3 in those designers but Expression Web 4 does have some CSS3 options in theirs which is fun to check out... especially the border radius options since it shows a preview of what it will look like as you change the parameters!

  • User profile image
    Serinia

    Big Smile great. love the improvement in writing code, regions/comments. Live preview is time saving! and the optimizer... I`m really glad to have these tools presented.

  • User profile image
    DeadX07

    Very nice tools, they make you quite a bit more productive where it matters for web development. Thanks.

  • User profile image
    itwolf

    Thank you for this video, I will for sure use it in my current project to optimize our images and speedup css coding...

  • User profile image
    programmer

    It is really annoying listening to the presenter smack his lip and have suck a dry mouth. Really good content, but had to tune out because it was ridiculously annoying.

  • User profile image
    programmer

    Really good development though. Didn't mean to be so harsh, but they should lower your mic or edit those sections out. Really awesome work and thank you.

  • User profile image
    Abner

    I find on problem, wheh you create a class on css, like this .class { } and you press the enter button after de close } than put ; after like this };

    I think this occurs because if you especify a propert like margin: 100px and press enter than put ; after.

    I think its a problem put ; when you press enter button after close }

  • User profile image
    Mike

    The Ctrl+arrow key for changing pixels isn't working for me.

Add Your 2 Cents