html, css, jQuery, PHP, mySQL
Wednesday, August 10th, 2011
TweetMany experts agree that it is best to include images in your web page using CSS. This makes it easier to edit them later, and maintains the separation of concerns (CSS used only for appearance, HTML used only for semantic markup). Others disagree, and say that it is better for accessibility to use HTML <img> [...]
Tags: accessibility, appearance, attribute, background color, background colour, background image url, color hex, colour name, colour value, decorative features, element, level elements, repeat repeat, rgba, screen readers, semantic markup, shorthand, span, transparency
Posted in Tutorials | No Comments »
Friday, August 5th, 2011
TweetThe asterisk is known as the star selector, or wildcard. It just means “everything” and can be very useful in CSS. * { border: 1px solid red; } This example selected all of the elements in your html document at once, and told the browser to give them all a red border, one pixel wide [...]
Tags: asterisk, background color, background colour, body background, body element, body tag, caption, css properties, curly braces, dashes, dots, element name, html attributes, html body, html document, one good reason, quot, semi colon, text colour, value pair
Posted in Tutorials | No Comments »
Monday, April 11th, 2011
TweetNow that CSS3 and HTML5 are well and truly here, fixing websites for Internet Explorer has become a more arduous task than most designers are prepared to undertake. Why do I say this? Well, taking a look at the web today it seems that the majority of web designers have simply given up on adding [...]
Tags: arduous task, background color, borders, bugs, chrome, chrome frame, colour, css, css3, cutting edge, design, drop shadows, gif, gradients, html, internet explorer, javascript, jQuery, png, replacements, rounded corners, safari, segments, square corners, textured background, transparent areas, trident, web designers, web today, webkit
Posted in useability, web design | 6 Comments »
Wednesday, March 23rd, 2011
TweetThis tutorial gives instructions for Safari (Webkit), and the demonstration files include styles for Safari and FireFox4. OK so in the last tutorial I showed you how to make an equilateral triangle with css3. Now you can use this basic triangle to make a flower, or another symmetrical shape, using the css3 attributes transform and [...]
Tags: background color, borders, circle and triangle, color fuchsia, colour, css, css3, demonstration files, design, diameter, divs, elements, equilateral triangle, flower petal, isosceles triangle, overflow, petals, radius, safari, symmetrical shape, transition, webkit
Posted in CSS3, Tutorials, web design | 2 Comments »