Fresh Resources for Web Designers and Developers (February 2013)

February brings a fresh batch of tools to supercharge your development workflow! This month’s collection puts a special focus on mobile development, featuring everything from intuitive folder grouping to sleek image galleries optimized for touch devices.

Whether you’re building mobile apps or enhancing your web projects, we’ve got some game-changing tools to share. From analytics integration to face detection and beyond, these resources will help you create more engaging and user-friendly experiences.


Analytics.js

Websites and apps need analytics to feed data of user behavior while on the site. Analytics.js comes to make analytics integration hassle-free. With this script, you can add several analytics providers in a leaner way. It currently supports the following analytics providers: Google Analytics, KISSMetrics, MixPanel, Intercom, Customer.io.

Analytics

Code Sniffer

Code Sniffer is a tool (or bookmarklet) that will audit your HTML code structure to comply with the WCAG coding standard. It is built purely with JavaScript and extendable to create the developer’s custom standard.

Code Sniffer

App Folders

App Folder is a jQuery plugin that allows you to “group” items. It is similar to how the iOS group works: when we click on the group a new section slides down to show the group’s content and fade out its surrounding. The plugin is style-able, giving you the control to fit everything into your design and, best of all, it is responsive.

App Folders

Face Detection

Face Detection is a jQuery plugin to detect faces on pictures and show their coordinates. If you need to develop an app that requires a face detection feature later on, this jQuery plugin is worth bookmarking. See the demo here.

Face Detection

Fields

HTML5 introduced a bunch of new input types; a few of these types are equipped with Validation. But, since the validation is originally from the browsers, the browser that does not support the type will not validate the input and will let it pass whatever value that is submitted. To cover this validity issue, you can use these input along with Fields.js, a handy JS Library to manage and validate Web form fields.

Fields

Photo Swipe

Photo Swipe is a JS library to establish image galleries for mobile and touch devices. This plugin displays the gallery intuitively and familiarly. In touch devices, users simply “swipe” to navigate through the images. This plugin supports: iOS, Android, Blackberry, jQuery Mobile and PhoneGap.

Photo Swipe

Reuze

Reuze is a tiny front-end development framework to help you create semantic HTML5 markup for a blog or a content site quickly and easily. It also comes with CSS that holds for the layout style foundation. Nevertheless, it is very extendable and can be used in conjunction with other frameworks, like Bootstrap and Foundation.

Reuze

ScrollOrama

Most of the time, people scroll webpages so, why not extend your webpage scroll action to make it more outstanding with ScrollOrama. It is a “jQuery plugin for doing cool scrolly stuff”. It provides a bunch of cool animation and transition effects to your web elements upon scrolling.

ScrollOrama

Spell Checker

jQuery Spellchecker is a lightweight jQuery plugin to identify incorrect spelling within a DOM or form fields. In addition, to identify spelling, it also shows suggested replacement words.

Spell Checker

WebsiteFacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail