A List Apart: Findings From the Web Design Survey

A List Apart: Findings From the Web Design Survey

Creating a Page Break – Snook.ca

Creating a Page Break – Snook.ca

I have an extra little tip that’s also very applicable to those who run blogs: force a page break before the comments.

#comments {page-break-before:always;}

83 Beautiful Wordpress Themes You (Probably) Haven’t Seen

83 Beautiful Wordpress Themes You (Probably) Haven’t Seen | Smashing Magazine

Dynamic Drive DHTML Scripts- Dynamic Ajax Content

Dynamic Drive DHTML Scripts- Dynamic Ajax Content

This script uses Ajax to enable you to load external pages into a DIV without having to reload the browser or use IFRAMES. If your external pages reference any external .css or .js files for styling, this script can also load and apply them to the page on demand.

Dynamic Drive DHTML Scripts- Animated Collapsible DIV

Dynamic Drive DHTML Scripts- Animated Collapsible DIV

This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth “Web 2.0 style” animation. It’s a popular effect on social networking/ comment sites such as Digg. Three distinguishing features of this script are:

1. The ability for the script to work on both DIVs that have an explicit CSS height attribute defined, and without. In the later case, the script will first hide (versus collapse) the DIV until retrieving its true height on page load.
2. A persistence feature that if enabled will remember if a DIV has been expanded, and upon the user’s return to the page within the same browser session, keep it expanded.
3. The duration of the animation is absolute and user configurable, such as 1.5 seconds. This means regardless of the height of the DIV, the script will take 1.5 seconds to finish revealing it. This creates a uniform period before a DIV is revealed regardless of its height.

Have fun sliding content up and down!

HTML and XHTML for CSS free courses

learning :: free courses
HTML and XHTML for CSS

This is the free online version of Westciv’s self paced course CSS Level 1. You can follow this course by coming back to the site every week: you can even get a reminder when we publish the new section every week. Go here for more info on how the free course system works.

If you can’t make it back every week, or you just want to move ahead at your own pace, all Westciv courses are also available for purchase at very reasonable rates.
Week 1

On this page you’ll find week 1.

* About the course
* Tools you need
* What is CSS?
* Why is CSS important?
* The elements of a style sheet
* Syntax: statements, selectors, properties

CSS Dock Menu

CSS Dock Menu

Really cool Mac-like Dock made with CSS!

Wordpress Theme Generator

Wordpress Theme Generator
This online generator creates your own custom unique WordPress Theme. Without any need for HTML, JS, PHP, or CSS knowledge.

Change the colors, settings, layout, preview live, click “save” and download your unique Wordpress theme zip-file. Extract, upload, set, and you are done!

Attach icons to anything with CSS

Attach icons to anything with CSS.

Thanks to CSS selectors it’s possible to attach icons to anything you want just by adding an attribute of your choosing to your HTML. Want a popup icon? try how about a magnifier? . You can even add them automatically for file types. Here’s how.

Happy New Year Video Dedicated to Webmasters.

A funny “Happy New Year” video, from a Web design company in Spain. How to build a real Web page with real people.

read more | digg story