Keith Frias sees himself as an artist whose talent is in a state of coma, and a tech gadget freak who also loves to dabble in photography.
This amazing jQuery plugin is sure to be an asset to photo or image gallery website owners! Aptly called Filters, it’s created by web developer Marcin Dziewulski from Poland. Click on the image to grab the plugin! This plugin allows the user to view a set of images in a group or collection via predetermined [...]
Kevin Chard‘s nifty hack allows you to track post views without using any plugin in WordPress. Instead, it uses post meta, inserting a code in the functions.php, and a couple of other steps. Insert this code inside your functions.php file: function getPostViews($postID){ $count_key = ‘post_views_count’; $count = get_post_meta($postID, $count_key, true); if($count==”){ delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, [...]
These Unicode icons are a neat an alternative to using images (i.e. gifs) as symbols for your website. CSS a[href^="mailto:"]:before { content: “\2709″; } .phone:before { content: “\2706″; } .important:before { content: “\27BD”; } blockquote:before { content: “\275D”; } blockquote:after { content: “\275E”; } .alert:before { content: “\26A0″; } :before, :after { color: purple; } [...]
This cool animated share button transforms from one single element into four elements each representing a link to a social site! This Sharebar uses the following pseudo classes: :first-child:before :nth-child :last-child :hover And some CSS, namely: box-shadow, transitions, border-radius, transform, and gradient background. Click on the image to view the transitioning demo. You can also [...]
JQuery can be used in creating eye-catching text effects, and not just graphics. These three text animation plugins are the most creative that I’ve found. Textualizer – Created by Kiro, the Textualizer is an extremely lightweight jQuery plugin at just around 4kb. It can rotate any number of words and sentences beautifully. When a sentence [...]
I love websites with responsive pages, and thanks to jQuery, Dan Millar‘s jQuery Anystretch is one such plugin that can make your website’s background images responsive to any size screen. Sample Screenshot @ 400px and 930px. Click to view the demo. Anystretch allows you to add a dynamically-resized background image to any page or block [...]
Googleslides is a jQuery plugin that creates a slideshow with your Picasa, Google+, and Google Photos pictures. Created by software developer Brady Holt, the plugin allows you to choose the pictures you wish to use, specify the size of the image slideshow, and also add captions and time. Click on the landscape to view 3 [...]
The HoverBoard 3D effect, created by Ryan McLaughlin, replicates Pranav Pramod‘s version which you can see here. Click on the image above to view Ryan’s demo! Check out the code below: HTML <div id=”container”> Hello there. <div id=”hover-flip”> Peek-a-boo! <p>Hover meh</p> </div> </div> CSS body { background: #555; color: #555; font-family: ‘helvetica neue’, [...]
If you want a simple and straightforward way of presenting your online portfolio then try Bootstrap Image Gallery. Created by Sebastian Tschan (a.k.a. blueimp), this extension of Twitter’s Bootstrap toolkit for its Modal dialog provides very easy navigation between sets of gallery images, plus all of the essential attributes and functions that other image slider [...]
Sometimes, inserting a table with lots of tubular data presents space issues in web design. But thanks to jQuery plugins like tableScroll from farinspace, the size of our tables won’t have to be dependent on the amount of data it contains. Click on the image above to get download options, available in compressed formats: TAR, [...]
0
465
