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 to them. CSS3 Zoom Image In this tutorial, I have penned down some useful examples of creating a flawless CSS3 […]
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 used, or adding details of the specifications that you aren’t aware of, and so on. If you want to become […]
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 effects rather we’ll explore the possibilities of CSS in animation using transition and transform properties introduced newly in CSS3. This […]
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 progress bar. HTML5 Progress Bar The introduction of ‘progress bar’ elements, allow developers to create a bar that shows the […]
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 of Content Slider. What is Pagination? Pre-requisites Implementing Content Sliders – Basic Directory Structure. Layout of the Content Slider. Explanation […]
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 Image Slider We will cover following topics in this jQuery image slider tutorial. By the end of tutorial, you should […]
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. Most of the times, it’s updating CSS files to get the desired result. But every time I change my CSS […]
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 – 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.