jQuery Weekly Roundup #4: 5/11/11
Introduction Here are some fresh jQuery plugins and tutorials that were released recently. I will continue to release similar roundups on the subject of CSS3, jQuery, and WordPress. Check here for all...
View ArticleAnimated Buttons using CSS3 Transitions and Transforms
Introduction As CSS3 is gradually more supported over popular browsers, CSS3 Buttons become great looking replacements for image and script heavy buttons. These buttons use CSS3 transitions and...
View ArticlejQuery Weekly Roundup #5: 5/29/11
Introduction Here are some fresh jQuery plugins and tutorials that were released recently. I will continue to release similar roundups on the subject of CSS3, jQuery, and WordPress. Check here for all...
View ArticleCreate a grid Image Gallery that has intersecting highlights with jQuery and CSS
Introduction In this image gallery, I wanted to create the effect of intersecting lines to highlight the selected image in a grid like a crosshair. I used differing opacities of images horizontally...
View ArticleWordPress Weekly Roundup #6: 6/18/11
Introduction Here are some Fresh and Free WordPress themes, plugins, tutorials, articles and inspiration that were released recently. I will continue to release similar roundups on the subjects of...
View ArticleCreate Working Retro Custom Radio Buttons
Introduction Last time I released a custom radio buttons PSD Freebie. Now I will show how to implement them on the web. I have been calling them radio buttons, but I am only going to make checkboxes...
View ArticlejQuery Weekly Roundup #7: 7/5/11
Introduction Here are some Fresh and jQuery plugins, tutorials, and articles that were released recently. I will continue to release similar roundups on the subjects of CSS3, jQuery, and WordPress....
View ArticleAnimated Navigation with CSS3 Transitions and Transforms
Introduction This is a continuation of the same techniques used in the previous tutorial: Animated Buttons Using CSS3 We will be using CSS3 transitions and transforms to create a smooth animated...
View ArticleMonday Inspiration #4: Rift Holds a Colossal Contest
Introduction This week’s featured inspiration is a little outdated with the winners being released in early July, but the artwork in Rift’s Create a Colossus Contest is stunning. Along with this...
View ArticleWordPress Weekly Roundup #8: 8/5/11
Introduction For this week I will showcase some recently released Free WordPress Themes that I liked. I will continue to release similar roundups on the subjects of CSS3, jQuery, and WordPress. Check...
View ArticleLoading Animation using CSS3 Keyframe Animation
Introduction CSS3 Keyframes are great for creating anything from complex, multi-step animations to simple looping animations. Loading animations are a necessity for demonstrating to the user that they...
View ArticleCSS3 Slider Timeline Menu
Introduction I was inspired by the website theCampusBubble and its fixed navigation. It has a slider / timeline menu with a dial that slides over as each new section is scrolled to. You can click on...
View ArticleCSS3 Mail Stripes Pattern
Introduction Seamless patterns are an awesome way to spice up your designs. CSS3 comes with some new gradient options that allow you to make imageless patterns. I’ve always liked the mail stripes...
View Article3D Cube Rotate Menu
Introduction A couple days ago I stumbled upon the insanely creative one page portfolio site FixedAgency. I instantly fell in love with the unique animations and feel of the website that I almost...
View ArticleAnimated Favorite Button
Introduction This week I’m showing something more simple. I just wanted to make an easy animated favorite button. Using circles and icons, I made two animations. It consists of a front circle and a...
View ArticleCSS Animated Buttons With Icons
Introduction CSS buttons have progressed so far with the help of CSS3. I saw some beautiful buttons from the website but those were all achieved by images. I wanted to recreate that style with CSS...
View ArticleSliding Icon Button
Introduction Today I am going to recreate a beautiful button that reminds me of the iPhone slide to unlock idea. You can see it implemented at RSQ. It consists of a rounded button with a circle icon...
View ArticleDiagonal Sliding Hover Transition
Introduction Today I want to create a hover transition that could be used for image links. A good hover effect can save space on showing more information until hover, while also creating an enticing...
View ArticleUnfolding Menu Animation
Introduction Today I am going to be creating a cool unfolding menu animation. Two panels swing forward to reveal a submenu for the links in the menu. This uses the CSS3 transform: Rotate and...
View ArticleSliding Image Divider
Introduction Today I will show an amazing effect showcased in WebFlow’s beautiful website. It is an image divider that shows two different images and when you hover over it the partition follows your...
View Article