はてなブックマーク

PERCIFORMES! Welcome to the universe of Perciformes - perch-like fish that include the world famous Suckerfish Hello. You have found an example page for Suckerfish Dropdowns. Under the hood you will find some nice structured HTML, a smattering of CSS and a teensy bit of JavaScript (that's just 12 lines of it). It's lightweight, it's accessible, it's cross-compatible. Suckerfish Dropdowns are broug

Valid properties belonging to the CSS3 standard.

Stripped-down, bare-bone examples demonstrating various HTML elements and CSS properties. See them in action and tinker — play with the code and watch what happens. Text Headings: h1 to h6 in their default style. Size doesn’t matter: Making headings any size you choose with CSS. Bold, italics, case, and line height: Using font-weight, font-style, font-variant, text-transform, and line-height. Font

By Patrick Griffiths and Dan Webb. CSS3 brings with it quite a funky little pseudo-class, :target, which can be used to highlight a targeted page anchor: h2:target { color: white; background: #f60; } Basically, using the above as an example, if someone were to select a link in a page with href="#balloon" and in that page was an h2 element with the attribute id="balloon" then not only will the page

By Patrick Griffiths and Dan Webb. The original Suckerfish Dropdowns article published in A List Apart proved to be a popular way of implementing lightweight, accessible CSS-based dropdown menus that accommodated Internet Explorer by mimicking the :hover pseudo-class. Well now they're back and they're more accessible, even lighter in weight (just 12 lines of JavaScript), have greater compatibility