Archive for the 'Quick Tips' Category
CSS3 Gradient Backgrounds and Controlling Their Height
0 Comments Published 1 year, 2 months ago in background, CSS, CSS3, Firefox, HTML5, Quick Tips and Safari Digg ThisLet’s assume you want to create a gradient background that starts at the top of the page and finishes at the bottom of your page header, i.e. is 100px tall. You can do this with a combination of CSS3 rules and avoid those ugly background images. First off, I’m going to use the excellent Colorzilla [...]
How to include a copyright symbol in any language
3 Comments Published 1 year, 7 months ago in Online Resource, Quick Tips and XSL Digg ThisI found this page today while trying to find the proper way to add a copyright symbol ( © ) with XSL. Copyright Symbol Webpage is simply a good reference to how and why to use the copyright symbol. Here’s a snippet on how to use it in XSL Unicode Copyright Symbol – Programmers, please [...]
A quick CSS3 sibling test with the video tag
1 Comment Published 1 year, 7 months ago in :absolute, :block, :focus, CSS, CSS3, display, HTML5, position, Quick Tips and Siblings 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 [...]
Cross-browser HTML5 video tag with fallback for Flash users
0 Comments Published 1 year, 7 months ago in Browsers, Flash, HTML5, Online Resource, Quick Tips and Video Digg ThisApple’s lack of support for Flash on the iPhone and iPad has forced people to reconsider the value of HTML5 and its video tag. It’s no longer something to put off until the future. However, adding HTML5 video support to your site AND continue to provide a Flash option for older browsers (I.E.) is not [...]
New Yahoo! BOSS Hacks web site
0 Comments Published 2 years, 9 months ago in Developers, Online Resource, Quick Tips and Yahoo! Digg ThisThere’s a lot of information about Yahoo! Boss on the official site: Yahoo! Developer Network. However there is still a need for a more informal portal for quick reviews of BOSS-based mashups, helpful hints, techniques, and upcoming events. BOSS Hacks is an unofficial Yahoo! BOSS Site that does exactly that. I started it last week [...]
About
You are currently browsing the Advanced CSS Design Resources - last-child.com weblog archives for the 'Quick Tips' 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)
