html, css, jQuery, PHP, mySQL

Posts Tagged ‘boxes’

HTML and CSS From Scratch. 10:1 Design Principals

Thursday, August 25th, 2011

So now you know how to create a web site using HTML and CSS, but how do you make it beautiful and useful? This is an important aspect of web design. In other posts I have described how bad design causes stress and makes users more likely to leave your website, and the colour associations […]

Tags: , , , , , , , , , , , , , , , , , , ,
Posted in Tutorials, web design | No Comments »

HTML From Scratch. 9:1 Forms

Saturday, August 13th, 2011

It can be very useful to have a form on your website. Forms allow users to send feedback, contact information for newsletters, or buy products. Some forms allow users to upload content to the website: for example, an avatar on a social networking website. Most web forms are processed by scripts on the server written […]

Tags: , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 8:3 Fancy Boxes

Wednesday, August 10th, 2011

How do web designers manage to get those cool effects, like overlapping boxes, shadows and rounded corners? Well, it used to be fairly tricky to do, using extra <span> elements with background images (for rounded corners) and extra divs with darker backgrounds (for box shadows). Don’t even mention drop shadows on text: the only browser […]

Tags: , , , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

HTML From Scratch. 7:2 Tables

Sunday, August 7th, 2011

Before CSS, HTML tables were often used for layout and positioning. This is still a common practice, although frowned upon as the code can be hard to alter later. Using HTML tables for layout is also not semantic code, and therefore does not represent best practice. The semantic use of an HTML table is for […]

Tags: , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 6:1 Positioning: the display property.

Sunday, August 7th, 2011

CSS allows us to move elements around the page, and even stack elements on top of each other. We can control the dimensions and positions of elements at the pixel level. This is one of the most significant advantages of using CSS for presentation rather than HTML attributes. Elements in CSS largely fall into two […]

Tags: , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 5:4 The Box Model Introduced

Saturday, August 6th, 2011

The important thing to be aware of is that all of the elements on your page are boxes. When we used the star selector, we put a red border around all of the elements. You can use the same CSS to put a border around any element on your page. Practice putting a border around […]

Tags: , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »