Archive for the 'Link' Category
Create a tabbed search form with YUI
0 Comments Published 1 year, 6 months ago in CSS, Form, JavaScript, Link, Online Resource, YUI and Yahoo! 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 tabbed [...]
Adding style to your rel attributes with CSS
1 Comment Published 1 year, 8 months ago in CSS, CSS2, CSS3, Image Sprites, Link, W3C, attribute selector, background and microformats 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 users. [...]
Progressive enhancement of links using the CSS attribute selector
5 Comments Published 1 year, 9 months ago in :after, Accessibility, CSS, CSS2, CSS3, DHTML, Hacks, IE7, IE8, Image Sprites, Link, Online Resource, W3C, attribute selector and min-height 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 [...]
Image replacement and screenreaders
0 Comments Published 3 years, 11 months ago in Accessibility, CSS, Image Replacement, Link, Quick Tips, background and text-indent Digg ThisOk kids, if you use image replacement to create super-cool rollover buttons, raise your hands. Good. Now, keep your hands raised if you put title attributes on the links to give added information. Great! What is the text inside the link? Keep your hands raised if you repeated your title attribute [...]
Get rid of the dotted lines on links with image replacement
2 Comments Published 3 years, 11 months ago in :focus, CSS, Firefox, JavaScript, Link, Quick Tips, background and text-indent Digg ThisI don’t remember where I first found this tip (Hedger Wang?), but it’s a good one. If you are using image replacement, i.e. background images and negative text-indent, you may notice a dotted line appear when the link is clicked and waiting for the page to change (:focus). It’s outlining the text that happens to [...]
About
You are currently browsing the Advanced CSS Design Resources - last-child.com weblog archives for the 'Link' category.
Longer entries are truncated. Click the headline of an entry to read it in its entirety.Latest
- Looking for an Action Script 3 programmer
- New Yahoo! BOSS Hacks web site
- Quick and Free Online PDF Creator
- How easy is it to build a search engine with Yahoo! Boss?
- Yahoo! Boss now features keywords and more language support
- Make a niche search engine with Yahoo! BOSS
- CSS3 Attribute Selector Presentation
- Add Pagination to your Yahoo! BOSS search engine
- Create a tabbed search form with YUI
- Create your own Search Engine with Yahoo! BOSS
Archives
- 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 (5)
- :after (2)
- :block (3)
- :fixed (1)
- :focus (1)
- :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 (10)
- Class (4)
- Code (1)
- Conditional Comment (7)
- CSS (72)
- CSS2 (7)
- CSS3 (6)
- Definition List (2)
- Developers (6)
- DHTML (15)
- display (3)
- Div (3)
- Dreamweaver (1)
- Firefox (9)
- first-child (1)
- Flash (9)
- FLORWAX (2)
- Form (3)
- Form Button (2)
- Form Input (2)
- Form Select (1)
- Hacks (13)
- HTML Elements (10)
- Id (2)
- IE7 (24)
- IE8 (3)
- Image (2)
- Image Replacement (2)
- Image Sprites (9)
- JavaScript (32)
- JSON (3)
- Link (8)
- margin (1)
- media (1)
- microformats (6)
- min-height (2)
- negative margins (1)
- Online Resource (52)
- Opera (3)
- Other Links (1)
- overflow (2)
- padding (2)
- paxilled (2)
- PEAR (1)
- PHP (9)
- position (10)
- Pre (1)
- Quick Tips (35)
- Safari (1)
- Span (2)
- Standardista (20)
- 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 (1)
- visibility (1)
- W3C (8)
- Wordpress (2)
- XHTML (2)
- XML (3)
- XSL (3)
- Yahoo! (33)
- YUI (10)
- Z-Index (4)
