Quantcast
Channel: W3lessons.info » Karthikeyan K | W3lessons.info
Browsing all 53 articles
Browse latest View live

Identifying Browser Window Screen Size & Name with JQuery

Simple function will tell you how to identify your browser screen size & name using jQuery. This function is very useful to build responsive layouts for web designers. Check out my previous post...

View Article


Metro Style Message Boxes using CSS3

Now a days Windows metro style design is very popular among web designers. So I am very glad to share a simple css3 code to display metro style message boxes. I have used little jQuery code to close...

View Article


Facebook Style YouTube Video Expanding with jQuery

Today I am going to share some awesome tutorial on How to expand YouTube video in Facebook style using jQuery & CSS JQuery Code Explanation The above code is used to get the video ID from youtube...

View Article

Gmail Style Message Inbox Design with jQuery & CSS

Today I am going to tell how to create Gmail Style Email Message Inbox Design with jQuery & CSS.  From this design you can able to Add Star / Unstar Messages Delete Single Message Delete Multiple...

View Article

Image may be NSFW.
Clik here to view.

Facebook Style Youtube, Vimeo, Metacafe Videos & Soundcloud Audio Url...

Today I am going to share  facebook style url expanding videos using jQuery & PHP. This script will take Youtube, Vimeo, & SoundCloud video url as input and it will return a video as output...

View Article


Image may be NSFW.
Clik here to view.

Skill Bar with jQuery & CSS3

Today I am going to tell you how to create simple animated Skill Bar / Progress Bar in two lines of jQuery code. The skill bar  gives you an opportunity to show visitors to your site how qualified you...

View Article

Image may be NSFW.
Clik here to view.

Simple Image Gallery with jQuery

This Tutorial is focused on creating simple image gallery with 3 lines of jQuery & little css code to create fade effects. Image Gallery with jQuery jQuery Code jQuery('.photo-thumbnails...

View Article

Image may be NSFW.
Clik here to view.

Creating Digital Clock using jQuery & CSS3

I found this article at http://tutorialzine.com , So I would like to share this tutorial to my readers.. Digital Clock using jQuery & CSS3 The clock doesn’t need a lot of HTML. This is because a...

View Article


Image may be NSFW.
Clik here to view.

Getting Facebook Cover Page Image using jQuery

Today I am going to tell how to get facebook cover page image using jQuery code. By using FB username, You will get user’s cover page image easily with jQuery Ajax jQuery.getJSON() This method will...

View Article


Image may be NSFW.
Clik here to view.

Getting Facebook Fan Page Details using jQuery

In my previous post I had explained about how to fetch facebook cover page using jQuery.  Now I am going to explain how to get facebook fan page details using jQuery Ajax Method called  -...

View Article

Image may be NSFW.
Clik here to view.

Gmail Style Login Form using CSS3

In my previous post I had explained how to create gmail style message inbox using jQuery & CSS. Now I am goint to tell how to create Gmail Style Login Form using CSS3 Gmail Style Login Form using...

View Article

Image may be NSFW.
Clik here to view.

Animated Tabs with jQuery & CSS3

Tabs - used to toggle between several item contents in a minimal space.  In this tutorial I am going to tell you how to create Animated Responsive Tabs using jQuery & CSS3 effects. Animated Tabs...

View Article

Image may be NSFW.
Clik here to view.

How to reduce web page loading time with jQuery

Nowadays, everybody is obsessed with speed. Internet Connections, computers, 3G, browsers… Phrases like: “I sent you an email a minute ago. What do you mean you haven’t received it yet?” or “Our...

View Article


Image may be NSFW.
Clik here to view.

Gmail Style Message Inbox Design with jQuery & CSS

Today I am going to tell how to create Gmail Style Email Message Inbox Design with jQuery & CSS.  From this design you can able to Add Star / Unstar Messages Delete Single Message Delete Multiple...

View Article

Image may be NSFW.
Clik here to view.

Facebook Style Youtube, Vimeo, Metacafe, Dailymotion Videos & Soundcloud...

Today I am going to share  facebook style url expanding videos using jQuery & PHP. This script will take Youtube, Vimeo, SoundCloud, Metacafe, & Dailymotion video url as input and it will...

View Article


Image may be NSFW.
Clik here to view.

Skill Bar with jQuery & CSS3

Today I am going to tell you how to create simple animated Skill Bar / Progress Bar in two lines of jQuery code. The skill bar  gives you an opportunity to show visitors to your site how qualified you...

View Article

Image may be NSFW.
Clik here to view.

Simple Image Gallery with jQuery

This Tutorial is focused on creating simple image gallery with 3 lines of jQuery & little css code to create fade effects. Image Gallery with jQuery jQuery Code jQuery('.photo-thumbnails...

View Article


Image may be NSFW.
Clik here to view.

Creating Digital Clock using jQuery & CSS3

I found this article at http://tutorialzine.com , So I would like to share this tutorial to my readers.. Digital Clock using jQuery & CSS3 The clock doesn’t need a lot of HTML. This is because a...

View Article

Image may be NSFW.
Clik here to view.

Getting Facebook Cover Page Image using jQuery

Today I am going to tell how to get facebook cover page image using jQuery code. By using FB username, You will get user’s cover page image easily with jQuery Ajax jQuery.getJSON() This method will...

View Article

Image may be NSFW.
Clik here to view.

Getting Facebook Fan Page Details using jQuery

In my previous post I had explained about how to fetch facebook cover page using jQuery.  Now I am going to explain how to get facebook fan page details using jQuery Ajax Method called  -...

View Article
Browsing all 53 articles
Browse latest View live