Ninis World

Nini's World SiteNinis Swedish BlogNinis English blog

Page last updated 2014-01-3 01 at 16:34:00

I select links. Most of them have something to do with the creation of webpages or related topics. I would like to share the ones I personally find being of greate use.

If you have links you want to contribute because you find I have forgotten some, feel free to email me with the link and I will see if I they fit into the kind of links I want to provide.

NOTE: The links are in no particular order of preference or other order. They will all open in a new window.

Enjoy! nini ;-)

For book recommendations for books about CSS look here.

GENERAL CSS AND TUTORIALS

CSS

W3C – Cascading Style Sheets
W3C Tableless Page How To and FAQ
Tableless Page How To
W3C CSS Tips & Tricks
W3C Tutorial Starting with HTML and CSS
W3C Learning CSS (a huge collection of links to books and tutorials on the internet about CSS)
W3C Dave Raggets Introduction to CSS
Chapter 2 of the book Cascading Styke Sheets, Designing for the Web, by Håkon Wium Lie and Bert Bos
W3C about Tables
W3C about Table Structure

css/edge – Eric A Meyer

Eric Meyers CSS Links and Resources

CSS Reference at w3schools (browser compatibility chart, terminology, values)

A LIST APART
Exploring footers
CSS and Email
Practical CSS Layout Tips, Tricks,
& Techniques
Webdesign articles and tutorials
Creating Liquid Layouts with Negative Margins
Elastic Design

Zeldman.com

Developing with web standards – Recommendations and best practices

The Noodle Incident (with CSS panic guide among other things)

The Webstandards Project

HTML and CSS Tutorial at the HTML Dog

HTMLdog.com CSS for beginners

Applying CSS, Tutorial at HTML Dog

Style Master CSS Tutorial

CSS-discuss.incutio.com (lots of info here and a busy mailinglist)

Bluerobot.com

The CSShark Answers FAQs

Bravenet.com – SiteBuilding CSS Articles

Sitepoint.com – CSS Tutorials

The CSS Style Guide at codestyle.org (many good links on page)

Selectutorial – CSS selectors

Brainjar.com – Various tutorials on CSS and other things

Max Width in Internet Explorer – Readability and Line Length

Codestyle.org, the CSS style guide

Apptools.com – Examples

Solardream Studios – Tutorials

SHOWCASES

css Zen Garden – The Beauty of CSS Design

CSS Beauty – Showcase

CSS Play

CSS BLOGS

Simple Bits – the website of Dan Cederholm

WEBSITES I FIND INTERESTING

Links to websites I find interesting for various reasons – designwise or other – will soon appear here.

Cameron Moll – articles

DREAMWEAVER

How to make and style a webpage in Dreamweaver

FONT SIZES

Sane CSS Sizes

CSS-discuss: Fontsizes

How to size text using ems

Taking the "Erm.." Out of Ems

Taking Ems Even Further

CSS MENUS

Line25 – How to create a pure CSS dropdown menu

Big Menus, Small Screens: Responsive, Multi-Level Navigation

CSS LISTS

Listamatic at Maxdesign – a huge collection of different models of how to create a list with rollover effects, horizontal and vertical. You also get all the code for the different models. A fantastic resource. Also do not miss the Floatutorial (a tutorial about floating elements), the Listutorial (a tutorial about handlign lists) and the Selectutorial (a tutorial about selectors in CSS) at the same site. And at Listamatic2 you find nested lists.

A List Apart – Taming lists

CSS ROLLOVERS AND TABS

CSS Rollovers

Unraveled – CSS Tabs

CSS Rollovers – Links about CSS Rollovers at css-discuss.incution.com

ALIGNEMENT

Placing text at center of screen with CSS

Bluerobot.com – Centering: Auto-width Margins

CSS BOXES AND COLUMNS, TABLELESS LAYOUTS, POSITIONING

Tutorials on CSS floats

Box Lessons (and some very useful links)

Hicks Design Box Model

REDMELON box model

W3C box model

Brainjar CSS Positioning (the box model)

Three Columns Layouts at css-discuss

Skidoo – 3 Columns

CSS Layout : Three Columns with Header and Footer

Ruthsarian CSS Layouts

