Month: March 2013

Detect HTML5 Geolocation Support

Geolocation is the art of figuring out where you are in the world and (optionally) sharing that information with people you trust. To check if the user browser support Geolocation you can use any of the following techniques: Technique #1: By using a JavaScript junction. [code lang=”js”] function supports_geolocation() { return !!navigator.geolocation; } [/code] Technique …

Detect HTML5 Geolocation Support Read More »

Hidden elements using HTML5

HTML5 introduce the hidden attribute, which will allow you to hide a specific element. So no need to use css display:none anymore! [php]<div hidden>You can’t see this text.This is hidden by HTML5 hidden attribute.</div>[/php] Source: http://html5demos.com/hidden

css only tooltip

Here is the html structure for tooltip [php][/php] Lorem ipsum dolor sit [php][/php] And here is the css styles [php][/php]/* base CSS element */ .tip { background: #eee; border: 1px solid #ccc; padding: 10px; border-radius: 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 200px; } /* arrows – :before and :after …

css only tooltip Read More »

9 Signs You Shouldn’t Hire THAT Web Guy

My employer specializes in creating websites for middle-sized businesses. We rarely create “Mom’n’Pops” websites and generally don’t pursue contracts with major corporations. Working with mid-size business has given me the opportunity to speak with executives and “decision-makers” within each business. Our discussions eventually end up with the other person telling me about their previous web …

9 Signs You Shouldn’t Hire THAT Web Guy Read More »

HTML5 Audio

Previously we uses flash to play audio files.Now HTML5 support a new element called Audio.It will give web developer much controls to do funny stuffs with audio.No need to use flash any more! [php] <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> <!– add your fallback solution here. Like you can add flash here for …

HTML5 Audio Read More »