Archives For HTML

Collection of Basic and Minimal Website Concepts

Improving mobile website performance to work as “Native” App

WebRupee API is Back

September 4, 2013 — 2 Comments

So many of them struggling about displaying Indian Rupee Symbol on website since WebRupee.com API link was broken. I have retrieved code from archives and made WebRupee API plugin available to make use of it! Please find the below methods to display “New Indian Rupee” symbol on website.

Method 1 : CSS

1. Add a stylesheet link in the head section of your webpage:

<link rel="stylesheet" type="text/css" href="http://cdn.jagansindia.in/font.css">

2. Add the following code enclosing your “Rs.”

<span>Rs.</span> 200

Method 2 : Javascript API

Just include the following javascript and it will update all the ” Rs ” / ” Rs. ” for you

<script src="http://cdn.jagansindia.in/webrupee" type="text/javascript"></script>

Today we will start learn on developing Windows 8 Apps and setting up an development environment.

Here is the following articles by Jennifer Marsman from MSDN Network:

Choose a development language

You have three choices of languages for development of Metro apps:

  • XAML and C#/VB.NET/C++
  • HTML5, CSS3, and JavaScript
  • DirectX

If you are porting an existing application or website, that may make the decision easy.  If I were porting a Windows Phone app that I had written in Silverlight, I would choose to port to XAML.  If I were porting an existing website to a Metro app, I would choose to port to HTML.  Both of these choices would require the least amount of work.  (For more information, see my post on porting apps to Metro.)

If you are starting an application from scratch, make a decision based on your background and experience.  For example, HTML is the best option if you come from a web development background and you’ve never used XAML or C#.

Finally, here are the tips that have helped me as a developer to create better design:

Use the resources at http://design.windows.com.  There is design guidance, case studies, and design assets (such as .psd files for Photoshop).  In particular, I like this food truck case study which walks through the process of converting a website to a Metro-style app, showing the before and the after.

I visit the UX guidelines regularly.  The other day I was trying to figure out the best way to input some text fields in a Metro app, and I found this guidance for text input which gave me checklists, guidance on which controls to use, and some common “do’s” and “don’ts”.

The Visual Studio templates will help you get there.  If you start from the Grid or Split template in Visual Studio Express 2012 for Windows 8, you will begin with good Metro design.  The templates have navigation, animations, and font hierarchies already in place.

Credits: Jeniffer Marsman

With the release of HTML5 A whole bunch of new elements where introduced including the audio and video elements. The huge advantage of these new elements is that most browsers today can understand these new HTML5 elements, this is great since Adobe is no longer supporting flash for mobile. Also since the audio and video are now a real element on the page and not some flash addon, you have an even greater level of control over these media elements.

For those of you saying “what about browsers that don’t support the audio or video element?” these browsers treat them like a div, and most of the information is lost, however since it reads it like a div, you can specify a fallback inside the tag. Below is an example of how to mark up an html5 audio or html5 video element. I’m only going to show the audio element, however the process is identical for both elements.

To Read Full tutorial Click here