Quantcast
Channel: Hongkiat
Browsing latest articles
Browse All 15 View Live

Image may be NSFW.
Clik here to view.

10 Free JavaScript Modal Window Plugins

You can find plenty of pure CSS modals but these don’t offer the same control as JavaScript. With a JavaScript modal, you can add custom animations, UI inputs, and really enhance the user experience....

View Article


Image may be NSFW.
Clik here to view.

iziModal.js – A Truly Dynamic Modal Window jQuery Plugin

Most modal windows seem to distract and annoy the visitor with opt-in fields and unwanted deals. These modals often take over the whole page, look terrible, and don’t offer a clear way to close the...

View Article

Image may be NSFW.
Clik here to view.

Predict User Cursor Movements with this 500-Byte Javascript

You can do some really cool things with JavaScript and open source code makes the work even easier. Premonish is one of the coolest libraries I’ve seen and it’s built with only 500 bytes of JavaScript....

View Article

Image may be NSFW.
Clik here to view.

Add Magnifying Effect on Your Web Page with jfMagnify

There are plenty of free zooming plugins that work incredibly well. However, most of these are built for images and they specify directions for image-only content. What if you could add a magnifying...

View Article

Image may be NSFW.
Clik here to view.

15 React.js Tools & Resources for Developers

The popularity of React.js has been rapidly growing since Facebook first released the library back in 2013. It’s the fifth most frequently starred open source project on Github, and job ads for React...

View Article


Image may be NSFW.
Clik here to view.

Create an Auto-Hiding Sticky Header with Headroom.js

Auto-hiding headers have been steadily popular in web design for quite a while. Many blogs and online magazines use the sticky header to keep users engaged and give them direct access to the...

View Article

Image may be NSFW.
Clik here to view.

Getting Started With Gulp.js

Gulp is a tool which allows you to automate bits of your workflow which can literally save you hours a day. Whether you’re a developer or a designer who creates HTML wireframes now and then, I...

View Article

Image may be NSFW.
Clik here to view.

Build Your Own Page Scrolling Effects With Roll.js

You can find dozens of scrolling libraries all over the web. Most are written in JavaScript and have their own effects you can restyle for single page layouts, on-scroll animations, and so much more....

View Article


Image may be NSFW.
Clik here to view.

Lazy-load Images Progressively with “Progressively”

Every modern website needs to be fast. Though there are many techniques and plugins to increase page speed, still, you may not know where to start. The Progressively script is a great resource for...

View Article


Image may be NSFW.
Clik here to view.

Overhang.js: jQuery Plugin for Dropdown Notification Messages

How annoying are the default JS alert boxes? They feel like a relic from a primitive bygone era of web development. Nowadays, we can make unobtrusive notification messages that share the same...

View Article

Image may be NSFW.
Clik here to view.

13 JavaScript Libraries to Create Interactive & Customized Maps

We previously featured Google Map Maker and 10 other tools to help you build maps. However, if you prefer using Javascript libraries instead, have we got the post for you. Here is the JS libraries you...

View Article

Image may be NSFW.
Clik here to view.

8 JavaScript Libraries to Animate SVG

SVG is a resolution-independent graphic. That means it will look good on any type of screen without suffering any loss of quality. Beyond that, you can also make SVG come alive with some animation...

View Article

Image may be NSFW.
Clik here to view.

Accessible Modal Script: Micromodal.js – WAI-ARIA Compliant

The web is constantly advancing towards more support for average users. This means topics like accessibility are huge. If you want to take your UX accessibility a little more seriously then try...

View Article


Image may be NSFW.
Clik here to view.

Easy Steps to Make a JavaScript Surface Chart

Data visualization is a must-have skill today with ever-growing data and the need to analyze as well as present that data. You will definitely come across data charts whether you are in the technology...

View Article

Image may be NSFW.
Clik here to view.

10 JavaScript Frameworks You Should Know

Looking to up your JavaScript skills and create dynamic, responsive web apps? If so, you might want to brush up yourself (or at least get familiarized) with some of the top JavaScript frameworks...

View Article

Browsing latest articles
Browse All 15 View Live