SitePoint: Tables vs. CSS - A Figh to the Death

MaKo 4 – Positioning tutorial

Sitepoint – Positioning Properties

Maxdesign – Liquid Layouts Tutorial

Postition is Everything – "All browsers have CSS bugs, and IE leads the pack in this area, but that is not the end of the story." That is what this site is about. Has workarounds and hacks.

In Search of the One True Layout – Position Is Everything article about column layouts

A Structural CSS Positioning Study

Solardreamstudios CSS tutorials – among other things a turotial for hwo to do footers on pages

Faux Columns, Dan Cederholm at A List Apart

The Man in Blue: A more robust method of positioning a footer

Mindpalette : Center layers page in GoLive CS and CS2

Dynamic Resolution Dependent Layouts

Stylify Me - Online Style Guide Generator

Learn CSS: top 15 tutorial videos

RESOURCES AND REFERENCES

Eric Meyers CSS Links and Resources

Mezzoblue – The Zen Garden Resources

Web Page Design for Designers – GoLive CSS Palette

The CSShark Interesting Links

Bravenet.com – Quick Reference for HTML and CSS

Web Fundamentals

UI Parade – Live Tools

RECONSTRUCTION WITH CSS

Digital Web: Webpage Reconstruction with CSS

ADOBE GOLIVE

MISCELLANEOUS WEB

GENERAL GOLIVE SITES

Fleeges GoLive Crusade

ACTIONS AND EXTENSIONS

GoLive Central – Actions, Tutorials, Forum
[click on Services/Actions and choose author of actions by name]

Mads Rasmussens Actions

Dave Jones Actions

MindPalettes Actions

Walter Blady's Actions

Adobe GoLive CSS Palette from Web Page Design for Designers (wpdfd). For GoLive CS.

MENUMACHINE

(MenuMachine is the extension used for the menus on this site)

BigBang ExtensionsMenuMachine

MenuMachine Supportforum

Beate de Nijs MenuMachine examples and experiments

TIPS AND TUTORIALS

Golive Tutorials HTML & CSS Tutorials at Markup Tutorials

GoLive Central Tutorials

Adobe GoLive 911

Mads Rasmussens Tutorials

GoLive in 24 Hours – Lots of useful tips and tutorials

Dave Jones Actions and Tutorials at GoLive Tutor.com

GoLive After Hours – Tips, HowTos

Adobes own pages about GoLive

Milans URL-mapping tutorial

Adobe GoLive Tipps & Tricks (in German)

http://www.allgraphicdesign.com/golive.html – a site with links. This is their GoLive links page.

Mindpalette : Center layers page in GoLive CS and CS2

GENERAL

Type Tester – Compare fonts for the screen

Web Server Administrator's Guide to the Robots Exclusion Protocol

The W3C Tutorials for HTML CSS and much more

The World Wide Web Consortium

Bravenet.com – Resources, counters, scripts and a lot more.

Dave Ragget's Introduction to HTML

The Web Standards Project (all about HTML; CSS, XHMTL etc. – also see above)

Google Information for webmasters

Project Seven Tutorials (for DreamWeaver)

SDSU Web Style Guide

DOCTYPES AND CHARACTER CODES

A List Apart about doctypes

A tutorial on character code issues

DOCTYPE Explained
by Eric Meyer and Apple Developer Connection

COLOR

Eric Meyers Color Blend Tool

Color-tools for the web

WebPageDesign for Designers – Colors

WellStyled – Color Scheme Generator

Lynda.com – Non Dithering Colors

Color for Coders - Color and Design for the Non-Designer – a SitePoint article

Color Schemer – Create matching color schemes at the click of a button

Hex Color Tool

http://www.147colors.com/

DROPDOWNS

Suckerfish Dropdowns, at HTML.dog

CSS Express Drop-Down Menus by Project VII

MISCELLANOUS

Evolt.org – 10 CSS Tricks

Mindpalette – PHP Random Content Tutorial

Why use the language attribute?

PHP Random text

The Home of the MX Community

http://www.allgraphicdesign.com/

LIGQUID TABLES

evolt.org – Liquid Tables (incl. links to tutorials)

BACK TO TUTORIALS AND LINKS CONTENT

To top of page