Zen Coding using VS.NET 2012 Extensions – Web Essentials

In the process of my wonderful journey with VS.NET 2012 , I just found a very interesting and handy feature called ‘Zen Coding’ which really going to be a cool news for every web developer.

Here is what it can able to do ,Zen coding is way to write a faster HTML using a CSS style selector syntax and in fact it helps your live simple during the time if you define CSS for a website. You have to download and install Web Essentials from the below link http://visualstudiogallery.msdn.microsoft.com/175f4e5a-bcc4-4931-b3e6-164cb1e60277

Thanks to Mads Kristensen and his team at Microsoft for adding Zen Coding to Visual Studio 2012 via Web Essentials 2012.

Below is the magic zen coding can do for you

Assume you are creating a website during a late night hours and you need a table with 15 rows along with a css class name called ‘tdBgColor’ should be assigned and have hyperlinks inside them referring to Microsoft website. Below is what all you need to do.

table>tr*15>td.tdBgColor>a[href=’http://microsoft.com’%5D

and press the tab ,right immediately you can see a html tags are created for you. like below

<table>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
<tr>
<td class=”tdBgColor”><a href=”‘http://microsoft.com'”></a></td&gt;
</tr>
</table>

In the above zen coding syntax below are the characters  used and its purpose.

> creates a child element.

* is element multiplication. This creates the same thing n number of times.

. creates a class attribute

Happy coding..will post later with other magics..till then gud night.

PowerPoint Storyboarding

After I got VS.NET 2012 installed the first thing which I loved is to see the new program sitting nicely under ‘Microsoft Visual Studio 2012’ menu group was ‘PowerPoint Story boarding .

This is an nice little ability for all the folks who does the development in Agile world,to quickly prepare the storyboard for any kind of application ,it can be a simple asp.net website ,SharePoint site or Windows 8 App..etc. Cool to have this feature.. Below is a screenshot when I was able to quickly do a storyboard for one of my SharePoint site requirement.

 

Image

My experience with SharePoint 2013 so far…too good.

After such a long time I am back to my own blog ,all these days I was busy with Technet and MSDN blogs. I am exploring currently SharePoint 2013 for couple of RFIs. So decided to write about my SharePoint 2013 experience so far

In general model has stayed same as in previous version, Numerous platform level improvements and new capabilities.

  1. Shredded Storage
  2. SQL Improvements
  3. Cache Service
  4. Request Management
  5. Themes
  6. Sharing

Shredded storage

Shredded storage is a new data platform improvement in SharePoint 2013 related to the management of large binary objects (I.e. BLOBS such as Microsoft PowerPoint Presentations, Microsoft Word Documents, etc.).

Shredded Storage is both improves I/O and reduces compute utilization when making incremental changes to document or storing documents in SharePoint 2013.

Shredded Storage at its most basic is designed to ensure the write cost of updating a document is proportional to the size of the change, and not of the file itself.

Service applications in SharePoint 13

New service applications available and improvements on existing ones

Office Web Apps is no longer a service application

Web Analytics is no longer service application, it’s part of search

Enterprise Content Management

Site-level retention policies
Compliance levels extended to sites
Policies include:
Retention policy for sites and Team Mailbox associated with site
Project closure and expiration policy

Discovery Center
Designed for managing discovery cases and holds
Establishes a portal through which you can access discovery cases to conduct searches, place content on hold, and export content

Web Content Management

Support the tools and workflows designers use
Variations & Content Translation
Search Engine Optimization
Cross Site Publishing
Video & Embedding
Image renditions
Clean Urls
Metadata navigation

Mobile

Classic and Contemporary views for mobile browsers
Automatic Mobile Browser Redirection
Target different designs based on user agent string
Office Mobile Web Apps
Excel
PowerPoint
Word
Push notifications