html, css, jQuery, PHP, mySQL
Thursday, August 25th, 2011
TweetSo 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: 1 618, boxes, colour schemes, complexity, dividing lines, eye tracking, fraction, geometry, golden ratio, how to create a web site, irrational number, johann kepler, points of interest, precious jewel, principals, simplicity, stress, symmetry, two thirds, web page
Posted in Tutorials, web design | No Comments »
Wednesday, August 10th, 2011
TweetHow 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: axis, background images, blur, boxes, css2, dimensional space, divs, drop shadows, element, elements, inset, internet explorer, negative integer, rounded corners, span, stacking order, text shadow, web designers, whole number
Posted in Tutorials | No Comments »
Sunday, August 7th, 2011
TweetBefore 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: boxes, caption, clarity, collapse html, colours, css property, double borders, headings, html table, html tables, labels, patience, table data cells, td
Posted in Tutorials | No Comments »
Sunday, August 7th, 2011
TweetCSS 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: block elements, block level elements, boxes, bugs, css3, html attributes, inline element, inline elements, pixel level, span, stack elements, ul
Posted in Tutorials | No Comments »
Saturday, August 6th, 2011
TweetThe 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: additional properties, blank area, box model, boxes, element, elements, ems, font properties, measurement, measurements, percentages, printers, px, scratch, shorthand, text sizes
Posted in Tutorials | No Comments »