Fresh Resources for Web Designers and Developers (May 2015)

As we move through 2015, the web development landscape continues to evolve with exciting new tools and resources. This month’s collection features some truly innovative solutions that have caught our attention.

From powerful JavaScript frameworks to cutting-edge CSS utilities and innovative development tools, we’ve curated a diverse selection of resources that can help enhance your workflow and elevate your projects. Whether you’re working on frontend interfaces, backend systems, or full-stack applications, there’s something here to inspire and assist you. Let’s explore what’s new!


CanIUse Shortcode

CanIUse is a comprehensive source to track browser support for modern web features. This is a WordPress plugin that displays a CanIUse table for the specified feature using a handy shortcode. Once activated you can add, for example, [ciu-display feature="audio"] to display the results for HTML5 audio element support in a table.

CanIUse Shortcode

jQuery FileAPI

A jQuery plugin that interacts with the browser API file to handle file uploading, this plugin also includes the ability for image cropping and resizing, and uploading multiple files.

jQuery FileAPI

TabellaJS

Building a responsive Table is real tricky. There are a lot of JavaScript libraries and techniques you can use, but each comes with its own pitfalls. Tabella is a library that looks promising in the bid to tackle this notorious hurdle in responsive web design.

TabellaJS

StickyFill

StickyFill is a polyfill of the new CSS3 sticky position. It perfectly simulates the sticky position behavior, and it also works with many sticky instances.

StickyFill

Basket.js

Basket.js is a JavaScript library used to optimize JavaScript load time. Basket.js will cache JavaScripts in the localStorage hence avoiding unnecessary load in the future. This will also improve the website speed as the scripts are not called from the user but instead fetched from the server.

Basket.js

HTMLHint

HTMLHint is a small web tool to check errors in HTML. The tool will check for naming standards, missing closing tags, accessibility issues, proper use of Doctype, and duplicate ids and other issues you may often overlook.

HTMLHint

ABC Notation

Are you a musician and running a WordPress-based site? This plugin might be what you have been looking for. Once activated, ABC Notation allows you to compose music notations in your post and page using a shortcode.

ABC Notation

KSS StyleGuide

KSS Styleguide makes creating a living style guide more convenient. The tool will automate the process and as your website grows with new additions and UI iterations, KSS will update the style guide.

KSS StyleGuide

Internet Explorer Status

Internet Explorer is evolving for the better. In the latest version (before Spartan) Internet Explorer has embraced plenty of new web standards. Now you follow the status of upcoming features that are to be released with the next version. It’s a handy reference for web developers aside from CanIUse and Chrome Status.

Internet Explorer Status

Valley

Valley

CSS Wizardry Grid

A lightweight yet robust CSS responsive grid system developed by Harry Robert, it is packed with a handful of CSS goodness; it is fully responsive, powered with Sass, structured with BEM methodology, and are reversible grids.

CSS Wizardry Grid
WebsiteFacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail