HTML

CSS3 Zoom Image Animation Effect on hover

Today we will look into CSS3 Zoom Image animation effect with mouse on hover. With images being the soul of a website, you might have definitely tried your hands on adding some cool hover effects….

5 CSS3 Tips and Tricks That You Might Have Missed Out

Though, CSS3 isn’t a complex language but you’ll there are greater chances that you’ll stumble across certain new things that’ll probably leave you in a puzzled state. For instance, adding properties that you won’t have….

HTML CSS Image Gallery with Thumbnail

We’ve been doing sliders in jQuery in our tutorial “Creating your own jQuery/CSS Thumbnail Image Slider/Image Gallery“, and previous ones. What’s new in this tutorial is that we’ll not be using jQuery methods for sliding….

HTML5 Progress Bar

The impressive growth of HTML5 has put forth a myriad of new interesting tools and elements through which we can revamp the overall look and functionality of a website. And one of them is HTML5….

Creating your own Content-Slider with Pagination using jQuery/CSS

This Article is in continuation with the tutorial on “Creating Photo-Slider using CSS and jQuery” in “Sliders” series. This will cover following topics in order:- Contents at a glance… What is a Content Slider? Advantage….

jQuery CSS Image Slider – Code Yourself

Today we will learn how to make our own jQuery image slider. This Article is a part of “Sliders” series. It’s an introductory tutorial on creating your own Image Slider using CSS and JQuery. jQuery….

CSSrefresh.js – auto refresh CSS files in browser

Recently I got to know about a great tool for CSS developers – CSSrefresh.js. Like any website owner, I always crave to change my website themes and WordPress plugin layouts to get a better presentation…..

6 CSS Sprites Generator Online Tools

Few days back, I wanted to use Twitter icon from one of my other websites but I was not able to save it from the web page. Then I looked into the page source and found that its using CSS Sprites to display all the social bookmarking images from a single large image. So my WordPress theme is using CSS Sprites for faster page loading and I was totally unaware of that. Then I decided to learn it and how to use it in a webpage.

I was amazed to find out that there are so many online tools to create CSS Sprite image and provides CSS Code to use them. Some of them even went a further step to provide a sample HTML page to make the learning more comfortable.

65 HTML5 Tutorials, Examples and Resources for Web Developers

In last few days I had read a lot about HTML5 and it seems to be way ahead in features compared to HTML4.01. I sincerely thank everybody for liking my last post about HTML5 features that will make our UI code cleaner by removing lot of Javascript. While trying out the features and learning HTML5, I had collected a list of tutorials that might come handy for web developers to learn and master HTML5. I hope this list will help you in learning and mastering HTML5 quickly.

html5 features, html5 input, html5 required, html5 pattern, html5 datalist

HTML5 Features – input, required, pattern, datalist

HTML5 Specs are out and all the leading browsers are making sure that they are compatible with it. As a web developer, we always need a lot of javascript for HTML form validation. I like some of these features that will reduce the javascript functions in the web page and make our page load faster.

close
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages