A Quaintly Designed CSS Typographic Grid

Here’s a very fascinating take on creating a CSS grid by Chris Coyier. If you’re site is text-heavy then this kind of layout might suit it perfectly. Check out the demo to see how it works. Horizontal Grid   Vertical Grid The concept is inspired by one Richard Rutter with his article Compose to a [...]

Continue Reading →

Create A Grayscale Image Hover In HTML5

It used to be that shifting an image from grayscale to colored and vice-versa as you hover over it required 2 copies of the said image — one in grayscale and the other in color.  But thanks to Darcy Clarke for the JavaScript & HTML 5 grayscale in this tutorial, this feat is easier and [...]

Continue Reading →

6 Useful CSS Color Tools

If you wish to design your WordPress blog’s appearance by yourself, you can rely on CSS. Here are 6 useful CSS color tools that could help get you started. Color Scheme Designer Color Scheme Designer provides colors in color wheel form.  It has different color variations in percentage ratio like mono, tetrad, triad, analogic, accented [...]

Continue Reading →

Zoom In On Your Website with ImageLens

Here’s a terrific jQuery plugin that can make viewing your website extra-fun for visitors! Created by a web developer at Dailycoding.com , ImageLens is one cool plugin that zooms in on images when you hover over them. Here’s what you will need: jQuery, image and the ImageLens plugin – jquery.imagelens.js. Check out the demo and [...]

Continue Reading →

How to Create CSS3 Speech Bubbles

The use of speech bubbles in web design has become so popular that it has become an integral feature in commenting. This tutorial by Nicolas Gallagher teaches us how to create our own. Many tutorials out there rely on HTML and JavaScript which, aside from being tedious to work on, don’t work well on IE5. [...]

Continue Reading →

How to Render Filter Effects With This CSS Webkit

Go crazy with the cool CSS Filter Effects 1.0 tutorials from WebKit Nightly ! Here you’ll learn how to customize basic image or video rendering with Photoshop-like effects. Let’s check it out. Note: To test and view the effects, use Webkit Nightly and Chrome Canary. Here are some CSS snippets that will change the element: [...]

Continue Reading →

2012 Web Development and Tech Forecasts

AS we usher in 2012, the web development community has been coming up with several forecasts for the industry. Although most of this surrounds an influx of greater improvements in the technological frontier, it may also spell doom for some brands. The question is, how will these changes affect the entire tech landscape for users, [...]

Continue Reading →

How To Display Random Ads Using jQuery

Let’s say that you have a bunch of ads on your web site and you want to make sure that some ads don’t show up more often than the others. Well, here’s a nice jQuery code that will let you display them in random order. shuffleAds: function(arr) { for(var j, x, i = arr.length; i; [...]

Continue Reading →

Top Ten Web Designing Software

So piggying back after the awesome new Photoshop tutorials from our Blogfreakz readers, I have highlighted some more fantastic web designing programs worth investigating too! Web design is the first and foremost element that captures the attention of a visitor. Of course the other contents that retain visitors and make them perform an action in [...]

Continue Reading →

Photo Manipulation Tutorials: 50 Wickedly Creative Tips

Wicked Tips and Tricks – lets see what some of you Blogfreakz out there can do! Since our last Photoshop tutorial titled: Adobe Photoshop Tutorials: Collection of Amazing Tips And Tricks , we got so much positive feedback that we decided to put together another collection of tutorials concentrating on photo manipulation. In this post, [...]

Continue Reading →

Page 1 of 3123»