BlueSite

Facebook Twitter

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.

Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery

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.

Dynamic Drive CSS Library- Animated horizontal tabs

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.

50+ Nice Clean CSS Tab-Based Navigation Scripts

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.

Control.Tabs : 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.

Creating a Slick Auto-Playing Featured Content Slider

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.