Archive for the 'position' Category
A quick CSS3 sibling test with the video tag
1 Comment Published 2 months, 2 weeks ago in :absolute, :block, :focus, CSS, CSS3, HTML5, Quick Tips, Siblings, display and position Digg ThisI am working on a little widget that uses the html5 video tag on one of my test sites: Fyvr.net. I wanted to display related information when the video is playing. The sibling selector makes this easy. Here’s the basic markup <li> <video>…</video> <p>…</p> </li> I wanted the paragraph to appear when the video is [...]
Class Equals Screen Reader Info
2 Comments Published 3 years, 1 month ago in :absolute, Accessibility, CSS, Class, Table Header, Table Header Scope, Table Summary, Yahoo! and position Digg ThisI’ve been using a little CSS trickery to hide content and data from the average user. I hate to mention it too often as it can open pandora’s box. There was a recent thread on the Microformat’s discussion list about this very topic. The gist of many programmers is that data worth sharing is data [...]
Image sprites – flexible and accessible packages
1 Comment Published 3 years, 10 months ago in Accessibility, CSS, Class, Definition List, HTML Elements, Image Replacement, Image Sprites, Span, Yahoo!, background and position Digg ThisUser generated ratings and reviews are an important part of all Yahoo! sites. You can find them on just about every page of Yahoo! Tech. It was important for us to develop a ratings presentation device that was easy to code, accessible, flexible, and as light-weight as possible. Our final design uses a combination of [...]
The big list of fixed stuff in IE7
2 Comments Published 4 years ago in CSS, CSS2, HTML Elements, IE7, attribute selector and position Digg ThisThe IE7 blog has a new post of items that have been fixed in the upcoming release of IE7. While not on the list, the problem I found with alpha transparent png sprites has been fixed for the final release. Take a look at the list and think of it as new tools to use. [...]
IE7 background sprite bug – the saga continues
4 Comments Published 4 years, 2 months ago in Browsers, CSS, Hacks, IE7, Image Sprites, background and position Digg ThisI’ve been able to narrow down my problem with IE7b2 and background sprites. However, I still have not been able to create a stripped down test page that consistently mis-behaves. So my observations, while not scientific, could save you some hours of debugging. Internet Explorer 7beta2 is not treating transparent png background images correctly. It [...]
About
You are currently browsing the Advanced CSS Design Resources - last-child.com weblog archives for the 'position' category.
Longer entries are truncated. Click the headline of an entry to read it in its entirety.Latest
- 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
- YUI 3.0 Gallery now includes modernizr functionality
- Dive into HTML5 should be everyone’s intro to the standard
- HTML5 Helpful Links
- HTML5 – quick notes from The Chronicles of Web Standard III – The Voyage of the HTML5
- HTML5 Resource: HTML5 Doctor
- Looking for an Action Script 3 programmer
- New Yahoo! BOSS Hacks web site
Archives
- 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 (26)
- AJAX (11)
- atmedia (6)
- attribute selector (8)
- background (10)
- Book Resources (4)
- Book Review (4)
- border (1)
- Browsers (11)
- Class (4)
- Code (1)
- Conditional Comment (7)
- CSS (76)
- CSS2 (7)
- CSS3 (11)
- Definition List (2)
- Developers (7)
- DHTML (15)
- display (4)
- Div (3)
- Dreamweaver (1)
- Firefox (9)
- first-child (1)
- Flash (10)
- FLORWAX (2)
- Form (3)
- Form Button (2)
- Form Input (2)
- Form Select (1)
- Hacks (13)
- HTML Elements (10)
- HTML5 (7)
- Id (2)
- IE7 (24)
- IE8 (3)
- Image (2)
- Image Replacement (2)
- Image Sprites (9)
- JavaScript (34)
- JSON (3)
- Link (8)
- margin (1)
- media (1)
- microformats (6)
- min-height (2)
- negative margins (1)
- Online Resource (56)
- Opera (3)
- Other Links (2)
- overflow (2)
- padding (2)
- paxilled (2)
- PEAR (1)
- PHP (9)
- position (11)
- Pre (1)
- Quick Tips (38)
- Safari (1)
- Siblings (1)
- Span (2)
- Standardista (21)
- 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 (2)
- XHTML (2)
- XML (3)
- XSL (4)
- Yahoo! (34)
- YUI (11)
- Z-Index (4)
