webDotWiz Online Homepage ► Sites Listing ► Website Design (Last update 06-Sep-2010)

Website Design

Links to hints and tips and tutorials so you can get started with your own website.

Firstly you can get used to owning your site by setting up a Windows Live Space. There are plenty of options for colour, theme and layout. Owning a Live Space will give you a feel for what's required to run a website.

To start, go to spaces.live.com to start your own Live Space (if you haven't already got a Windows Live ID, you'll need to get a Live ID first).

Links in September 2010

Design of the MSDN Hub Pages: blogs.msdn.com/b/jmeier/
Jazz up your site - Adding Photosynth and Bing Twitter Map: www.microsoft.com/web/solutions/
Messenger Connect Sharing Using the Messenger Badge: msdn.microsoft.com/en-us/windowslive/
Provide a 360 Degree 3D Panoramic Tour on Your Website: www.microsoft.com/Web/solutions/

Links in August 2010

5Grid Web Site Template: gallery.expression.microsoft.com
7 Useful Resources to Help You Learn HTML5: webdesignledger.com
Article vs. Section in HTML5 - We've Finally Gone Mad: www.visitmix.com/Opinions/
Expert Reviews of Web Sites Using Heuristic Evaluation: blogs.msdn.com/b/jmeier/
Expression Web Forum: expressionwebforum.com
jQuery Tutorials for Designers: www.webdesignerwall.com/tutorials/
New features for the Bing Webmaster Tools: www.liveside.net/bingblog/
Script Junkie: blogs.msdn.com/b/somasegar/
ScriptJunkie Home - Serious Web Development: msdn.microsoft.com/en-us/scriptjunkie/
Using jQuery to animate a Hero: www.visitmix.com/LabNotes/
Using jQuery to Open External Links in a New Window - Expression Web: www.dotnetcurry.com

General links for July 2010

Announcing WebMatrix – a small, simple and seamless stack for Web developers: blogs.iis.net/bills/
CSS Corner - Better Web Typography For Better Design: blogs.msdn.com/b/ie/
Free Green Business Web Site Template: blogs.msdn.com/b/xweb/
Introducing WebMatrix: weblogs.asp.net/scottgu/
Introduction to WebMatrix Beta – A New, Free Tool for Website Development: blogs.msdn.com/b/cbowen/
Less is More, More or Less: www.visitmix.com/Opinions/
Microsoft WebMatrix in Context and Deploying Your First Site: www.hanselman.com/blog/
WebMatrix: www.microsoft.com/web/webmatrix/

General links for June 2010

Adding symbols and characters to your web page: blogs.msdn.com/b/xweb/
Create useful, professional-Looking add-ins for Expression Web 4: blogs.msdn.com/b/xweb/
Create useful, professional-Looking add-ins for Expression Web 4 (e.g. Insert Bing Map into HTML page): blogs.msdn.com/b/xweb/
Easily create an Add-in for Expression Web 4 with the Add-in Builder: blogs.msdn.com/b/xweb/
Expression Web Licensing and Upgrade Clarification: social.expression.microsoft.com/Forums/en-US/web/
Expression Web 4 Licensing FAQ: blogs.msdn.com/b/xweb/
Expression Web 4 Overview: www.microsoft.com/expression/products/Web_Overview.aspx
Expression Web 4 Released (Free upgrade for those who purchased EW3): social.expression.microsoft.com/Forums/en-US/web/
Favorite Expression 4 features: blogs.msdn.com/b/somasegar/
Improve Your Site’s Search Ranking: blogs.msdn.com/b/xweb/
Silverlight PivotViewer Now Available: channel9.msdn.com/posts/LarryLarsen/
SlapShot for Expression Web 4: blogs.msdn.com/b/xweb/
Sneak-peek at the new Bing Webmaster Tools: www.bing.com/community/blogs/webmaster/

General links for May 2010

