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

Image may be NSFW.
Clik here to view.

Build Custom Responsive Progress Bars with ProgressBar.js

Progress bars are widely known by most users on the web. For developers, it’s often a complicated process to create a progress bar from scratch. But with ProgressBar.js you don’t have to! This free...

View Article



Image may be NSFW.
Clik here to view.

Embed Responsive Videos Easily with SuperEmbed.js

The modern web is fully responsive and more designers are realizing this every day. But there’s one pesky challenge when it comes to responsive design: embedded content. Every video site from YouTube...

View Article

Image may be NSFW.
Clik here to view.

Add Responsive Social Buttons to Websites Easily with RRSSB

Social sharing buttons are still incredibly powerful at driving traffic and bringing attention to your site. You can always use custom count badges but they’re not always easy to set up. The newest...

View Article

Image may be NSFW.
Clik here to view.

Build Responsive Tabbed Widgets with GridTab

It’s always easier to build websites using open source tools rather than reinventing the wheel. These tools range from libraries to smaller plugins but you can find a solution for basically anything....

View Article

Image may be NSFW.
Clik here to view.

Responsive Images Made Easy with ResponsifyJS

The modern web should be 100% responsive and newer libraries are making this increasingly possible. With free plugins, such as ResponsifyJS, it’s even easier to get your websites working on all...

View Article


Image may be NSFW.
Clik here to view.

Create Smarter Responsive Navigation Menu with This jQuery Plugin

Every modern site needs a responsive layout and a usable navigation. That’s a given. But, hamburger menus can only go so far and they radically change usability for varying screen sizes. The better...

View Article

Image may be NSFW.
Clik here to view.

Build Responsive Websites Faster with Semantic UI

Frontend frameworks such as Bootstrap are still all the rage. There are dozens of great choices to pick from but one that recently caught my attention is Semantic UI. Granted this library has been...

View Article

Image may be NSFW.
Clik here to view.

Create Responsive and Beautiful Full-page Lightbox with BaguetteBox.js

There are dozens of lightbox plugins and they’re all great for different reasons. Some work better on portfolio sites while others are best for responsive layouts. But, one of my favorite new plugins...

View Article


Image may be NSFW.
Clik here to view.

Build Responsive Emails Fast with MJML Framework

Designing and coding a newsletter is time-consuming. You can find plenty of design tips but coding your newsletter into a template is the toughest part. That’s where the MJML framework comes into...

View Article


Image may be NSFW.
Clik here to view.

Build Responsive Sortable Grid Layouts With This Script

Custom grids are some of the toughest features to create from scratch. You can find plenty of masonry grid plugins but they each have their own limitations & requirements. The Muuri script is a...

View Article

Image may be NSFW.
Clik here to view.

Generate Responsive Embed Codes Easily with This Free App

Every web designer knows how to embed videos. Embedding is the easiest way to share content and improve your articles with relevant media. However, there’s a problem with iframes and other similar...

View Article

Image may be NSFW.
Clik here to view.

20 Responsive Image Galleries and Slideshows (2018)

If your website is image-heavy i.e. a portfolio or photography website etc., then there are two things that you’ll be needing the most – photo gallery plugins to help you better manage the images on...

View Article

Image may be NSFW.
Clik here to view.

Top Lightbox Libraries for Mobile Responsiveness (2019)

Lightbox is one popular way to overlay images on the web. When you click on an image, the Lightbox pops up with some form of animation and dims the background so your focus is on the image itself. The...

View Article


Image may be NSFW.
Clik here to view.

10 WordPress Plugins for Better Mobile-Responsive Websites (Updated)

You can use a WordPress plugin to create landing pages, customize your login page, adopt two-factor authentication, or even figure out how to optimize your site for you with artificial intelligence....

View Article

Image may be NSFW.
Clik here to view.

How to Use HTML5 to Achieve Responsive Image (Updated)

Responsive Design may be here to stay but there are many issues that need to be addressed when it comes to making images responsive. Although responsive images automatically resize itself upon the...

View Article

Browsing latest articles
Browse All 15 View Live




Latest Images