Speed up your site with Gzip Compression Website loading time matters a lot for every big website or blog. Gzip compression allows you to fasten up your website with just a few lines of code in your htaccess file. When you are on a shared hosting it matters a lot to have a fair loading speed. Gzip compressions can speed up your website from 50% to 70%. Google Speed Tools provides various techniques to speed up your web page. There is also a page service called ‘Page Speed Service’ from Google. Page Speed service uses mode_pagespeed i.e. an apache module…

Continue reading..

A web page always start with specifying size of an element, that’s why its always been a most anticipated feature to calculate size of an element with ease. Well here is a new addition to CSS3 Values as a new function calc() allows you to define element size using custom method. You can perform calculation for any CSS property which supports lengths in expressions. For example, take a look at following syntax: <style type=”text/css”> #test{ border:1px solid rgba(0,0,0,0.4); width:400px; padding:0px 10px; } #test p{ width: -webkit-calc(350px – 50px); background:#f0f0f0; padding:5px; } </style> <div id=”test”> <p>Lorem ipsum dolor sit amet, consectetuer…

Continue reading..

Google has just released the native support for input type color in Chrome Canary and Chromium as well. Chrome Canary 20 brings native color picker support to web pages, which was the most awaited features for web developers as it reduces the use of JavaScript on web pages. You can use this native color picker using following syntax: <input type=color /> You can set the default color of input using value attribute and set it like #dddddd. Along with color picker, Google has also introduced a couple of new features, CSS Shaders, Password Generation and meta viewports. CSS Shaders are…

Continue reading..

CSS3 level selectors has made it way too easy to select attributes of your HTML elements with no use of JavaScript. Let’s have a quick look at some CSS3 attribute selectors. Begins-with Attribute Value Selector As the name ‘Begins-with’ explains, it does the same. This attribute value selector lets you select a specified attribute which begins with specified value. This selector will match to all elements with equal values. Example: p[class^="heading"]{ font-weight:bold; } It will match to all p tags which are using heading class in the beginning. In the above syntax, you may replace class with any attribute and…

Continue reading..

After finding Google Chrome more reliable and faster than Mozilla Firefox for Web Development and browsing needs I came across with some very useful extensions for Google Chrome. 1. Web Developer Web Developer is the one very useful extension for Chrome, it includes several major features any Web Developer will need to debug a project e.g. HTML, CSS, links and feeds validation, page information, live CSS editor, ruler, element outlines, browser resize and many more. But there is an issue with the browser resize functionality in this extension as it doesn’t allows you to add custom browser size, it comes…

Continue reading..

As a developer, I have been using Mozilla Firefox for a long time due to its wide range of extension of development friendly environment. But there is not a single day, when I didn’t see Firefox crashing, those long waiting cursors and slow start ups. Then I finally had to look for another choice, and there couldn’t be any better browser than Google Chrome, fast startup, wide range of extensions, lightweight and minimal design; everything I was looking for. It’s been a long time since I have seen any browser crash. The main and most important reason for me to…

Continue reading..

A pseudo class in CSS is an information about the element which not available through any specific attribute in HTML. For example. HTML5 and CSS3 brings a plenty of new features which makes it easier to reduce the user of JavaScript for form validation, what it requires is just a few lines of HTML5 and CSS3 code to validate and style your forms. For example, :first-child targets the first element of available elements in their parent element, you can also target the last element in parent section using :last-child. In CSS2.1, we already have seen several useful pseudo classes selectors…

Continue reading..

MAGAZine is a Highly Customizable & Totally Widgetized Premium WordPress Theme and comes with a bundle of features that were never even seen before. You can drag and drop almost all elements to have a customized look for your website and more over there are options to add custom Header and Footer etc.

Continue reading..

Good keyword research is the foundation of a successful SEO strategy. Without good keywords, all of your hard work writing SEO-friendly content, optimizing your title tags, getting rid of duplicate content and all of that fun stuff will be much less effective and, in some cases maybe even fruitless.

Continue reading..

Today morning I woke up with an urge to design something and couldn’t even wait to have my break-fast. I needed a login panel to use in my up-coming project so I thought it would be better if I can just work on the same.

Continue reading..