A technique for creating accessible popups using simple semantic HTML and unobtrusive jQuery code. Advantages Popup content is still accessible when JavaScript is disabled. Popup content is separate from main HTML document which makes adding new popups and linking from multiple pages simple. Easy to use. Doesn’t rely on special classes, IDs or inline JavaScript [...]
All posts by kristinlbradley
Unobtrusive jQuery Popups
Posted by kristinlbradley on October 13, 2011
http://kristinlbradley.wordpress.com/2011/10/13/unobtrusive-jquery-popups/
Expandable Content with jQuery and HTML5 Data Attribute
Using jQuery together with the new HTML5 data attribute and a bit of CSS you can create nice expandable / collapsible content items. This is useful for things such as lists of FAQ questions and answers in order to save space. HTML Structure: <div class="toggle-unit"> <h2 class="toggle-control" data-text="What is the answer?" data-expanded-text="You've found it!">What is [...]
Posted by kristinlbradley on October 7, 2011
http://kristinlbradley.wordpress.com/2011/10/07/expandable-content-with-jquery-and-html5-data-attribute/
Cross-browser CSS: Justified Block List
A cross-browser method using semantic markup and CSS to align list items horizontally and space them evenly so they are distributed across the full available width. Useful for laying out lists of thumbnail images or navigation links for example. Tested in IE6, IE7, IE8, FF, Safari, Chrome Fixed Width Content Using This Method: Variable Width [...]
Posted by kristinlbradley on September 15, 2011
http://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justified-block-list/
Cross-browser CSS: Justify last line of text in a paragraph
Normally if you use CSS to justify text, the last line of text is aligned left rather than justified as on other lines. This is the desired behavior in most instances but for some layouts you may want to justify the last line as text as well. Following is a cross-browser method you can use [...]
Posted by kristinlbradley on September 15, 2011
http://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justify-last-line-paragraph-text/
