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.
Click Here for More Resources
Check out our complete collection of hand-picked tools for designers and developers.
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.
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.
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.
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.
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.
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.
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.
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.
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.
