Web Development Category

CSS3 Navigation
Monday 31 October, 2011

HTML5: Menu with CSS3 Curved Edges and Gradient

This tutorial walks you through creating a curved navigation bar with a gradient using CSS3.  The tutorial uses 100% stylesheets and no additional images to achieve the effect.  This tutorial does not cover the creation of the actual drop down menu. Create a new HTML document Create a new HTML5 document with two elements <header> [...]


tablet_orientation
Wednesday 28 September, 2011

CSS3: iPad Orientation

With a well constructed fluid layout (dynamically expandable) it wouldn’t generally need to make the distinction of different stylesheets … but it works. The HTML solution is very simple and is shown here: <link rel=”stylesheet” media=”all and (orientation:portrait)” href=”portrait.css”> <link rel=”stylesheet” media=”all and (orientation:landscape)” href=”landscape.css”> This will allow you to have varying layout dependent on [...]


resolution_dependent
Wednesday 28 September, 2011

CSS3: Resolution Dependent Layouts

One of the fantastic features of CSS3 (in-conjunction with HTML5) is the ability to create resolution dependent layouts.  This being where you can assign a stylesheet to a browser dependent on its maximum horizontal resolution.  There is a W3C standard way of declaring them.  One way is to test the “device-width”, like this: <link rel=”stylesheet” media=”screen [...]


Monday 12 September, 2011

HTML5: What’s New!

Whilst a lot is the same there are a couple of new tags that are making their debut in HTML5.  This article will explain some of the more prominent ones that you will no doubt encounter. <header> If you were previously in the habit of using <div id=”header”> in your sites, this new <header> tag will be [...]


Monday 12 September, 2011

HTML5: The Basic Semantic Structure

The idea with the release of HTML5 was to stop versioning HTML so that backwards compatibility is easier.  An example if a browser doesn’t recognise a tag it will simply use the tags which it does understand.  I’m not sure if this will work on not but at least W3C is trying to be progressive…. [...]


Sunday 11 September, 2011

HTML5 Forms: New Elements

The following are the new elements which are applicable to building forms in HTML5. If you haven’t already please also read the following blog articles related to HTML 5 forms: HTML5 Forms: Attributes HTML5 Forms: Input Types These are the new elements for HTML5 Forms: datalist – Contains a number of <option> elements with values [...]


Sunday 11 September, 2011

HTML5 Forms: Attributes

Top complement the new input types, there are a number of new attributes. If you didn’t read about the new input types available in HTML5 check out “HTML5 Forms: Input Types“.  These new attributes are handy for actions web developers often need. autocomplete – An option to turn off automatic form completion of values for [...]


Sunday 11 September, 2011

HTML5 Forms: Input Types

This blog entry covers some of the new input types which are available in HTML5.  There are still various incompatibility issues with web browsers (i.e. HTML5 is not supported yet).  If there are any issues with incompatibility the web browser will just default back to the regular <input type=”text”> element.  The web browser will not [...]


Thursday 28 July, 2011

(Google+) A First Look

Google over the last few months and years, has been creating something that can compete with Facebook. Last year, they tried this with Google Wave only to end in utter failure. Now with Google+, Google could now become a very big contender. The service launched on June 28, 2011 in an invite only state. High [...]


Thursday 21 July, 2011

html5 and css3

I was look around on the net for some html5 code samples and i came along this site it looks good not that far in to it have a look at see what if was about. It not just on html5 there css3, JavaScript, Ajax and more. just have a look and see if it helps [...]


Friday 20 May, 2011

iiNET – BoB’s Big Brother

BoB. It’s so cool they spelt it’s name wrong at birth. (Broadband in a box > >). But the old BoB many of us have is made in America from a well known company. Because of this there has been many problems. From day one iiNET said it would make it’s own router and hardware [...]


Friday 20 May, 2011

Web Accessibility – The Interwebs for all…

The internet has been created for every single person on earth, no matter how different. Some people can’t listen to speach, or read the text on a website; but companys and websites are trying there best to make it better for those with a disabilitiy. Because of this, when a website is being created special [...]


Thursday 19 May, 2011

The Interwebs – Usage :)

The Internet (Also called the Interwebs). It’s a beautiful world. Full of infomation, publications, games, YouTube, Facebook and other less-inviting aspects*. Every single day there is something new on the internet, not to mention every second. It’s been looked at as a huge help for people at work, allowing them to colaberate with others around [...]


Thursday 19 May, 2011

Blogs – The Development Over the Years….

From the start of the interwebs, people have been opening up their lives for the world to see. In the early days when the first blogs on the internet were created, they were usaly in a diary format; being very simple and easy to use only containing a few images and text. Over the years, blogs have [...]


Monday 14 February, 2011

The iiNetwork in Osborne Park

Over the last few months, iiNET have been redesigning, and building there Western Australia backbone data-centre. Housing a total of 88 racks, this new built centre will control the entire Western Australian network for iiNET, and also Westnet. It’s a state-of-the-art building, being flood proof (even though we don’t get floods >.<), fire resistant and [...]


Saturday 05 February, 2011

Your first website in HTML

So a few day’s ago, I posted a quick and easy PHP tutorial. HTML is a vital part of using PHP, as it requires HTML in many parts. With this post, my aim is to give you a first look into HTML, and then over several day’s or even week’s I hope to write several [...]