Here’s a great plugin that will boost your site’s appearance. The jQuery Transit is created by Rico Sta. Cruz which boasts of super-smooth CSS3 transitions. Check out this tutorial by clicking on the image. Incoming search terms for the article: jquery transit jquery transit tutorial jQuery Transit menu JQuery transit opinion transit jquery jquery transit [...]
Here’s a very neat CSS trick that really makes good use of the text-shadow attribute. It is created by Sawyer Hollenshead and he simply calls it the “Depth Of Field effect.” The effect is animated with the use of jQuery and as you will see in the demo, it really looks cool. Basic HTML5 mark [...]
Looking for a design for your online store website? Here’s a very nice layout that’s well-suited for product online selling websites, called the ‘E-Store’. This is a single-page layout designed by a web designer at Script-Tutorials in which HTML5 and CSS3 features are used so it is easier for all website owners to modify. The [...]
Here’s an eye-catching halftone navigation menu that would look beautiful in your website’s design. Creator Martin Angelov shows you how to make this using CSS3 and jQuery. Check out the DEMO and DOWNLOAD the file, then click on the image below to launch the tutorial. Incoming search terms for the article: web menu design jquery [...]
Martin Angelov’s jQuery bubble animation effect is ideal for portfolio or gallery websites. It is very easy to use and highly customizable though it doesn’t work well with older versions of IE since it utilizes CSS3. You can also use this effect to create backgrounds and headers. Since the plugin is made to resize automatically, [...]
Web designer and developer Joren Rapini’s tutorial teaches us how to create a terrific navigation image rollover, which uses very minimal HTML and CSS codes. Click on the image below for the demo: The first thing to do is to create a navigation image menu with Photoshop. Then, we’ll be writing the HTML and CSS. [...]
Tables are essential in representing organized data yet somehow they’re relatively left behind in the design department. That’s why it is always a welcome treat to come across tutorials like this one from Catalin Rosu. Sample screenshot of end product In this tutorial we’re going to use CSS3 to design the table and jQuery to [...]
Hit the envelope to view the demo! Here’s a nice and unique contact form with CSS3 transitions that visitors will love using in your website. Created by Pehaa, it features a letter sliding out from an envelope once you hover your mouse over it. Note: This works in browsers that support CSS3 transitions. The envelope [...]
jQuery is essential in creating a wide range of apps, plugins, and programs designed to help maximize your website design. When used in making sliders, jQuery helps produce lightweight yet extensive and highly useful applications. Here are 10 tutorial sites on creating highly useful jQuery sliders that can amp up your WordPress blog. Click on [...]
Web developer Christian Heilmann‘s CSS3 and HTML5-based ‘sticky note effect’ will add a quirky yet utilitarian touch to your website design. However, this works best on the latest Webkit browsers, Chrome, Opera, Safari and Firefox. With other browsers, you’ll get only the standard yellow squares. Click on the notes to try out the demo, and [...]
0
510
