Docking boxes (dbx) “adds animated drag ‘n’ drop, snap-to-grid, and show/hide-contents functionality to any group of elements. And … in what might be another world-first for brothercake – dbx is fully accessible to the keyboard as well as the mouse, an action I’ve dubbed “press ‘n’ move”.” This looks interesting, and may well join my [...]
From the category archives:
CSS
CSS Problem Solving Panel Survey – I just may have something to add to the survey, but I need to set it up properly for submission.
While I don’t have much time to actively participate in the Designers in House List, to which I subscribe, I enjoy reading many of the threads. One recent thread from a while back, titled “Your favourite web design book” served as a reminder that I should update my list of Web and design-related book recommendations. [...]
Eric Meyer sheds some light on the interesting application of line-height within the cascade, specifically he recommends implementing Unitless line-heights (‘1′ instead of ‘1em’ or ‘100%’ for example) in order to avoid the wrong values flowing down the cascade to descendant elements. I highly recommend you check it out should you be a Web [...]
CollyLogic: Redesign Notes 1: Width-based layout
Toggle (show/hide) elements in a Definition List
Onion Skinned Drop Shadows
Nick Gagne has posted a great explanation of the vertical-align
property which is a must read for every front-end Web developer. The examples wrap it up beautifully. Good stuff!
Wicked Worn + Bulletproof Liquid
Web Browser CSS Support
PHP CSS Dynamic Text Replacement (P C DTR) – CSS Help Pile – artypapers.com
Richard Rutter of Clagnut has built The Elements of Typographic Style Applied to the Web, to explain the core principles of The Elements of Typographic Style and how they can, and for that matter should be applied to the Web. I’m extremely excited about this new resource and plan to spend some time digging [...]
I’ve implemented resolution-dependent layouts (first noted by The Man in Blue) to ensure that this site is tailored to fit the size of your Web browser. Let me know if you run into any problems with the layout.
Changingman
is “a liquid three column CSS layout with a fixed positioned and width centre column, released under a Creative Commons Attribution 2.0 license.”
The One True Layout – I’m noting this so I can come back and check it out in full and hopefully leave my notes in this space. Here is a quick summary for those Web-types who are interested:
“This article shows how to achieve [total layout flexibility, equal hight, non-faux columns and vertical placement of elements [...]
CSS: Specificity Wars | And all that Malarkey – A great use of the dark side to explain the specificty within the cascade.
As expected, the introduction of IE 7 will wreak havoc on those sites that utilize CSS hacks to serve up different styles to IE browsers. The IE development team is urging developers to clean up their hacks. They recommend the use of conditional comments, but I lean to using server-side code to detect and serve [...]
Faruk Ates provides a handy style sheet to use when starting a new project, and provides some great information as to the choices made, and the revisions since the first launch. I plan to check it out, and perhaps revise my standard CSS template with his ideas.
Found via Jeff Croft
footerStickAlt: A more robust method of positioning a footer, specifically “at the bottom of the browser window or at the bottom of the Web page – whichever is visually lowest.” This looks very interesting – I can’t wait to find a project that will allow me to try this out!
The SeeSS widget for the OS X dashboard “is a quick and handy reference sheet for 140 CSS (1, 2 & 3) properties (proprietary extensions are not included). Each property includes information on its inheritance, CSS compliancy, Safari support, all values (including defaults), some examples and an extensive description. A link to the appropriate [...]