If you’re a web developer, you’re almost certainly constantly looking for ways to improve your skills, expand your technology arsenal, and keep on top of the latest trends in development and design. Today’s post is mostly based on some nice and very well developed jQuery plugins and JavaScript , web applications, frameworks and wireframes.
JavaScript & jQuery
1. stickyMojo
stickyMojo is a contained sticky sidebar plugin for jQuery. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE.
2. sketch.js
sketch.js is a tiny (~5k) boilerplate for creating JavaScript based creative coding experiments. The demo shows what can be done with just a few lines of code. It handles all that tedious but necessary stuff that would normally slow you down – setting up an animation loop, creating and managing a graphics context for Canvas or WebGL, cross browser and device event binding and normalisation for mouse, touch and keyboard events, handling window resizes
3. HorizontalNav
HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container. If you’ve ever had to create this effect on a project, you’ll know it’s pretty annoying to do. But this plugin makes it easy and adds support for IE7.
4. Roundabout
Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.
5. Peity
Peity (sounds like deity) is a simple jQuery plugin that converts an element’s content into a simple , mini pie, line or bar chart and is compatible with any browser that supports : Chrome, Firefox, IE9+, Opera, Safari.
6. iosSlider
iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.
Web Applications
7. Termsfeed’s Privacy Policy Generator
Termsfeed’s free privacy policy generator generates automatically a privacy policy for your site. The generator is simple to use: just fill in the data with your personal information and the policy is delivered immediately in less than 1 minute.
8. Shiny Demos
Shiny Demos is a growing set of demos of the latest Open Web Standards, made by the Opera developer relations team. No browser is blocked: any browser that supports the standard sees the shiny!
9. Liveweave
Liveweave, similar to JSFiddle and Tinkerbin, is a new playground for developers and designers to test HTML, CSS and Javascript.
10. Mixpanel Flow
Mixpanel Flow is a simple and free app that works out where your users go and when they leave, all in real-time. Instead of a line graph or a table, you get a diagram of the actual paths people take as they browse your site. Follow your users every step of the way – from the homepage, through signup, and each page they hit as they use your product.
Frameworks, Wireframes & One Awesome Site
11. Wirefy
Wirefy is a collection of CSS & JS files to help you rapidly experiment with responsive wireframes. Whether you keep them to yourself or use them to help educate your clients, Wirefy is flexible and here to help. Wirefy has been built from the ground up. Following the philosophy of mobile first.
Wirefy is style agnostic so that clients don’t get hung up on colours, fonts, other design elements. It’s meant to be another tool for your development kit that provides the most basic styles as a foundation.
12. Laravel
Laravel is a clean and classy framework for PHP web development. Freeing you from spaghetti code, Laravel helps you create wonderful applications using simple, expressive syntax. Development should be a creative experience that you enjoy, not something that is painful. Enjoy the fresh air.
13. Mobello
Mobello is high performance Javascript framework for HTML5 mobile apps. It includes a complete set of user interface components for building rich mobile web apps. It is open source provided under the LGPL license.
14. Hex Words
CSS is fun and exciting and gives developers a great tool to create unique and exciting web designs, but one of the hardest parts of design is choosing the color scheme.
Well not anymore, as with HEX WORDS you can find great colors and also add some extra personal fun and pleasure in the mix too. Why have a hard to remember and boring hex code like #3E61A9 when you can have #C0FFEE or #BADA55