html, css, jQuery, PHP, mySQL
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 »
Thursday, March 31st, 2011
TweetUsing PHP variables in your CSS can add interest and interactivity, and you can even personalise colour schemes for individual visitors: let people choose their own CSS styles when they have logged in, or change the colours and images based on the weather or the time of day! This is a very simple PHP random [...]
Tags: colour, colour array, colour picker, colour schemes, content type, css, css file, css styles, geek, hex codes, interactivity, PHP, php echo, php function, php header, php variables, rainbow colours, random values, session variables
Posted in CSS3, PHP, Tutorials | No Comments »
Monday, March 28th, 2011
TweetAfter my first jQuery video popover, I was asked to make a page with four separate popovers, each with its own video. This presented me with two issues. Hard-coding the hidden content into the html would be clunky and slow down the page loading. The site was to be used by 4 people, who may want [...]
Tags: admin account, ajax, css, DHTML, editable, element, event id, hidden content, jQuery, logins, PHP, php script, popovers, relevant post, video content, video files, web development, youtube video
Posted in Ajax, jQuery, PHP, Tutorials | 5 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 »
Wednesday, March 9th, 2011
TweetThis tutorial is based on an article from css tricks showing how to create triangles with CSS3. mandala The basic principal is that you define a div with width: 0 and height:0, and then define three borders: two transparent borders on either side cut the third border into a sharp point (triangle), the [...]
Tags: angled triangle, angled triangles, black, borders, caption, colour, concepts, css, css tricks, design, div, equal angles, equilateral triangle, hypotenuse, isosceles triangle, mandala, number solutions, pythagorean triangle, pythagorean triple, sharp point, six pointed star, whole number
Posted in CSS3, Tutorials, web design | 11 Comments »
Monday, February 21st, 2011
TweetFixed positioning is fairly uncommon in css, but can be a nifty little trick. However it was only implemented in Internet Explorer from IE7 onwards. It should work in IE8, but for some reason it doesn’t always behave as expected. It’s possible to get around this by forcing IE8 to emulate IE7, but a simple [...]
Tags: bugs, css, design, google, ie7, ie8, internet explorer, w3c, xhtml doctype
Posted in web design | No Comments »