Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery. A traditional blogroll is a simple list of other sites, often in the sidebar, that are related, owned by, or otherwise friendly to the home site.
Blogrolls are a great idea and on-point with the spirit of blogging, but how is a casual reader to know if any of these sites are truly of interest? Let's improve upon the concept of a blogroll by not just listing sites, but dynamically pulling recent headlines from them, and using some fun jQuery animation. Step 1 - The Idea and the Technologies For our example, we will be using the TUTS family of sites. Dynamic Drive CSS Library- Animated horizontal tabs. Animated horizontal tabs Author: Dynamic Drive These sliding doors based blue tinted tabs "jump up" when selected, such as when the mouse rolls over each one.
This is accomplished using a combination of relative positioning and padding on each tab. The selected tab is first stretched vertically by giving it a thick bottom padding, then plucked out thanks to the CSS "top" property value that's smaller than the normal tabs'. The result are tabs that animate without any scripting. 50+ Nice Clean CSS Tab-Based Navigation Scripts.
Tab navigation has been one of the most fundamental element in any modern web structure.
In order to make sure visitors can properly navigate through the website. One of the biggest challenge web designers and developers faced is to integrate a simple and nice tab navigation that not only don’t confuse, but helps visitors easily understand where they should be clicking. Whether you are running a website or blog, tab navigation is probably one of the element that helps drives traffic to internal pages. Control.Tabs : Unobtrusive CSS tabs for Prototype. Unobtrusive CSS tabs for Prototype.
Introduction & Examples Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Button Maker. Creating a Slick Auto-Playing Featured Content Slider. I love the Coda Slider plugin for jQuery.
I've used it recently to build a couple of tabbed "widgets". One here on CSS-Tricks in the sidebar to show Script & Style links, Featured Posts, and Popular Posts. Just kind of a fun way to show lots of content in a small area. I also used it on an article for NETTUTS for a similar purpose.