Create a Timeline Portfolio

Web developer Martin Angelov demonstrates how you can create a Timeline Portfolio. Timeline is a jQuery plugin that shows chronological series of events. Here, you can embed different types of media such as videos, maps, tweets then associate them with date. Basic layout: HTML Index.html <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <title>Timeline Portfolio | [...]

Continue Reading →

A Cool Avatar Badge With Hidden Linked Icons

Here’s a pretty neat feature that you might want to put in your blog or website! It’s an animated user avatar badge by Manuel Ebert from Spain. What it does is that it slides user’s pic ID to the side revealing 3 social icon links underneath, though I’m expecting that with a little tweak in [...]

Continue Reading →

Youtube-like Adaptable View Using CSS and jQuery

Here’s a nice creation by Janko that mimics a Youtube-like adaptable change view feature. This lets you switch between normal mode and wide mode making it expand or shrink the movie area. Although it changes view, all the information still remains accessible. In simulating the structure, five sections are defined – content, comments, sidebar and [...]

Continue Reading →

Animate Your News Feed With CSS And jQuery

Providing a web or news feed to your site visitors is always considered as good practice when running a web site. It’s the best way to keep them informed of any updates to your content. But wouldn’t it be nice to spruce things up a little by giving your audience a fun and unique experience [...]

Continue Reading →

How to Create an Impressive Product Showcase with CSS3

Click on the image to see the tutorial. Having a good product page is very vital in promoting your page especially if it’s more on the business side. The site should be descriptive of what your product is all about to help build your visitors’ interest. That’s the challenging part of it – how you [...]

Continue Reading →

Scrolling Image Reveal

I’d like to share with you this pretty neat image scrolling effect created by Chris Violette using only the wonderful capabilities of CSS. It’s a nice slider to have as a header. It’s lightweight, meaning that it doesn’t slow down your site as much as using a complicated jQuery-based image slider. The effect was based [...]

Continue Reading →

SimpleWeather – Display The Weather Using jQuery

Today’s featured plugin comes from the guys over at monkeecreate and it is called SimpleWeather, a jQuery plugin that creates a widget that displays the current weather in the specified locale. The data it displays is pulled from the public Yahoo! Weather feed via the YQL API, which means that it can only recognize US [...]

Continue Reading →

CSS Tutorial: CSS Properties CSS Syntax

CSS plays an important role in today’s web development so here’s a video tutorial by Ashton Sanders that can be very helpful in your quest for making a good web site. Click on the image to launch the tutorial. Incoming search terms for the article: css syntax guide css tutorials ! = syntax syntax on [...]

Continue Reading →

Create Eye-Catching CSS Buttons With Pseudo-Elements

Today’s featured CSS tutorial comes from Sergio Camalich who created a very cool set of button designs with the use of CSS pseudo-elements. His tutorial shows you how to create buttons with a twist. It will only involve using just one anchor tag for each button to work (with the help of CSS), because you’ll [...]

Continue Reading →

Create a Slick Menu Using CSS3

Created by a web developer in the Philippines, here’s a great navigation menu tutorial that uses only CSS. View the DEMO, then click on the image to see how it is done. Incoming search terms for the article: create a slick menu using css3 slick menu using css3 css slick menu slick menu slick menu [...]

Continue Reading →

Page 4 of 7« First...«23456»...Last »