Expanding Image Menu with jQuery In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colored version of the image, creating a neat […] View demoDownload source Ruby on Rails Tutorial: Learn Rails by Example Michael Hartl Contents Foreword My former company (CD Baby) was one of the first to loudly switch to Ruby on Rails, and then even more loudly switch back to PHP (Google me to read about the drama). This book by Michael Hartl came so highly recommended that I had to try it, and the Ruby on Rails Tutorial is what I used to switch back to Rails again. Founders who can't code An advise to founders who can't code If you are a business/idea guy and looking for a technical co founder, stop. Stop right now. Take 6 months off and go learn how to code (day and night, weekends including).
Magnet letters tentative with JQuery and CSS3 Who doesn’t love magnetic letters on a fridge? I saw something like that a while ago, and tried to replicate the same effects in my own, messy way. It was a good occasion to test the . The demo How to Start a Startup March 2005 (This essay is derived from a talk at the Harvard Computer Society.) You need three things to create a successful startup: to start with good people, to make something customers actually want, and to spend as little money as possible. Overlay Effect Menu with jQuery In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery. So, let’s start! The […] View demoDownload source In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay.
Practical Tips for Hiring Ruby Web Developers The topic of 'hiring' always generates a lot of discussion. And why not? Talking about hiring is a convenient way to pass judgment on large groups of people while keeping a professional, detached demeanor.. A jQuery Plugin That Rumbles Elements About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. Please read this before using jRumble. Flashing and flickering objects on the web can be dangerous. Circular Discography Template with jQuery Today we want to share a simple website template with you. The template will show some discography or music albums in a rounded fashion, rotating the albums when clicking on next or previous. When clicking on an album, we will open the album details view which contains a music player (jPlayer) and […] View demoDownload source Today we want to share a simple website template with you.
Rotating Image Slider with jQuery In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will […] View demo Download source In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. Apprise - The attractive alert alternative for jQuery The initial release of Apprise has been a major success and is often what this site is most commonly associated with. As far as I've been able to track, Apprise has been downloaded over 23,000 times and has been mentioned in over 46,000 blogs. Which is fantastic, especially for something that I've never been very proud of. I've wanted to update, and change the UI, of this for over a year now. Time has finally permitted and it's, finally, ready. Demos
Case Study: jQuery Fixer Upper Recently in the CSS-Tricks Forums, user named Waffle posted the following bit of jQuery JavaScript: $(function(){ $('.ContactArea').hide(); $('.Portfolio').hide(); $('.WebDesign').hide(); $('.AboutCoadin').hide(); $('li.Contact').click(function(){ $(".ContactArea").slideToggle(); }); $('li.PortfolioBtn').click(function(){ $(".Portfolio").slideToggle(); }); $('li.WebDesignBtn').click(function(){ $(".WebDesign").slideToggle(); }); $('li.AboutBtn').click(function(){ $(".AboutCoadin").slideToggle(); }); }); This user's actual question was how they can extend their code to add functionality to scroll the page down to the areas as they expand.