12 things you shouldn't publish on your site: ask.officelive.com/smallbusiness/wiki/
Expression Studio 4 Launch on June 7th: 10rem.net/blog/
jQuery Primer: mike.members.winisp.net/jquery/
jQuery Primer - About: blogs.msdn.com/mikeormond/
On Being an Intelligent Designer: visitmix.com/Opinions/
Resources for Expression Web Users: blogs.msdn.com/xwebsupport/
Tagxedo: www.tagxedo.com
Visual Web Developer - Design View Performance Improvements: blogs.msdn.com/webdevtools/

General links for April 2010

Blinding Light of Experts: visitmix.com/Opinions/
Deep Zoom Tutorial Part 1: digitaltransfusion.net
Design for Action: www.visitmix.com/Opinions/
Equal Height Columns Site Templates: www.frontpage-to-expression.com/site-templates/
Expression Web - Different types of hyperlinks: blogs.msdn.com/xweb/
Microsoft Expression Web 3 Service Pack 2: bink.nu/news/
Same Markup - Writing Cross-Browser Code: blogs.msdn.com/ie/
Service Pack 2 for Expression Web 3: blogs.msdn.com/xweb/
Service Pack 2 for Expression Web 3 is avaliable: social.expression.microsoft.com/Forums/en-US/web/
TagCrowd - Create a tag cloud: tagcrowd.com
Tagxedo, tag cloud with styles: www.tagxedo.com
Visual Web Developer 2010 Express has Arrived: blogs.msdn.com/webdevtools/
Web Development Information on the Web: net35.ccs.neu.edu/home/rasala/weblinks.aspx

General links in March 2010

Building Scalable Databases - Are Relational Databases Compatible with Large Scale Websites?: www.25hoursaday.com/weblog/
Common Sense Content Strategy: www.visitmix.com/Articles/
Cookie cutter web sites: carsonified.com/blog/design/
CSS Crunch - new Internet Explorer Extension for developers: blogs.msdn.com/ie/
Discovering Trustworthiness: www.visitmix.com/Articles/
Future of Wireframes: visitmix.com/Articles/
Increase your search rankings with better web page titles: blogs.msdn.com/anna/
Preview your work with Expression Web Snapshot Panel: blog.thedesigndrifter.com

General links in February 2010

3 Free ways to analyse your website backlinks: blogs.msdn.com/searchblog/
Anatomy of Web Design: www.visitmix.com/Articles/
Choosing The Best CSS Framework - A Complete Guide: devsnippets.com
New global visual language for the BBC's digital services: www.bbc.co.uk/blogs/bbcinternet/
Personal weblog of Joe Clark, Toronto: blog.fawny.org
Things that are brown - website design: thingsthatarebrown.com
Understanding the Real-Time Web for Web Developers: www.25hoursaday.com/weblog/

The following links will get you started with your Live Space:

Answers to frequently asked questions about the latest version of Windows Live: thespacecraft.spaces.live.com
Free Internet Explorer debugging tool - Microsoft Expression Web SuperPreview: blogs.msdn.com/xweb/
Getting the best out of Windows Live Spaces: d3vmax.spaces.live.com/Blog/
How To Choose an Effective Blog Template or Theme: blogs.msdn.com/jmeier/
Live Spaces celebrates its third birthday this week (July 2007): thespacecraft.spaces.live.com
Moving to Web Standards with SuperPreview: blogs.msdn.com/xweb/
Spell Check As You Type: spaces.msn.com/members/webdotwiz/
The Space Craft (Live Spaces Team Blog): thespacecraft.spaces.live.com

Expression Design

Expression Design is now part of the purchase of Expression Web 3.

Blend paths: expression.microsoft.com/en-us/library/
Creating Graphics and UI Controls with Expression Design: expression.microsoft.com/en-au/dd434641.aspx
Expression Design 3 on MSDN: expression.microsoft.com/en-us/library/
Expression Design Forum: social.expression.microsoft.com/forums/en-us/design/
Expression Design Training Videos: expression.microsoft.com/en-au/cc197142.aspx
Expression Guides - Expression Design: www.expressionguides.com
How to create background image similar to that at Expression forum: social.expression.microsoft.com/Forums/en-US/design/
Library of How-to's: expression.microsoft.com/en-us/library/
Opacity effect: social.expression.microsoft.com/Forums/en-US/design/
Microsoft Expression Tutorials: www.expression-tutorials.com
Twirling smoke effect in Expression Design: geekswithblogs.net/tkokke/
Twirling Smoke Effect - More Samples: social.expression.microsoft.com/Forums/en-US/design/
Working with Images in Expression Design (Mini-tutorial): blogs.msdn.com/canux/

