Microsoft MVP - Orchard CMS Developer

RSS Twitter Google+

Orchard Web Developer - David Hayden

I develop exceptional websites based on Orchard CMS. I create Orchard Themes, custom Orchard Modules and Widgets, and convert WordPress and HTML Templates to Orchard Themes.


Contact Me: david@sarasota.me

Recent Links
Mobile Web Development for iOS and Android with Adobe Shadow Link Mobile Web Development for iOS and Android with Adobe Shadow
ASP.NET MVC 4 AllowAnonymous Attribute and Authorize Attribute Link ASP.NET MVC 4 AllowAnonymous Attribute and Authorize Attribute
Fixing the Orchard Gallery Feed Error Install Package Failed Link Fixing the Orchard Gallery Feed Error - Install Package Failed
Creating Custom 404 and Error Pages in Orchard CMS Link Creating Custom 404 and Error Pages in Orchard CMS
Conditional Attributes in Razor View Engine and ASP.NET MVC 4 Link Conditional Attributes in Razor View Engine and ASP.NET MVC 4
Display Edit Links Around Content and Widgets in Orchard CMS Link Display Edit Links Around Content and Widgets in Orchard CMS
Converted ASP.NET MVC Website to Orchard CMS Link Converted ASP.NET MVC Website to Orchard CMS
Orchard Data Migration Classes Automatically Update in Orchard 1.4 Link Orchard Data Migration Classes Automatically Update in Orchard 1.4
What's News in Orchard 1.4 Link What's News in Orchard 1.4
ASP.NET MVC 4 Bundling and Minification of CSS and JavaScript Link ASP.NET MVC 4 Bundling and Minification of CSS and JavaScript
Tweets
Quick tip on using WorkContext.CurrentTheme and Html.ThemePath in Orchard CMS. http://t.co/9M8c4ke9 #orchardcms
JetBrains released dotPeek 1.0, their Free .NET decompiler and assembly browser. http://t.co/O65OqcLQ
Amazon Web Services now supports SQL Server and .NET Applications. http://t.co/nNZSd9Z9
After many hours of KoA and Skyrim, I need to find a new RPG for me and the kids. Thinking an older one - Dragon Age: Origins.
Orchard 1.4.1 Released! Download: http://t.co/KDphWq7U Blog Post: http://t.co/MnVvVhHh #orchardcms
Donating my remaining 103 .NET and Software Development books to local public library today. Hope they make a difference!
tags

Web Design Using Expression Web 4 - Snippets

Jul 24, 2011 expressionweb David Hayden

Let's continue our look at the new features in Expression Web 4 SP2. Last time we mentioned the new thumbnail preview for images selected in the folder list. This time we are focusing on the snippets panel that allows web designers and developers to easily copy and paste reusable snippets into the code view in Expression Web 4.

Snippets Panel in Expression Web 4 SP2

Most Web Development IDE's, like Expression Web 4, provide a way for web developers and web designers to organize commonly used HTML, jQuery, JavaScript, and other code snippets into a library that they can easily access to copy and paste into their web documents. Think about all the HTML and JavaScript code you resuse from website to website or page to page when authoring websites and web applications. Organizing this code into snippets that can easily be copied and pasted when applicable is a huge time saver. This is exacly why there is a new Snippets Panel in Expression Web 4 with the release of SP2.

Snippets Panel in Expression Web 4 SP2

The Snippets Panel is pretty self explanatory. As a web designer you organize your code snippets in a hierarchy of folders of your choosing. Expression Web 4 already comes with some pre-installed for your pleasure. Via the Options menu you are able to create, edit, and delete snippets accordingly.

Creating Snippets in Expression Web 4 SP2

Creating snippets is really easy as well. A small modal dialog appears that allows you to name your snippet, write a brief description, and add the code. Expression Web 4 didn't have a snippet for referencing jQuery on the Google CDN so we created one similiar to the one pre-installed pointing to the Microsoft CDN. Took 15 seconds and now we can use this snippet in all our websites saving us a lot of time and reducing errors.

Google jQuery CDN Code Snippet Expression Web 4 SP2

It's as easy at that!

Conclusion

If you are a web designer or web developer looking for a web development IDE to author your websites, the new Service Pack 2 for Expression Web 4 has some really nice new features.

You can follow all our posts on Expression Web.

TOP! © Copyright Sarasota.me
FOLLOW ME:
TWITTER