Category: Scripts

Scrollify – Create Smooth Snapping Scroll Layout Easily

Snapping scroll is one of a popular layout in web design, it makes sure user is scrolling to the correct screnn by automatically scrolling to the right position. Usually the website layout is divided into different section and each section is made to be 100% width and height so it would scroll and fit into… Continue reading Scrollify – Create Smooth Snapping Scroll Layout Easily

50 Free Resources for Web Designers

The tremendous thing about the design community is that we all love to share. We really do. Whether we share our thoughts and ideas via an in-depth article or by giving advice/feedback on a forum, or even by freely offering high-quality resources. The sharing is what makes our community truly great! Here are this months… Continue reading 50 Free Resources for Web Designers

50 JavaScript Tools & Resources from 2015

The first thing you will probably notice is the considerable decrease in the number of jQuery plugins in this collection, when compared to last year. What we’re seeing instead is smaller, lighter and standalone JavaScript libraries being built without all of the jQuery bloat. There are now more targeted problem-solving solutions, rather than having to… Continue reading 50 JavaScript Tools & Resources from 2015

Page Stack Navigation Template with CSS & JavaScript

Codrops has just published a Page Stack Navigation template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation. The idea is to show a navigation when clicking on the menu button and transform all pages in 3D and move them to the bottom of the viewport. The next… Continue reading Page Stack Navigation Template with CSS & JavaScript

Spectacle – A ReactJS Presentation Library

Spectacle is a React-powered presentation library. With Spectacle you can write slides with JSX. It supports tags like <Deck>, <Slide>, and there are even layout tags for making text appear in the right place without too much fiddling about with CSS. It even supports a presenter view, so you can see the next side and… Continue reading Spectacle – A ReactJS Presentation Library

CamanJS – Image Manipulation in JavaScript

CamanJS is (ca)nvas (man)ipulation in Javascript. It’s a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which continues to grow. It’s completely library independent and works both in NodeJS… Continue reading CamanJS – Image Manipulation in JavaScript

Our Favorite jQuery Plugins and Libraries For Spring 2015

Web development is hard and there is much to learn. Developers and designers need to be on top of a lot of emerging technologies and trends. But the community is buzzing with activity and it creates awesome libraries and plugins that can help us do our work. Here are some of our favorites. Not all… Continue reading Our Favorite jQuery Plugins and Libraries For Spring 2015

Top 20 Best PHP Scripts for Support Tools

Do you own or need to design a large website with a great support and help page? You don’t have to write the code yourself from scratch! These great PHP scripts for support tools will help you create great support and help features, such as live chat, FAQ pages, ticket submission, support centers, forums, help… Continue reading Top 20 Best PHP Scripts for Support Tools

Interact.js – JavaScript plugin for drag and drop, resizing and multi-touch gestures

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+) Including: – Inertia – Snapping to a grid, custom anchors or paths. – Cross browser and device, supporting the desktop and mobile versions of Chrome, Firefox and Opera as well as Internet Explorer 8+ – Interaction with… Continue reading Interact.js – JavaScript plugin for drag and drop, resizing and multi-touch gestures

20 Online CSS3 Menu, Layout & Code Generators

Though CSS3 generators or tools are not necessary but can provide a strong start for your menu or layout designs. These tools can speed up the design workflow. You can change the code later according to your needs. In this article we featured 20 CSS3 menu, layout & code generators you can find online. These… Continue reading 20 Online CSS3 Menu, Layout & Code Generators

10 Useful jQuery Image Slider Plugins

While working on various designing an development projects, there sometime arises the need of various plugins, tools and extensions that claim to solve the purpose with ease. What these extensions do is they ensure to help you get the desired results without having to undergo the entire process by yourself. In short, the plugins, tools, apps and extensions… Continue reading 10 Useful jQuery Image Slider Plugins

Walkway.js – An easy way to animate simple SVG elements

Walkway.js a small javascript library to animate SVG images consisting of line and path elements in an easy way. How to use Create a new Walkway instance with a supplied options object. When you want to start animating call .draw on the returned instance providing an optional callback that will be called when drawing is… Continue reading Walkway.js – An easy way to animate simple SVG elements

Midnight.js – A jQuery plugin that switches between multiple header designs as you scroll

A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. To make everything work, just load midnight (and jQuery) and initialize it. Want to use custom markup for each header? You just need to add a div with the… Continue reading Midnight.js – A jQuery plugin that switches between multiple header designs as you scroll

Awesome Math Library for JavaScript and Node.js

Math.js is an extensive math library for JavaScript and Node.js. It features a flexible expression parser and offers an integrated solution to work with numbers, big numbers, complex numbers, units, and matrices. Powerful and easy to use. It supports chained operations. It’s easily extensible. Requirements: jQuery Framework and Node.js Demo: http://mathjs.org/ License: Apache License

Image Comparison Slider with CSS3 and jQuery

Image Comparison Slider is a handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. When you create a product page, there are some effective UX solutions that can be used to make the user ‘feel’ the product. A comparison image slider is one of those. If you look at the Sony… Continue reading Image Comparison Slider with CSS3 and jQuery

20 jQuery Plugins to Create Amazing Photo Galleries

Inspiring and creative webpage visual effects further enhance the charm of website, especially when we are talking about photo galleries and portfolio presentations. And when viewing is made more convenient with additional options and information with no loss of quality of presentation and performance of the website, it is one plus point previously considered a… Continue reading 20 jQuery Plugins to Create Amazing Photo Galleries

Ten Useful jQuery Plugins For Fullscreen Images

On a recent project I needed to serve an image as a full size background on both a page and a block level element, the image had to be scaled correctly and also be responsive on small devices. Serving fullsized images onto backgrounds or block level elements can pretty much be done with pure CSS3,… Continue reading Ten Useful jQuery Plugins For Fullscreen Images

CouchDB – Database Stores Data with JSON Documents

CouchDB is a database that completely embraces the web. Store your data with JSON documents. Access your documents and query your indexes with your web browser, via HTTP. Index, combine, and transform your documents with JavaScript. CouchDB works well with modern web and mobile apps. You can even serve web apps directly out of CouchDB.… Continue reading CouchDB – Database Stores Data with JSON Documents

The Listed Voyage: 30 Free jQuery Navigation Menus

Nowadays, jQuery navigation menus are more than just plain texts with links on it. I presented to you how you can create a navigation menu with jQuery and CSS3, which is a cool way to display your menus on your site. With the power of jQuery, it can turn the navigation of a website into… Continue reading The Listed Voyage: 30 Free jQuery Navigation Menus

HumHub – An Open Source Social Network Kit

HumHub is a free social network software and framework built to give you the tools to make teamwork easy and successful. It’s lightweight, powerful and comes with an user-friendly interface. With HumHub you can create your own customized social network, social intranet or huge social enterprise application that really fits your needs. HumHub is completely… Continue reading HumHub – An Open Source Social Network Kit

Generate Nice SVG Background Images with Trianglify JS

Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds. It was inspired by btmills/geopattern, and uses d3.js to build the polygons and SVG and SVG filters for rendering. It also includes the colorbrewer color palette library to get you up and running quickly. Requirements:… Continue reading Generate Nice SVG Background Images with Trianglify JS

18 Best jQuery Lightbox Plugins: Free and Premium

jQuery is one of the interesting language to ease the work of designers. It is capable of bringing out something interesting from your code and eases the coding by adding libraries. jQuery lightbox plugins are best to showcase the photos in an elegant manner. It can even add responsiveness to pop ups, signup forms, and… Continue reading 18 Best jQuery Lightbox Plugins: Free and Premium