Expression Design How-to's and tutorials

4 Useful Vector Tips for Great Designs: silverzine.com/tutorials/
Blending Photos: blogs.msdn.com/expression/
Create a fire button: silverzine.com/tutorials/
Getting the most out of the Vector tools in Expression Design: silverzine.com/resources/
Green Slime – Just in Time for Halloween: blogs.msdn.com/xdesignsupport/
How to Put Text on a Path: expression.microsoft.com/en-us/cc197149.aspx
Image Crop (Video): iis7test.com/ExDesignSoccerball/
Importing and rendering XAML shape data in XNA Game Studio with Expression Design: blogs.msdn.com/manders/
Let's walkthrough some paths: blogs.msdn.com/xdesignsupport/
Making waves about ripples: blogs.msdn.com/xdesignsupport/
Maniupulating text as vectors: agkdesign.wordpress.com
Removing backgrounds from photos: blogs.msdn.com/expression/
Retro-lines: geekswithblogs.net/tkokke/
Rounding Corners of a Vertical Gradient Rectangle on the Top Only: social.expression.microsoft.com/Forums/en-US/design/
Shadow Break effect for web pages: silverzine.com/tutorials/
Slices overview: expression.microsoft.com/en-us/library/
Torn paper effect: social.expression.microsoft.com/Forums/en-US/design/
Vector Graphics How-to: agkdesign.wordpress.com
Working with hand-drawn art: blogs.msdn.com/xdesignsupport/

Expression Encoder

Expression Encoder is now part of the purchase of Expression Web 3.

Expression Encoder 3 Screen Capture - A small wonder: pendsevikram.blogspot.com
Expression Encoder Team Blog: blogs.msdn.com/expressionencoder/
Incorporating Videos in a Website with Silverlight Streaming and Expression Encoder: blogs.msdn.com/tejas/
Microsoft Expression Encoder 3 FAQ: blogs.msdn.com/expressionencoder/
Microsoft Expression Encoder 3 Download: www.microsoft.com/downloads/
Which edition is right for you?: team.silverlight.net/announcements/

Expression Web

Expression Web 3 is made up of Expression Design, Expression Encoder and Expression Web 3. How-to's for Expression Web 1 and Expression Web 2 is most cases will apply also to Expression Web 3.

