Pseudo Classes
Some very handy classes and selectors to know.
CSS | Type: CSS
Pure CSS triangle
Creates a triangle shape with nothing but CSS. Note that the border placement and color dictates triangle color and direction of pointer (opposite the visible border).
CSS | Type: CSS
Responsive Data Tables
Brilliant responsive trick for data tables, when you have no choice but to use them.
CSS, Responsive, Tables | Type: CSS
Responsive jQuery Accordions (vertical expansion)
Nice responsive accordian.
CSS, jQuery, Responsive | Type: Javascript
Responsive Table 2
View at link at bottom. This table does not show active CSS and javascript.
CSS, Javascript, Responsive, Tables | Type: CSS
Responsive Tabs to Accordian
At chosen break point, tabs become an accordian.
CSS, Responsive | Type: Javascript
Self-clearing Floats (Dan Cederholm)
Clears items following floated objects.
CSS | Type: CSS
Set Cookie, Change Content (or change class)
Using a cookie to change content for repeat visits.
Cookies, CSS, PHP | Type: PHP
Show/hide text with row truncate (CSS only)
This avoids the mid-word break of the other show/hide snippet by selecting number of rows to show.
CSS | Type: CSS
Sliding Image Background
Cool effect if you have a good enough reason and a wide enough image.
CSS, CSS3, Images | Type: CSS






