html, css, jQuery, PHP, mySQL

Posts Tagged ‘css’

Make Internet Explorer Behave Like Webkit: Chrome Frame

Monday, April 11th, 2011

Now 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: , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
Posted in useability, web design | 6 Comments »

Styling the Tweet Feed Widget Part 2: inline CSS styles

Thursday, April 7th, 2011

If you’ve been paying any attention to my blog you will have seen that I never finished styling the tweet feed widget. The issue was this: there are some inline styles which the widget inserts dynamically. I didn’t quite realise this until I went back to finish off my stying. In case you don’t know […]

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

PHP and CSS Colour Changer Script

Thursday, March 31st, 2011

Using 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: , , , , , , , , , , , , , , , , , ,
Posted in CSS3, PHP, Tutorials | No Comments »

multiple jQuery video popovers: Ajax

Monday, March 28th, 2011

After 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: , , , , , , , , , , , , , , , , ,
Posted in Ajax, jQuery, PHP, Tutorials | 5 Comments »

CSS3 Transition and Transform: Spinning Flower

Wednesday, March 23rd, 2011

This 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: , , , , , , , , , , , , , , , , , , , , ,
Posted in CSS3, Tutorials, web design | 4 Comments »

CSS 3 Star Mandala Tutorial

Wednesday, March 9th, 2011

This 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: , , , , , , , , , , , , , , , , , , , , ,
Posted in CSS3, Tutorials, web design | 11 Comments »

Syling the Tweet feed widget

Saturday, March 5th, 2011

Today I decided to log in to twitter, something I have not done in quite a while – until a week or so ago. I had removed the twitter feed widget that I had on my page due to lack of use, but decided to give it another go. One potential advantage of having the […]

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

Position: Fixed and Internet Explorer

Monday, February 21st, 2011

Fixed 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: , , , , , , , ,
Posted in web design | No Comments »