Social Sharing Links

All the major social networks have their own sharing buttons, these make it really easy for visitors on your website to share the page without leaving the website. These are great additions to your website and you shouldn't have a blog without the ability to share your pages on social media networks. One problem with the social network share buttons is that they make a lot of HTTP requests to

Read more...

How To Get Breadcrumbs In Search Results

If you are ranking well in the search engines but still aren't seeing the amount of traffic you should be from the search results then you need to think about improving your click through rate. There are a few things you can do to improve your click through rate traditionally you can improve your title tags or provide a better meta description. Recently Google have released a couple of features

Read more...

Speed Up HTML Coding With Emmet

Web Developers are always looking for new ways to speed up their development process, one the best ways to speed up development and becoming more productive is to choose the right IDE. I've tried a lot of IDE's but he one that I find myself most productive with is with sublime text, this is because the speed I can do different tasks. Much of this performance comes from the massive

Read more...

Add Twitter Cards To Your Website

When you share a post on a social network like Facebook it will scan the URL that you are sharing and return certain information to display the page in your feed. Facebook will get the page title, page description and a thumbnail image for the page. You can change the information that Facebook gets by using the open graph meta tags. These are simply meta tags you can add to

Read more...

Always Get A Checkbox $_POST Value

The problem with checkboxes is that if they are not checked then they are not posted with your form. If you check a checkbox and post a form you will get the value of the checkbox in the $_POST variable which you can use to process a form, if it's unchecked no value will be added to the $_POST variable. In PHP you would normally get around this problem by

Read more...

Understanding The Viewport Meta Tag

When working on a new web design one of things you need to think about is responsive design. Is the website you are about to make going to need a responsive design? I think all external facing sites should take responsive design into consideration. There are some people who think that responsive design is not worth it as people on mobile devices can zoom in to see what they want,

Read more...

Examples Of Using New HTML5 Attributes

There are many additional features that come with HTML5 such as the HTML5 attribute placeholder and required. Hidden Attribute The hidden attribute can be used on any element it hides the element which has this attribute. It's the same as doing,

Read more...

How To Use The HTML5 Notification API

HTML5 isn't something new, everyone has heard about it but there are some features with HTML5 that people don't know about. Most people think that all HTML5 is are new semantic tags like header, footer, nav, article, section which you can use on the document but many people don't know some of the awesome new features which are now available to developers, things like: Geolocation API HTML5 Details Tag HTML5

Read more...

How To Use HTML5 GeoLocation API With Google Maps

In this tutorial we are going to learn how to use the Geolocation API to get your current latitude and longitude, from these results we can then connect to the Google Maps API to display your location in the browser. Demo The Geolocation API The Geolocation API defines an interface used to get location information of the visitor, from this interface you can return the latitude and longitude of the

Read more...

Turn On HTML5 In IE8 or Lower

HTML5 is becoming more and more popular, with this has some issues. If you want to support some of the older browsers which are still being used such as IE8 and lower then using HTML5 you are going to have some trouble.

Read more...

1 2