10 Completely Free Wireframe and Mockup Applications: speckyboy.com
27 Must-Have Starter Kits For Web Designers: www.hongkiat.com/blog/
50 Websites For Free Vector Images Download: www.hongkiat.com/blog/
Adding Silverlight Video to Websites with Expression Web 3: team.silverlight.net/announcements/
Any Expression Web Tips Ezine: tech.groups.yahoo.com/group/any-expression/
Benefits of Standards-Based Design with Expression Web: expression.microsoft.com/en-us/dd547529.aspx
Blue Screen after installing Expression Web 3 on Windows XP SP2: blogs.msdn.com/xwebsupport/
Christmas Templates: www.expression-web-tutorials.com/christmas/
Clearing CSS Floats with Expression Web: expression.microsoft.com
Dynamic Web Templates with Expression Web 2: expression.microsoft.com
Essential Expression Web, Blend & Design Learning Resources: geeks.netindonesia.net/blogs/umifadilah/
Expression Studio and Expression Web - Chris Leeds MVP: chrisleeds.spaces.live.com
Expression Web 2 installation crashes - known causes: blogs.msdn.com/xwebsupport/
Expression Web 3: www.microsoft.com/expression/
Expression Web 3 - Add Silverlight video to a page: expression.microsoft.com
Expression Web 3 Installation is taking a Really long time (solution): blogs.msdn.com/xwebsupport/
Expression Web 3 New Features: blogs.msdn.com/somasegar/
Expression Web 3 New Features (Deep Zoom, Silverlight video player): dotnet.dzone.com/videos/
Expression Web 3 - An Overview: expression.microsoft.com
Expression Web 3 Service Pack 1 Now Available: social.expression.microsoft.com/Forums/
Expression Web 3 Service Pack 1.0 improvements and resolutions: www.expression-web.net/ew3-service-pack-1/
Expression Web 3 Setup crashes immediately after launching (not the fonts issue): blogs.msdn.com/xwebsupport/
Expression Web Community Gallery: gallery.expression.microsoft.com
Expression Web - Hot or Not? HTML 5: blogs.msdn.com/xweb/
Expression Web Quicktips - Creating a CSS Photo Lightbox (Part 1 of 2): www.zoom-in.com/design/expression-web-quicktips/
Expression Web SuperPreview: blogs.msdn.com/tejas/
Expression Web Support: blogs.msdn.com/xwebsupport/
Expression Web Training Videos: expression.microsoft.com/en-au/cc197140.aspx
Free Expression Web Video Tutorials For Beginners: expression-web-tutorial.com
How to register your custom Site Template with Expression Web 1,2 or 3: blogs.msdn.com/xweb/
Insert a Menu to Pages by DWT in Expression Web: www.sothink.com/tutorials/
Inserting a Silverlight Navigation and Slideshow into Your Web Page: team.silverlight.net
Inserting Silverlight DeepZoom images into your Web page: team.silverlight.net/product-technology-deep-dive/
Introduction to ASP.NET Master Pages: expression.microsoft.com
Introduction to Inserting Silverlight with Expression Web 3: expression.microsoft.com
Latest version of Firefox 3.5 works in Expression Web SuperPreview: blogs.msdn.com/xweb/
Lorem Ipsum Code Snippet for Expression Web: blogs.msdn.com/anna/
Microsoft Expression Community Gallery (Images, web templates, CSS...): gallery.expression.microsoft.com/
Microsoft Expression Web SuperPreview: blogs.msdn.com/xweb/
New content portal for FrontPage users transitioning to Expression Web: blogs.msdn.com/xweb/
New Expression Web Starter Kit: ux.artu.tv
Product Spotlight - Microsoft Expression Web 3 HTML editor: blogs.techrepublic.com.com/products/
Publishing Sites in Expression Web 3: www.networkworld.com
Setting up Expression Web 3.0 Ebook: gallery.expression.microsoft.com
Setting up Expression Web ebooks (free; for Expression Web 1, 2 and 3): any-expression.com/expression-web/ebooks/
Saffron Stroke - Expression Web Tips, Templates, More: saffronstroke.com
SuperPreview and Firefox 3.6 release: blogs.msdn.com/xweb/
SuperPreview for Internet Explorer: blogs.msdn.com/xweb/
SuperPreview Technology: blogs.msdn.com/xweb/
Understanding and Unleashing the Power of CSS Layouts: expression.microsoft.com
Using Expression Encoder to convert .WAV files to .WMA files: blogs.msdn.com/research/
Working with rich media in Expression Web 3: uxmagic.com/blog/

Cascading Style Sheets - CSS

