jQuery Archives - Jayhan Loves Design & Japan

10 free responsive sliders for your mobile friendly website

07 May 13

. jQuery, Resources

10 free responsive sliders for your mobile friendly website

In recent web design trend, slider is one of the most commonly used interfaces. With slider, you can save a lot of space displaying similar contents and also make the website looks better. However, you might wondering is there any sliders that are responsive and still works in both desktop and mobile resolution? The answer is yes. In this post, I want to introduce 10 responsive sliders that you can use it for free.

Majority of the sliders here are built with jQuery/Javascript. Some are tiny plugins for minimal use, and some are featured pack that can slide contents and also video, not just images. Without further elaborating, continue read on to check out the sliders!

jQuery plugins libraries – 2013 edition

30 Apr 13

. jQuery

jQuery plugins libraries - 2013 edition

Last year, I introduced a couple of jQuery plugins website libraries that you should visit, today I would like to make an update to that post. Here, I will show you some other libraries that you can use when looking for great jQuery plugins that will save your development time.

The jQuery Plugin Registry

This is the official jQuery Plugins repository from the maker of jQuery. Although it’s just launched not long ago, but there are already close to 1000 registered plugins. With it’s user friendly interface and also connecting to respective Github repositories, you can easily navigate and check whether the plugins are recently updated or not.

Quick tip: Use a CDN to host your favorite scripts

07 Aug 12

. jQuery, Tutorial

Quick tip: Use a CDN to host your favorite scripts

When building website, most probably you will be using Javascript frameworks like jQuery or Mootools to enhance your website. Obviously you will grab a copy of the library from their homepage and link it in your web pages, then upload together to your web space. Well, why not using CDN to host your favorite script?

I found three content delivery networks (CDN) that host some of the most commonly used scripts in the world: Google Libraries API, Microsoft Ajax CDN and CDNJS. Google Libraries is the popular one, but hosts lesser scripts compared to CDNJS. The latter hosted a really huge amount of scripts including Modernizr and many more. And why we should use CDN instead of hosting on our own?

4 jQuery plugins libraries you should visit today

27 Apr 12

. jQuery, Resources

4 jQuery plugins galleries that you should visit

If you are looking for jQuery slideshow plugins for your next project, the official jQuery Plugins library is the destination to look for the plugin. Unfortunately, at this time of writing this post, the plugins page is under development. So, where you should go to look for your slideshow plugin?

Luckily, there are several other plugins libraries that you can rely on. Here I will introduce 4 jQuery plugins libraries that you should visit today, while waiting for the overhauled Plugins page to be up in future time. Please continue reading to check them out!

8 Plugins & tutorials to create unique presentational & scrolling website

20 Mar 12

. jQuery, Resources, Web 2.0

8 Plugins & tutorials to create unique presentational & scrolling website

As mentioned in my previous article, fancy scrolling website is one of the hottest trends on the net. When scrolling down, the parallax effects and unexpected object animations give a fresh new definition for scroll down the page where it used to be boring. But for people who are not really good in coding, how are we going to create such cool scrolling and presentational effect website?

Well, I gathered a few essential plugins and tutorials found on the Internet that will let and teach you to make such websites with a breeze. Many of these plugins mentioned below are powered by jQuery and they are really powerful. Please continue read to find out all of these great resources.

Test yourself with Web Development quizzes!

20 Feb 12

. jQuery, Resources, Web Design

Test yourself with Web Development quizzes!

As a Web Designer or Front-end Developer, it is essential to keep up with latest web technologies as well as strengthen the foundation knowledge of several web languages like HTML, CSS, and Javascript/jQuery. In the previous posts, I talked about where you can learn these online, perhaps you can also do some challenging quizzes?

Here I found several useful sites that provide sets of questions to test your web development knowledge that you can participate. From these quizzes, you can learn from mistakes and become a better coder! Read on to check out the quiz sites!

Simple smart sticky navigation bar with jQuery

10 Nov 11

. jQuery, Tutorial

Simple Smart Sticky Navigation bar with jQuery

It’s been a while since I posted tutorial article. In this post, I will show you how to create a smart sticky navigation bar easily with just few lines of Javascript codes, powered by the mighty jQuery.

Smart sticky navigation bar is a bar that sits at its original place above the fold, but when you start scrolling down the long page, it will sticks at the top of the browser window and follows, similar to IGN’s corporate website’s navigation bar. Continue reading out the demo and the codes after the break.

8 HTML presentation plugins that you can use

21 Jul 11

. jQuery, Resources

8 HTML presentation plugins that you can use

When comes to presentation, normally we will rely on softwares like PowerPoint or Keynote. These are really useful tools, but for people who doesn’t have the softwares, we still can use free online tools like Google Doc’s Presentation. But now there is another new way of doing presentation slides which is by using web-based HTML entirely.

The benefit of HTML presentation slides is compatibility. People can view your slides by using their favorite browser. Here, I found 8 plugins and resources that you can actually use to create your HTML presentation. Kudos to the innovative creator for making those useful plugins. Check them out after the jump.

What jQuery Plugins They Are Using?

12 Mar 11

. jQuery, Web Design

What jQuery Plugins They Are Using?

jQuery is one of the most popular Javascript frameworks available on the Internet, and many jQuery plugins available out there for example sliders, lightboxes and many more that are free to use. With these plugins, we are able to use them to enhance our websites usability without scratching our head.

Many websites out there use jQuery, and actually what plugins they are using? In this article I will show you 7 examples of jQuery in real world examples as well as the links to the plugin. Note that the examples might not using the exact plugin introduced below but they have the similar function. Read on to find out!

Go to the Top, Please

27 Dec 10

. jQuery, Web Design

Go to the Top, Please

In many websites with lengthy content, one very common features is by providing a “Go to top” button at the end section of an article for users to quick access to the top of the page, without using the scroll bar. This can be achieve easily by using a very simple anchor link that targets the top area of the web page. Cool and straight forward.

Well, actually I saw some really cool “Go To Top” approach which makes the experience a lot better. All you need to do is by adding some Javascript goodness into it. I will show you some real world examples and plugins to achieve the effect. Now, going to top has never been this good!