Here’s a nice flipswitch generator I’ve just stumbled via Franklin Manuel’s post. This On/Off Flipswitch uses CSS3 and HTML5 which you can easily customize. It supports all major web browsers that include Mobile safari and Android web browser. CSS .onoffswitch { position: relative; width: 90px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } [...]
Here’s a simple and classic hack for WordPress’ date entries. It’s from Abe of Yugatech and it involves the use of dynamic images. To try it out on your site, just follow the instructions that Abe provided below. Before anything else, you need to create your own date image template using an image editor (i.e. [...]
My featured WordPress trick for today is from freelance Web Designer Boutros AbiChedid, and it’s basically a way for you to display the author’s number of comments, or comment count, WITHOUT a plugin. As you can see, the number is displayed right next to the author’s name and also is basically the total number of [...]
Vector portraits take little effort to make from a photo and when completed it can be awe-inspiring. You can easily tweak the image without losing its quality. This tutorial by Daniel Caballero at Digital Arts Online UK shows how to create a simplified vector portrait with Photoshop. His technique is even easier to do if you [...]
Martin Angelov shares with us a great tutorial on creating a beautiful HTML5 portfolio that is powered by jQuery and Quicksand plugin. It has a nice design which is great for your work and is highly customizable too. Here’s how it goes. HTML Index.html <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <title>Making a Beautiful HTML5 [...]
Ever wonder why your WordPress site gets slow? There are several factors that contribute to this. The 3 most common reasons that guys at Tips and Tricks HQ have pointed out are as follows: Poorly coded plugins. Since WordPress is open source, there are too many available plugins to choose from. Though a lot of [...]
You could say that today’s another “No Plugin Day” as I once again feature another useful WordPress trick that will help you customize your site sans the plugins. This tutorial was shared by Chunlinsay of WooShift and it shows you how to add pagination links to your WordPress. Again, as with most WordPress hacks and [...]
Today, you’ll learn how to add a Pinterest button to your WordPress site without using a plugin. This tutorial is made by Marvie Pons of TutsKid and it’s pretty simple and easy to follow. Like with most, if not all WordPress tricks, all it takes is appending a few lines of code in your functions.php [...]
In today’s feature, we bring you Jim Hoskins’ great technique on how you can create vector masking using HTML5 canvas. First, set up the canvas tag: <canvas id=”c” width=”200″ height=”158″></canvas> Next, get the canvas and its drawing context in JavaScript: // Grab the Canvas and Drawing Context var canvas = document.getElementById(‘c’); var ctx = canvas.getContext(’2d’); [...]
This tutorial will show you how to apply a realistic sketch effect to your photos in Photoshop. Unlike other photo-to-sketch tutorials, this one makes use of Photoshop CS6′s Colored Pencil filter, and Pencil Width and Stroke Width attributes to create an image that closely resembles an organic hand-drawn sketch. You’ll also use the Shadow/Highlights and [...]
0
511