Blueprint CSS: www.blueprintcss.org
CSS Corner - Using Filters In Internet Explorer 8: blogs.msdn.com/ie/
CSS float explained: social.expression.microsoft.com/Forums/
CSS Heaven - Web Gallery for Inspiration: www.cssheaven.com
CSS Image Text Wrap: www.bigbaer.com/css_tutorials/
CSS Layouts without the headache: blogs.msdn.com/xweb/
CSS Mania: cssmania.com
CSS Resources: www.expression-web-tips.com/css-resources/
CSSelite: www.csselite.com
Editing CSS in Internet Explorer 8: blogs.msdn.com/nickhodge/
How to Make Square Corners with CSS (Humour): www.drivl.com/posts/view/700
In Defense of CSS Grid Frameworks: visitmix.com/Opinions/
Keeping your content in order of priority with flexible CSS layouts: www.webdesignfromscratch.com/css/
Mastering CSS Coding - Getting Started: www.smashingmagazine.com
Script and Style: scriptandstyle.com
Script and Style helps you find the best web development articles on the web: blogs.msdn.com/anna/
SitePoint Reference - HTML, CSS and JavaScript: reference.sitepoint.com
Styleguides for web vs. events: www.visitmix.com/Opinions/
The 1KB CSS Grid by Tyler Tate: www.1kbgrid.com
The 960 CSS Grid System: 960.gs
Therapeutic HTML and CSS: blogs.msdn.com/nickhodge/
Top 10 Tips for Creating Page Layouts with CSS: www.networkworld.com/community/node/46583
Top reasons your CSS columns are messed up: warpspire.com/tipsresources/
Web Creme - Web design inspiration: www.webcreme.com
Web page photo gallery using CSS: blogs.msdn.com/xwebsupport/

Colours

25+ Tools, Cheat Sheets and Inspiration for Designers working with Color Themes: www.tripwiremagazine.com
ColorRotate - Browse and create color palettes: www.colorotate.org
Color Schemer Online: www.colorschemer.com/online.html
Color Sidebar Gadget for Vista: livelabs.com/blog/
Colour tips when building an Office Live website: blogs.msdn.com/officeliveguy/
Color’s off when viewed on the web? It could be Browser Gamma Correction: blogs.msdn.com/xdesignsupport/
Silverlight Color Picker: www.designerwpf.com
Top Templates - HTML Web color table with RGB and HSB values (Excel 2007): blogs.msdn.com/inside_office_online/

Internet Explorer

Accelerator Creation Guide: blogs.msdn.com/ie/
Create a dynamic Web Slice in 5 minutes: blogs.msdn.com/ie/
Internet Explorer 8 User-Agent String (Updated Edition): blogs.msdn.com/ie/
Internet Explorer 8 Beta 1 Whitepaper - Activities: code.msdn.microsoft.com
Internet Explorer 8 Beta 1 Whitepaper - WebSlices: code.msdn.microsoft.com
Internet Explorer 8 Security Part III - SmartScreen (R) Filter: blogs.msdn.com/ie/
Internet Explorer 8 Security Part IV - The XSS Filter: blogs.msdn.com/ie/
Internet Explorer 8 - Activities and WebSlices: blogs.msdn.com/ie/
Internet Explorer Compatibility: msdn.microsoft.com
Internet Explorer Developer Toolbar: www.microsoft.com/downloads/

jQuery and Glimmer

Automatic Infinite Carousel: jqueryfordesigners.com/automatic-infinite-carousel/
Curtains Opening Animation with jQuery: tutsvalley.com/tutorials/
Glimmer - jQuery Interactive Design Tool: visitmix.com/lab/glimmer
Glimmer - jQuery Interactive Design Tool - About: www.visitmix.com
Glimmer - jQuery Wizard: www.jeffsandquist.com/jquery-wizard/
InnerFade with JQuery: medienfreunde.com/lab/innerfade/
jQueryPad: www.paulstovell.com/jquerypad/
jQuery for Designers - Tutorials and Screencasts: jqueryfordesigners.com
jQuery Photo Slide Show with Slick Caption: www.queness.com
Making a Cool Spotlight Effect with jQuery: tutsvalley.com/tutorials/
Making a jQuery infinite carousel with nice features: tutsvalley.com/tutorials/

Resources for webmasters

