html, css, jQuery, PHP, mySQL
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 »
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 »
Saturday, August 6th, 2011
TweetSometimes just selecting parts of the page using the element name (body, div, p, ul etc) is not enough. What if you want to make one paragraph stand out by giving it bold text? Perhaps there are several elements on your page which should all have a different colour of writing? This is where the [...]
Tags: attribute, bold text, element name, elements, font weight, hash symbol, html element, letters and numbers, li class, paragraph, passport, value pair
Posted in Tutorials | No Comments »
Saturday, August 6th, 2011
TweetIn the previous lesson we learned how to link a CSS file to an HTML document and how to use the Star Selector or Wildcard to put a border around every element on the page. You should have a file named stlye.css saved in the same folder as index.html. If you do not, please consult [...]
Tags: attributes, cascading style sheets, css file, css syntax, curly braces, declarations, div, element, elements, grammar, headings, html document, paragraphs, semantics, semi colon, value pairs, wildcard
Posted in Tutorials | 1 Comment »
Friday, August 5th, 2011
TweetA more modern way to represent the 256 possible values of each small light for use in CSS is to use decimal notation. Some people find this easier to understand. Each colour of light is represented by a number between 0 and 255. The numbers are usually written like this: rgb(255,0,0) Notice that the numbers [...]
Tags: alpha transparency, alpha values, brackets, colour codes, colour models, colours, commas, computer monitors, decimal notation, elements, hue saturation, improvements, modern browsers, rgb colour model
Posted in Tutorials | No Comments »
Friday, August 5th, 2011
TweetFor links for this lesson (the W3C online validator) see separate sheet. resources HTML elements can take various attribute and value pairs, which tell the browser something extra about how to display the element, or give more information which can be used by web crawlers (Googlebot et al) or assistive devices such as screen readers. We [...]
Tags: assistive devices, attribute, background colour, bgcolor, body tag, element, elements, html attributes, lt, mypage, quality examples, quotes, screen readers, universal resource locator, value pair, value pairs, w3c schools, web crawlers, web page
Posted in Tutorials | No 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 »