InternotesSharing Web Development Techniques

Blossoms

Internotes — Articles about CSS

Creating a Table with a Fixed Header

Using CSS to Produce Tables with Fixed Headers and Scrolling Bodies

More: fixed-header-table

Self Validating Forms

Using HTML5 & CSS3, how to make a form which is friendly, but which also validates user data.

More: self-validating-forms

Showing & Hiding Passwords on Forms

Web Forms typically use the special `password` type for password inputs. This hides the password from every body, but unfortunately includes the user. This looks at how to temporarily show the password if the user wants.

More: show-form-passwords

Web Menus

Navigation is one of the key elements in all modern web sites, and making the navigation look attractive and familiar is going to be an important part of your web design.

More: web-menus

Zebra Tables

HTML tables, when correctly used, can contain many rows and columns of data. If the table is large enough, designers often wish to highlight rows to make them easier to read.

More: zebra-tables

Responsive Tables

Two of the most difficult things to get right in a responsive design are images and tables. By their very nature, they tend to occupy a certain amount of space, and it is often difficult to work out what to do if the screen is to small to accommodate the whole figure.

More: responsive-tables

Toggling Attributes or Classes

An important technique is simply to be able to turn property on or off. Once you have done this, you can perform a lot of additional magic using CSS.

More: toggling-attributes