Category Archives: css

Making the Web look good

Adding a “loading” image to (just about) any form on submit, with jQquery

under the category of the simplest thing that will actual work, I wanted to have one of those nice animate swilling icons running after the user hit the submit button so they knew that something was really happening.
The core code to this is very simple, using jQuery, just have a hidden image tag [...]

Also posted in Ajax, Code, JavaScript | 1 Comment

10 UI Design Patterns You Should Be Paying Attention To

via smashingmagazine we have 10 UI Design Patterns You Should Be Paying Attention To, and they are

Lazy Registration;
Progressive Disclosure;
Forgiving Format;
Clear Primary Actions;
Breadcrumbs;
Account Registration;
Required Field Marker;
Steps Left;
Subscription plans;
Hover Controls;

Every web designer and [...]

Also posted in Code, JavaScript, Web | Tagged , , , | Leave a comment

Google Search Page with Styles Disabled Reveals CSS Sprites

via the flickr page of schoschie comes the interesting discovery that Google is using a CSS sprite on it’s Google search pages :
I had left styles disabled by accident (from the Develop menu in Safari 4) and was surprised to see that Google apparently uses CSS sprites on its search page.
So, what are these “elf’s” [...]

Also posted in Google | 2 Comments

CCS & Ajax Links for March 24th

Divs instead of tables – to paraphrase : “Use the div, Luke.”
or, if you do have a list of some kind, then maybe you should be using <ol>/<ul> and <li>’s rather than all the div’s? see A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! for more
ModalBox a (Web 2.0-style) [...]

Also posted in Ajax, Code, LinkedIn, Web | Leave a comment

Weird Wonderful Web Links for January 21st

Dilbert.com >> I’m Incubating my brain out…

- and it hurts
- Startup Humour
CSS Floats Without Text Wrap – Understanding floats is extremely important when creating CSS layouts. One of the trickiest issues when dealing with floats is stopping text from wrapping underneath a floated element.
- css webdesign
The best free web development add-ons for IE 6 [...]

Also posted in Digital Rights & Wrongs, Humour, Lotus Domino | Leave a comment

Migrate apps from Internet Explorer to Mozilla without completely losing your Mind.

Over on IBM Developer Works is an article on Migrate apps from Internet Explorer to Mozilla. Lots of useful information, evey if its too late for me….
Is Mozilla / FireFox important? Should you care Yes.
Given FireFox’s increasing market share amongst the average user ( ~ 9% and much much high in the pointed head [...]

Also posted in Web | Leave a comment

SXSW: How to bluff your way in CSS

From theSXSW2005 Interactive conference : How to bluff your way in CSS by Andy Budd & Jeremy Keith. A good Intro to Cascading Style Sheets, the What, Why, When and How.
More under the Category:SXSW as I discover them.

Posted in css | Leave a comment

Creating Liquid Layouts with Negative Margins

Via A List Apart, a very nice and practical example of using CSS to get that 2 or 3 columns look (Look Ma, no Tables!) which is so very suitable for most Content web sites (Blog or regular marketing content site), and 99% of the rest of them too.
So well explained even I [...]

Posted in css | Leave a comment

A List Apart : Faux Columns & Elastic Design

A New A List Apart, Elastic Design:

Elasticising a layout so that its size will change when a user explicitly opts to change text size may seem unnecessary and even unwanted, but if you have text that can be expanded and contracted, it can make sense for the layout in which it is contained to expand [...]

Posted in css | Leave a comment

What is Fahrner Image Replacement technique, and w…

What is Fahrner Image Replacement technique, and why you should care
Russell Beattie talks about the huge increase in power behind the combination of XHTML+CSS (I agree), with links to an article In Defense of Fahrner Image Replacement (FIR is a CSS-based background image replacement technique, i didn’t know that either!) by Vancouver’s Dave Shea [...]

Posted in css | Leave a comment
  • Follow

  • Archives (since 2003)

  • Categories

  • Recent Posts

  • Twitter Updates

    Error: Twitter did not respond. Please wait a few minutes and refresh this page.

  • del.icio.us links

  • Flickr

    Hanging Gardens of KensingtonHanging Gardens of KensingtonMore Chocolate CakeMore Chocolate Cake
  •  

    September 2010
    M T W T F S S
    « Aug    
     12345
    6789101112
    13141516171819
    20212223242526
    27282930  
  • Spam Blocked