Create A Website » css

Reminder to Self – clear:both breaking a css layout?

create a website — Wed, 28 Sep 2011 01:21:46 +0000

Had to fix up a site recently and it was using two floating columns that broke when clear:both was used in the main column. There are better ways to do a two column layout – but just in case … reminder to self …

http://www.danstorm.com/dan-storm-article-css-5.html

1. Float container.
2. Use “overflow: auto” on the container.
3. Use “after”.

Quick Tip: CSS Sprite Generator

create a website — Fri, 24 Apr 2009 02:22:18 +0000

This is a cool CSS Sprite Generator:
http://www.csssprites.com/

Upload your image and an alternative state and it will output the combined image with the background position values. Nice.

Interesting Presentation on Web Development Standards

create a website — Wed, 11 Jun 2008 03:52:06 +0000

| View | Upload your own

Produce Better CSS, HTML, Javascript Faster: 20 Useful Tools

create a website — Sun, 18 May 2008 08:31:48 +0000

Found this on Digg. A bunch of tools to help develop faster and better websites. Tools for producing, optimizing and testing CSS, HTML, and Javascript.

read more | digg story

Microsoft Outlook 2007 Sucks at HTML email

create a website — Thu, 01 May 2008 21:53:37 +0000

Microsoft – why don’t you just disable HTML email in Outlook 2007 rather than implement it so badly?

It now uses Microsoft Word’s rendering engine. The interesting thing is what happens when you forward on an email. You can view the source in Outlook which hides the transformations it is applying – but it isn’t until you forward it and view the source of that email that you can see what trash it is converting it too.

Why should I have to revert to using a table to create a simple border round a block of text when this should be able to be achieved with a div and css?

According to this list of what isn’t supported at Sitepoint (Microsoft Breaks HTML Email Rendering in Outlook 2007) …

no support for background images (HTML or CSS)
no support for forms
no support for Flash, or other plugins
no support for CSS floats
no support for replacing bullets with images in unordered lists
no support for CSS positioning
no support for animated GIFs

you can add inconsistent support for most everything else!

The Yahoo! User Interface Library CSS Grid Builder

create a website — Fri, 11 Apr 2008 21:02:14 +0000

More goodness from Yahoo! …
YUI: CSS Grid Builder

Faster Web Pages

create a website — Mon, 31 Mar 2008 22:25:35 +0000

A fantastic presentation from Yahoo! on multiple ways (including CSS, Javascript and server-side technologies) to speed up page delivery and rendering. I think most developers would learn something from this.

| View | Upload your own

Here is another presentation from Yahoo! which touches on the same issues …

| View | Upload your own

List of Web Development Cheat Sheets

create a website — Sun, 16 Mar 2008 09:13:18 +0000

Great list of links to web development cheat sheets covering Javascript, CSS, HTML/XHTML, AJAX, Colors, Microformats, Browser Compatability, and XML.

read more | digg story

Have always found this site useful for HTML and CSS stuff …

create a website — Sat, 15 Mar 2008 15:21:39 +0000

Way old now – but I still use it – Bloo’s homepage …

html reference
css reference

Basic CSS

create a website — Sat, 15 Mar 2008 15:10:55 +0000

A simple tutorial to get started with CSS.

read more | digg story

How to change the style of a WordPress blog with CSS (slideshow + audio)

create a website — Sat, 15 Mar 2008 14:44:03 +0000

| View | Upload your own

Good CSS = Beautiful CSS

create a website — Sat, 15 Mar 2008 14:41:56 +0000

| View | Upload your own