jQuery FocusPoint – Responsive and Intelligent image cropping
Jquery FocusPoint dynamically crops images to fill available space without cutting out the subject of the images and it absolutely great for full-screen images. Although the responsive design has...
View ArticleBasic Table – A jQuery Responsive Tables Plugin
A simple basic jQuery plugin which gives a couple of options for displaying tables on handheld devices. Tables are the necessary evil. Admit it! It is a bit painful to adjust tables on small devices so...
View ArticlepagePiling.js – Create a scrolling pile of sections
After FullPage.js and MultiScroll.js, Alvaro Trigo now presents pagePiling.js, a plugin which allows creating a totally new way of single page scrolling websites. With pagePiling.js the sections are...
View ArticleScrollMagic – A jQuery plugin for magical scroll interactions
ScrollMagic adds a pinch of magic on your web design projects with some great scroll interactions. ScrollMagic is jQuery plugin which lets you to use several options of the scrollbar features and...
View ArticleShifter – Simple jQuery Mobile Side Menu
Create a simple jQuery mobile side menu quickly by injecting some code and adjusting the maxWidth option. Shifter is yet another solution for mobile side menus. It is a very easy-to-use and mobile...
View ArticlejQuery simpleGallery – Fullscreen and responsive lightbox
SimpleGallery is an easy and quick solution for creating responsive fullscreen lightbox gallery. With a couple lines of code you can display your images in a wonderful gallery. There are many lightbox...
View ArticleSimple Modal-Like Sliding Panel with jQuery and CSS3
A simple jQuery/HTML5/CSS sliding panel solution that slides out a modal-like top panel and pushes the content to the bottom. Modals are quite popular and exploited in website design as they give you...
View ArticleCreate Horizontal Paging Website with jQuery horizonScroll
“Out of the box” thinking is a must for designers and developers if they want to create an appealing and rather different online experience. Horizontally scrolling websites became popular in the last...
View ArticleAlton – jQuery Scrolljacking Plugin
A lightweight jQuery Scrolljacking plugin which creates a unique and enjoyable online experience for users. Alton is a new jQuery plugin created by Paper Leaf. It is a scrolling plugin which employs...
View Article9 Extremely Useful JS and CSS Animation Libraries for Designers
9 effective animations solutions for great and user-friendly design projects. Animations have been exploited in web design for a simple reason – catching user’s eye. Ever since Flash has been...
View ArticleSimple Weather App with jQuery
A great solution for displaying weather by using jQuery, Yahoo Weather Services and Yahoo Geolocation. Sometimes, when you are creating a website for a client, you might be asked to create a simple...
View Article20 Useful Lightbox Plugins for WordPress
Enhance the look of your website with a Responsive Lightbox Plugin Lightbox Plugins are probably the most popular ones in WordPress sites. Such plugins are used as an appealing and elegant way to...
View ArticleSlideout.js – A touch slideout navigation menu for mobile web apps
This plugin is a straightforward navigation solution for anyone who requires lightweight touch navigation for a modern mobile web app. Mobile and web apps are quite popular for the last couple of years...
View ArticleSlider Pro – Responsive jQuery slider with CSS3 animations
A responsive and touch-enabled jQuery slider solution allowing you to create elegant, modern and pro-looking sliders. How much time do you spend to find the top-notch slider when you are working on a...
View ArticleHow to Create Full-screen Photo Gallery with jQuery
A straightforward jQuery plugin for a full-screen photo gallery with handy thumbnail navigation. Today’s plugin provides a great solution for developers and designers if they want to incorporate a...
View ArticleJazz up your website with Shapeshifter.js
Shapeshifter is a lightweight jQuery plugin which will add a modern touch to any website. SVGs are quite popular these days due to the fact that they offer a lot of flexibility in terms of animation...
View ArticleMobile-first Pull-down Мenu with jQuery
A quick solution for a mobile-first navigation, powered by jQuery and CSS3, which slides from the top of the page when it is toggled. Mobile-first menus are quite popular and there are new solutions...
View ArticleSimple Marquee – Horizontal Text Scrolling with jQuery
An easy jQuery solution for horizontal text scrolling that can be used as a news ticker. This is a simple jQuery plugin which will help you create a list of items that scroll from right to left. It is...
View ArticleTiny jQuery Plugin for Creating Beautiful Bar Pie Charts
Spending time on Codepen website is always a pleasure. There are so many talented and creative web designers and developers who are sharing their knowledge with everyone. Today’s coding treasure is...
View ArticleOff-canvas grid gallery with jQuery and CSS3
Off-canvas grid gallery is a great solution for displaying photos in an eye-catchy way. Creating galleries is always a challenge for designers and developers. Every web professional is aware of the...
View ArticleGrid Column Carousel – Scrollable & scalable carousel for your grid system
Welcome to the fantastic world of scrollable columns for your favorite responsive grid system! Grid Column Carousel is a wonderful plugin that allows you to scroll columns which scale up and down...
View ArticlePeekaboo – Responsive CSS3 Slideshow with touch and swipe interactions
Today’s creative solution is a Peekaboo – a simple responsive slideshow slider with touch and swipe interactions. The previous and next slides are visible at the sides of the main image that is...
View ArticleQuick Design Tips: TabDancer – A Responsive Tabs Solution
Tabs are quite useful when it comes to fitting a lot of content in a clean and organized way. Tabs help to separate information into different groups and the content is accessed easily by the users....
View ArticleSliiide2 – The Easiest Way to Create a Sliding Nav Menu
Today, I want to show you a simple and easy way to create a sliding navigation menu that can appear anywhere on your web page. Sliiide is a great and very small jQuery plugin that will help you out to...
View ArticleChocolat.js – A Free Powerful jQuery Lightbox
Chocolat.js is a great new plugin that will give you a powerful lightbox to display one or gallery of images (by staying on the same page). Users have the choice to group together series of pictures as...
View ArticleHow to Create Responsive Sticky Header with jQuery
Sticky headers are quite popular these days probably due to the fact that they are quicker to use and navigate. These headers are particularly useful for menus and CTAs for the users to see. It is...
View ArticleCrosscover – Beautiful carousel with jQuery and animate.css
Since animate.css was released the World Wide Web become a bit more entertaining and beautiful. The animated library has been used to present content in more interesting way or enhance CTA actions....
View ArticleSimple CSS3 Paper Cards Accordion Inspired by Google Material Design
Have you noticed recently that designers started implementing Google Material Design concept in mobile apps and websites? There are so many apps now that are based on the simple concepts of Material...
View ArticleAnimsition – Easy CSS Animated Page Transitions with jQuery
Animsition is a simple jQuery plugin that will actually make it easy for web designers and developers to add website animations to their projects. The plugin can be a helpful tool if you want to lift...
View ArticleLazy Loading Images with bLazy.js
bLazy is a great lazy loading image script that will let you lazy load and multi-serve images which will save bandwidth and server requests. The script is very beneficial for users as they will have...
View ArticlePace – Automatic page load progress bar
If you are a web designer, it is almost certainly that you have built a single-page website which at some point at the process became a very huge one, especially if you are using parallax effect and...
View ArticleTabslet – a jQuery plugin for tabs
Tabslet is yet another jQuery plugin for tabs but it is a bit different from the usual ones. Why is that? First of all, the great news is that it is compatible with IE7+ and also Chrome, Firefox,...
View ArticleMmenu – App Menus with Sliding Submenus
Having a complex menu in a website has proven to be a challenge for any web designer. Reason for that is how such complicated menu is performing on mobile devices. The simple slide/toggle menus are not...
View ArticleSection Scroll – jQuery Plugin with Side Bullet Navigation
Section Scroll is a lightweight jQuery solution for single page websites. The plugin automatically generates a side bullet navigation on one page websites and when the navigation is clicked, the user...
View ArticlemediaWrapper.js – Responsive Embed Videos
It is a common knowledge that videos are vital part of the online presence of any business. Visitors do love to be entertained visually and adding videos to company and product websites makes things a...
View ArticleTasty CSS-animated hamburgers
With so many mobile apps and responsive websites, designers and developers became really creative with menus and navigation solutions. The same is true for hamburger icon that is the trigger for...
View ArticleScrollReveal – Easy scroll animations for web and mobile browsers
Today I am back with another great jQuery plugin called ScrollReveal.js. This plugin is great if you want to add a bit of modern touch to any website by adding smooth scroll animation to your elements....
View ArticletimeDropper – A beautiful & better UI timepicker
If you are a designer or a developer it is very likely that you have a situation in which you had to incorporate a timepicker in a client’s website. Most of the time, the timepickers are very plain and...
View ArticleResponsify.js – A jQuery plugin for perfect responsive images
The Problem For everyone who is building websites is well aware of the issue of achieving the perfect responsive images. When you use images in a responsive container is likely to end up with an image...
View ArticleMediumLightbox.JS – Elegant Image Zoom
MediumLightbox plugin is inspired by medium.com and reproduces exactly the same code to add this smooth transition over the image. Though, there is some improvement. The plugin is written in pure...
View ArticleScrolla – Reveal Animations When Scrolling
Today’s fancy plugin comes from Max Zhurkin and it is a great solution for every web project that requires lots of images to be displayed in an interesting and appealing way. Scrolla is a lightweight...
View ArticleGradientify – jQuery plugin for CSS Gradient Transitions
Today’s quick design tips is a very simple jQuery plugin which provides beautiful CSS gradient transitions. Gradientify is very simple to implement and use as you do not need any special coding skills...
View ArticleBootstrap 4 jQuery Sliding Menu
Although Bootstrap 4 is still in its alpha (to be precise – alpha 2) version, designers and developers got excited a while ago and started using it. If you haven’t checked it yet, probably you will be...
View ArticleMuuri – Responsive, sortable, filterable and draggable grid layouts
If you are a web designer or developer, probably you are familiar with various plugins for responsive and filterable grid layouts. Such plugins are immensely useful when it comes to organizing visual...
View ArticleMenuSpy – Highlight Nav Item Based on Current View
MenuSpy is a JavaScript library which offers three different solutions for highlighting menu item corresponding to the current section view. The JS library is lightweight and fast and has no...
View ArticleiCheck – Beautifully Customized Checkboxes and Radio Buttons
iCheck is a fresh and neat plugin for jQuery and Zepto with different skins (currently 6) for radio buttons and checkboxes. It is created to ease the workflow whenever a checkbox or a radio button is...
View ArticleProgressively – Load Images One by One
Performance optimization is quite crucial for web designers and developers. No matter how well-designed is a website or web app it will surely fail if it is not optimized for varying network...
View ArticleGridTab – Grid Based Responsive Tabs
GridTab is a jQuery plugin which will help you put any content in grid based responsive tabs. If you have worked with some of the popular frameworks, you know the pain of creating responsive (and...
View ArticleFooter-reveal.js – Add An Eye-catching Effect to Your Website
Recently, around the web a new attractive effect emerged and designers/developers are willing to give it a try and incorporate it on their websites. The “Footer Reveal” is a straightforward idea that...
View ArticleHiraku.js – jQuery Off-Canvas Menu
Translated from Japanese “Hiraku” means “Open”. This jQuery plugin is yet another solution for an off-canvas menu drawer navigation which is suitable for mobile versions of websites and web apps. There...
View Article