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 [...]
Today’s featured WordPress tutorial comes from Michael Martin and it’s about replacing the “Older Posts” link on your blog with a button that extends the length of the current web page instead of reloading it; it is similar to how you view older tweets on Twitter. A partial screenshot of the button You can check [...]
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, [...]
Today, I’d just like to share with everyone this neat WordPress trick by Libby Fisher from Icode4you.net. It’s a short code that will not only let you display the most recent post titles from a certain category but also let you specify how many titles you want displayed. Below is the code: <ul> <?php global [...]
When you make a numbered list in HTML with the ordered list (<ol>) tag, sometimes you’d like to style the numbers as well. Thanks to Chris Coyier‘s tutorial, this is possible. For example you want to number the Q-and-A pairs in an FAQ list and then add styles to those numbers at the same time, [...]
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. [...]
Ramesh Soni‘s customizable jQuery plugin shows a notification message box in the topbar, so you don’t miss out on your new messages anymore. Include jQuery and jQuery.topbar.js in your page if you want to use this plugin. <script src=”jquery.js” type=”text/javascript”></script> <script src=”juery.topbar.js” type=”text/javascript”></script> HTML <p> <a href=”javascript:void(0)” id=”demo01″>Demo 1 - Simple</a> </p> <div [...]
Designing menu tabs with rounded corners without using images isn’t as easy as it appears, but web developer Menno van Slooten has come up with a really good tutorial on this. Click on the image to view the demo, then download the file. In this tutorial, we’ll using CSS :before and :after pseudo elements to [...]
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 [...]
John Polacek’s jQuery Scrolling Deck is a plugin that makes your scrolling presentation easy. Here’s a rundown of the code: $(document).ready(function() { var deck = new $.scrolldeck(); }); You can modify the settings $(document).ready(function() { var deck = new $.scrolldeck({ buttons: ‘.nav-button’, slides: ‘.slide’, duration: 600, easing: [...]
0
511