5 mistakes every site should avoid: ask.officelive.com/smallbusiness/wiki/
10 Completely Free Wireframe and Mockup Applications: speckyboy.com
10 Usability Tips for Web Designers: www.webdesignerdepot.com
12 things you shouldn't publish on your site: ask.officelive.com/smallbusiness/
15 Best Places to get Inspirational Web Designs: www.softalize.com
404 Error pages: reflectionof.me/404-error-pages
Adobe Photoshop Tutorials: www.adobetutorialz.com/categories/Adobe-Photoshop
Are my sites up?: www.aremysitesup.com
Beginning Glossary for the Web Designer or Developer: visitmix.com/Opinions/
Bing for Webmasters - Architecting content for SEO (SEM 101): www.bing.com/community/blogs/webmaster/
Bing Toolbox: www.bing.com/toolbox/
Bing Webmaster Centre - Add Bing Search to Your Site: help.live.com
Can You Be a Web Designer?: sixrevisions.com/web_design/
Common Issues in Assessing Browser Performance: blogs.msdn.com/ie/
Design trends for 2010 - Web development trends for 2010: www.uxpassion.com
Discovering Web design inspiration in unlikely places: ask.officelive.com/smallbusiness/
Doctype - Web design Q&A: doctype.com
First steps to a more attractive Web site: ask.officelive.com/smallbusiness/wiki/
Free SEO Toolkit: www.microsoft.com/web/spotlight/seo/
Free Site Template Layouts: www.expression-web.net/site-templates/
GeoDomain Map Search by Go Daddy: geo.godaddy.com
Gestalt Widgets (Video player, audio player): www.visitmix.com/labs/gestalt/widgets/
How to Identify a Web Designer: visitmix.com/Opinions/
HTML Validation - Does It Matter?: www.codinghorror.com/blog/
Is your Web site indexed with Bing?: ask.officelive.com/smallbusiness/
Javascript - Tales of Mystery and Evaluation: blogs.msdn.com/sompost/
Microsoft adds free root certificate authority to Windows: www.istartedsomething.com
Microsoft Translator Widget (to add to your own site): www.microsofttranslator.com/Widget/
Mix and Blend - Surfing + Silverlight = Design: team.silverlight.net/case-study/
Most Used and Abused Web Design Trends of All Time: webdesignledger.com/tips/
Picking Type for Web: www.visitmix.com/Opinions/
Planning your Web site: ask.officelive.com/smallbusiness/
Putting an interactive Bing map onto your school website: blogs.msdn.com/ukschools/
Searchblog - Target non standard SEO keywords: blogs.msdn.com/searchblog/
Slide.Show 2: www.codeplex.com/SlideShow2
Taking a good look at the Web: visitmix.com/Opinions/
Test your websites in different versions of Internet Explorer: blogs.msdn.com/anna/
Top 10 Web Mistakes: blogs.msdn.com/petel/
Using the HTML5 Video and Audio Tag with Gestalt: www.visitmix.com/Opinions/
UX Passion - User Experience, Tutorials, Articles: www.uxpassion.com
W3Schools Online Web Tutorials: www.w3schools.com
Webdesigner Depot: www.webdesignerdepot.com

Scripting

Internet Explorer 8 Script Debugger - Under the Hood: blogs.msdn.com/jscript/
JScript Debugger in Internet Explorer 8: blogs.msdn.com/jscript/
JScript Debugging - Made easy with Internet Explorer 8: blogs.msdn.com/webdevtools/
JScript errors as warnings in Visual Studio 2008: blogs.msdn.com/jscript/
JScript in Internet Explorer 8 Beta 1 for Developers: blogs.msdn.com/jscript/
JScript Language Reference on MSDN: msdn2.microsoft.com
JScript Samples: msdn.microsoft.com/workshop/samples/jscript.asp

Visual Web Developer

Check out the following on our Tips and Tricks Blog: blogs.msdn.com/webdevtools/
New series of video tutorials on Visual Web Developer Express 2008: blogs.msdn.com/webdevtools/
Report Viewer in Visual Web Developer 2008 Express: blogs.msdn.com/brianhartman/

WebMatrix

Introducing WebMatrix: weblogs.asp.net/scottgu/
Introduction to WebMatrix Beta – A New, Free Tool for Website Development: blogs.msdn.com/b/cbowen/
WebMatrix: www.microsoft.com/web/webmatrix/