Archive for the 'HTML Elements' Category
Debugging aria-label on elements
0 Comments Published 1 month, 2 weeks ago in Accessibility, ARIA, HTML5 and Span Digg ThisI recently helped do some testing on the new version Yahoo! Mail for iPads and was stumped by an aria-label not working as expected. It was one of those gotcha moments, when you realize a confusion with a fundamental process. Are you wondering why your aria-label is not being announced? The aria-label attribute is tempting [...]
Add Pagination to your Yahoo! BOSS search engine
3 Comments Published 3 years, 4 months ago in CSS, PHP, Unordered List, Yahoo! and YUI Digg ThisYahoo’s BOSS search API makes it easy for you to create a customized search engine. Yahoo! also has a Design Pattern lLibrary to save time designing your pages. They’ve put a lot of effort into creating the best user experience for search pagination. Pagination guidelines Here’s a sample of the Design Library’s ideas for search [...]
Create a tabbed search form with YUI
0 Comments Published 3 years, 4 months ago in CSS, Form, JavaScript, Link, Online Resource, Yahoo! and YUI Digg ThisYahoo! makes it easy to create an accessible, handsome tabbed interface. I used their Tab View library to create the tabbed search form for V3GGIE.com. While Tab View can create the tabbed content dynamically, I’m using it to hide/show hard-coded individual forms. Update: I’ve removed the tabbed interface from V3GGIE.com. This particular use of the [...]
Adding style to your rel attributes with CSS
2 Comments Published 3 years, 7 months ago in attribute selector, background, CSS, CSS2, CSS3, Image Sprites, Link, microformats and W3C Digg ThisView the finished example: Adding style to your rel link. There’s a little attribute in HTML links that is starting to get a bit of attention lately. The “rel” attribute is a sparsely defined attribute that applies some meta information about a link’s relationship to other documents. Unfortunately, this information is usually hidden from your [...]
Progressive enhancement of links using the CSS attribute selector
5 Comments Published 3 years, 8 months ago in :after, Accessibility, attribute selector, CSS, CSS2, CSS3, DHTML, Hacks, IE7, IE8, Image Sprites, Link, min-height, Online Resource and W3C Digg ThisAttribute Selector Test Page We have avoided using CSS3 rules for too long. It’s been difficult to justify using rules that won’t work for a significant portion of our audience, Internet Explorer 7 and below. However, Internet Explorer 8 is coming out soon and does work with the features we like. I think it’s fairly [...]
About
You are currently browsing the Advanced CSS Design Resources - last-child.com weblog archives for the 'HTML Elements' category.
Longer entries are truncated. Click the headline of an entry to read it in its entirety.Latest
- Debugging aria-label on elements
- Design for users with Cognitive Disabilities
- Yahoo! Accessibility Lab code library
- Improve your WordPress site by forcing plugins to put JS at the bottom of the page
- CSS3 Gradient Backgrounds and Controlling Their Height
- Yahoo! to downgrade IE6 in 2011
- Best Practices for Creating JavaScript
- How to include a copyright symbol in any language
- A quick CSS3 sibling test with the video tag
- Cross-browser HTML5 video tag with fallback for Flash users
Archives
- December 2011
- September 2011
- August 2011
- December 2010
- November 2010
- October 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- September 2009
- May 2009
- March 2009
- January 2009
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
- August 2006
- July 2006
- June 2006
- May 2006
- April 2006
- March 2006
- February 2006
Categories
- :absolute (6)
- :after (2)
- :block (4)
- :fixed (1)
- :focus (2)
- :hover (1)
- :none (2)
- :relative (4)
- Accessibility (28)
- AJAX (12)
- ARIA (1)
- atmedia (6)
- attribute selector (8)
- background (11)
- Book Resources (4)
- Book Review (4)
- border (1)
- Browsers (12)
- Class (4)
- Code (1)
- Conditional Comment (7)
- CSS (79)
- CSS2 (7)
- CSS3 (12)
- Definition List (2)
- Developers (7)
- DHTML (16)
- display (4)
- Div (3)
- Dreamweaver (1)
- Firefox (10)
- first-child (1)
- Flash (10)
- FLORWAX (2)
- Form (3)
- Form Button (2)
- Form Input (2)
- Form Select (1)
- Hacks (13)
- HTML Elements (10)
- HTML5 (9)
- Id (2)
- IE7 (24)
- IE8 (3)
- Image (2)
- Image Replacement (2)
- Image Sprites (9)
- JavaScript (36)
- JSON (3)
- Link (8)
- margin (1)
- media (1)
- microformats (6)
- min-height (2)
- negative margins (1)
- Online Resource (58)
- Opera (3)
- Other Links (2)
- overflow (2)
- padding (2)
- paxilled (2)
- PEAR (1)
- Performance (1)
- PHP (9)
- position (11)
- Pre (1)
- Quick Tips (39)
- Safari (2)
- Siblings (1)
- Span (3)
- Standardista (22)
- Table (1)
- Table Body (1)
- Table Head (1)
- Table Header (1)
- Table Header Scope (1)
- Table Summary (1)
- text-indent (2)
- Uncategorized (4)
- Unordered List (2)
- vertical-align (1)
- Video (2)
- visibility (1)
- W3C (10)
- Wordpress (3)
- XHTML (2)
- XML (3)
- XSL (4)
- Yahoo! (36)
- YUI (13)
- Z-Index (4)
