Useful Stuff

Information and lists that we find useful.

10 Useful jQuery Plugins

July 10, 2014
July 10, 2014

1. Super Scrollorama

This is a super-cool jQuery plugin for scroll animations. You can define tweens and animations that are triggered when an element comes into view, or on specific scroll points.
by John Polacek
Super Scrollorama

2. Backstretch

a simple jQuery plugin that allows you to add a dynamically re-sized, slideshow-capable background image to any page or element.
by Scott Robbin
Backstretch

3. Alertify

This little library is for presenting great looking dialog windows and notifications. Simply use CSS to customize and it plays nicely with third-party libraries.
by Fabien Doiron
Alertify

4. Fancy Input

Fancy Input is a very useful jQuery plugin that makes entering or deleting text in a text box fun again. It uses CSS3 animations to achieve multiple visual effects.
Fancy Input

5. Flot

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.
Flot

6. jQRangeSlider

A powerful slider for selecting value ranges, supporting dates and more.
by Guillaume Gautreau
jQRangeSlider

7. Textillate

Textillate.js combines some awesome libraries to provide an ease-to-use plugin for applying CSS3 animations to any text.
Textillate

8. scrollUp

ScrollUp is a lightweight jQuery plugin to create a customizable “Scroll to top” feature that will work with any website, with ease.
by Mark Goodyear
ScrollUp

9. Chart.js

Easy, object oriented client side graphs for designers and developers. The library supports 6 chart types that are animated and fully customizable.
by Nick Downie
Chart.js

10. Sticky

Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.
by Anthony Garand
Sticky

Which plugin do you find most useful?

6 Useful Responsive CSS Frameworks And Boilerplates

April 22, 2014
April 22, 2014

1. 960 Grid System

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.
960 Grid System

2. Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.
Bootstrap

3. LessFramework 4

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.
LessFramework 4

4. Skeleton

Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone.
Skeleton

5. Foundation by Zurb

Foundation just released Foundation 4 which according to them is the most advanced responsive front-end framework in the world. They have added many new features and templates in this version and it is certainly worth a peek.
Foundation by Zurb

6. Reset CSS

Do not start a web design without Reset CSS.
Reset CSS

6 Useful Web Design Tools

March 12, 2014
March 12, 2014

1. Firebug

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. We do a lot of work with WordPress around here. Modifying and customizing themes would be nearly impossible without Firebug.

Firebug

2. 0 to 255

0 to 255 is a simple tool that helps web designers find variations of any color.

0 to 255

3. Google Analytics

Google Analytics is the enterprise-class web analytics solution that gives you rich insights into your website traffic and marketing effectiveness. Powerful, flexible and easy-to-use features now let you see and analyze your traffic data in an entirely new way. With Google Analytics, you’re more prepared to write better-targeted ads, strengthen your marketing initiatives and create higher converting websites.

Google Analytics

4. Typeface.js

With typeface.js you can embed custom fonts in your web pages so you don’t have to render text to images.

typefacejs-top-10-useful

5. <html> Ipsum

<html> Ipsum takes Lorem Ipsum a very helpful step forward by adding html code. You can quickly add forms, paragraphs, ordered lists and more to your place holder content.

HTML Ipsum

6. ColorZilla

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program.

colorzilla-top-10-useful