Archive for the ‘Web Design’ Category

Creating mailto: link

Thursday, July 2nd, 2015

Today I wanted to create a specific link in my responsive (mobile) html design template. When user clicks the link, it should open up the mail client with my desire email addresses, subject, and some text in the body. It was a good idea to CC that email to one or two other email addresses. I searched a lot and here is the final structure I came up with:

 

<a href="mailto:myFirstEmail@example.com? subject=mySubject&body=myLine1%0D%0AmyLine2&cc=test1#example.com;
test2@example.com&bcc=test3@example.com "> Click Here </a>

 

Do not forget to leave key words like mailto, subject, body, cc, and bcc all in lowercase, otherwise they do not work appropriately. 
If you line to have line break in the body, you can easily use %0D%0A


Above format works perfectly on almost all web browsers and mail clients. The only issue is it does not work in mobile Apps appropriately. Any idea ?

* DO NOT USE "#" Inside your mailto link 

 

 

 

Posted in Other, Web Design | No Comments »




HTML5 Start Up Template

Monday, April 13th, 2015

Here is a basic html5 template to start your page coding: 

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>The HTML5 Herald</title>
  <meta name="description" content="The HTML5 Herald">
  <meta name="author" content="SitePoint">
  <script src="js/scripts.js"></script>
  <link rel="stylesheet" href="css/styles.css">

  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body>
  
</body>
</html>

Posted in Other, Web Design | No Comments »




Custom Font Face

Saturday, March 15th, 2014

 

Do you like to use your own font on your website and do not know how to do that? Here in this post I will show you how you can do that in very simple words. To do so you need to purchase your font face files and save them in a folder. Your font face includes four important files with .eot, .woff, .ttf, and .svg extensions. These files guarantee your font works on different internet browsers. For example I use “Apple” font family so its main font face files would be apple.eot, apple.woff, apple.ttf, and apple.svg.
(more…)

Posted in Web Design, Web Development | No Comments »




Free Simple Website

Wednesday, February 26th, 2014

 

How to make a free simple website?

This tutorial helps you to create a simple two pages website for your personal use. After making require changes on text and images you should upload it to your host (web server). To start creating your website you need to provide:

(more…)

Posted in Web Design, Web Development | No Comments »