Managed metadata navigation and friendly URLs in Sharepoint 2013

Here is one of the three very good articles on new Managed Metadata features in SP 2013

Failed to create term set: A default managed metadata service connection hasn't been specified.

Here is a problem that might occur when dealing with Managed Metadata Service when trying to set up a Taxonomy-based navigation:

To fix this problem go to Central Administration, select your Managed Metadata Service (the second one on the screenshot) and make sure "This service application is the defaul storage location for column specifit term sets" is selected:

 

 

SharePoint 2013 What's new with WCM

Enabling HTML5 on SharePoint 2010 Master Page

This is the original article.

The steps are:

1. Open your custom Master Page replace the existing DOCTYPE tag with the following HTML5 doctype: <!DOCTYPE html>
2. Now look for the meta tag, X-UA-Compatible, found in the head section. It should look like: <meta http-equiv="X-UA-Compatible" content="IE=8" />
3. Update the “content” value to "IE=Edge" 

That's it! now you can use lots of CSS 3.0 and HTML5 features.

Replacing InfoPath Forms in SharePoint – Do It Yourself! (Repost)

Here is a very nice article by Bjørn Furuknap on replacing InfoPath forms with HTML and JavaScript

\
You can start watching from 12th minute. It's where valuable stuff begins.

Using SVG Images with Modernizr.js

If you need to add an SVG to your HTML page here what you should do:

• Install Inkscape (it's free to use).
• Create SVG file
• Export to PNG. This file will be used as a fallback in older browsers like IE 7 and IE 8

 

• Create HML page and add .svg Image on it. Problem: IE8 does not support SVG. That's why you need modernizr.js
• Include modernizr.js to the page. This will add "svg" or "no-svg" classes to the <HTML> tag.
• Now you can use ".no-svg" and ".svg" classes in you CSS selectors to provide fallback to PNG images. In other words, you need to load .png images only when  no-svg class exists in DOM. 

Final HTML and CSS should be like following:

 

<style>
.svg .star-box{
   height: 48px;
   width: 52px;
   background: url("woman.svg") ;
   background-size: 100% 100%;
}.no-svg .star-box
{   background: url("woman.png") no-repeat;
   height: 68px;
   width: 48px;
   min-width: 1024px;
   background-size: 100% 100%;
}</style>

<div class="star-box"/>

So, when a browser supports SVG - .svg files will be used. If it does not it will fall back to using PNG.

Changing SharePoint 2010 Favicion

In SharePoint Designer, open your current master page and change the following tag:
<SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/images/yourFavicon/favicon.ico"/>