Posts Tagged ‘CSS’

Apr 22 Tuesday

Responsive Tab Panel

A technique for a pure HTML and CSS only Tab Panel, using the ::checked and ::sibling selector technique to create a interactive tab panel that does not require any javascript function Unlike the ::target technique you can have multiple tab panels on the same page, with out loosing the previous tab panels state Pro’s No […]
Apr 19 Saturday

Toggle Button Control

A pure HTML and CSS Toogle Button using the ::checked and General Sibling selector technique, to create a interactive control that can be easily styled to suit your requirements. Examples Checkbox Radio’s iOS 7 HTML CSS Browser Support 2+ 1+ 8+ 3.1+ 9.2+ Any Any Licence
Apr 18 Friday

Rating Control

This is a nice clean and simple Star Rating control in pure HTML and CSS. It uses the ::checked and Sibling Selector Technique so that it does not require any javascript to function. Even if the CSS is not loaded it will degraded back to a standard radio options list Example HTML CSS Browser Support […]
Apr 13 Sunday

Collapsible Panel

This a nice simple collapsible panel or accordian menu, that uses the ::checked and sibling selector technique to create interactive component that does not require any javascript to function Examples Using Radio Elements Collapse All Panel 1 Panel 2 Panel 3 Panel 4 Panel 5 Using Checkbox Elements Panel 1 Panel 2 Panel 3 Panel […]