HTML | Squigloo

How to set the default image for Facebook sharing your website

Posted on July 27, 2012 by Kat

Have you seen what happens when someone share's a link to your website? Try it out and see which image and information Facebook chooses by default. In this tutorial I will show you have to use Open Graph protocol to control which image and information is shared to Facebook by default.

CSS tips and tricks for styling forms

Posted on March 8, 2012 by Kat

Some simple CSS tips and tricks for styling your forms. The tutorial includes rounded corner fields, styling based on input field types, applying on focus styles and using images as submit buttons.

Specifying keyboard type for web forms on mobile devices

Posted on January 12, 2012 by Kat

Who gets annoyed when they have to switch their mobile keyboard over to the number pad each time they have to enter a phone number in a web form? With some very simple HTML5 code I am going to show you have you can enhance someone's user experience with your web forms so the right keyboard for the job shows up automatically.

Mobile Friendly Contact Details

Posted on November 17, 2011 by Kat

Have you ever visited a website on your phone and tried to call a phone number, but because of the formatting it doesn't work? In this tutorial I will show you have to make your contact details mobile phone friendly including the address, phone number and email.

Web Design Trend: Sticky Navs

Posted on October 20, 2011 by Kat

A web design trend that I have started noticing more frequently are 'sticky menus' where the navigation sticks to part of the page will the content scrolls. This great feature for websites with lots of scrolling...

Cartoon on the current status of browser standards

Posted on October 13, 2011 by Kat

I have recently been posting articles on Squigloo about the some of the great features available with HTML5 and CSS3. However, a continual theme and area of discussion regarding this is lack of users able to view these features due to the range of different browser being used. Here is a simple cartoon which poses the question, how much simple would it be if all browsers were created equal and HTML5/CSS3 ready…

Using CSS3 Special Effects for Menus

Posted on September 29, 2011 by Kat

CSS3 comes with a range of transition, transformation and animation properties that you can use to enhance your website and introduce animation without using Flash or JavaScript. There are also some nice design enhancements like text-shadows and border-radius. In this tutorial I'll demonstrate how to use these techniques to enhance a menu.