30+ New Resources, Tools, Apps & Handpicked Goodies For Web Developers & Designers

As web developers and web designers, we constantly looking at the sheer amount of new resources, tools and applications that we can tap into increases exponentially with time.

And here is just a quick look at some recently created resources that deserve your attention — everything from new CSS and HTML frameworks and tools, to some great jQuery plugins and including some awesome places that you can start selling items, great themes, frameworks and plugins for those who are use or deciding to use WordPress, to those that looking for a twitter bootstrap code snippet website and there is also some design goodies.

JavaScript & jQuery

Jarallax

Jarallax is an open-source javascript library which makes adjusting css based on interaction easy. With Jarallax it’s easy to create a parallax scrolling website.

FloatShare

floatShare is a jQuery plugin that allows your website visitors to share your web content on popular social media platforms with a single-click. It will scroll with your content and can be customized with different start and end points

Enquire

Enquire.js is a lightweight, pure JavaScript library for programmatically responding to CSS media queries. It is less than 1kb and has absolutely no dependencies.

Yeti

Yeti is a command-line tool for launching JavaScript unit tests in a browser and reporting the results without leaving your terminal. It has been designed to work with tests built on YUI Test just as they are.

Impromptu

jQuery Impromptu is an extension to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm. Not only does it replace these but it also allows for creating forms within these controls. This is not intended to be a modal replacement, just a quick tool to prompt user input in a fashionable way.

Sweet.js

Sweet.js brings hygienic macros from languages like Scheme and Rust to JavaScript. Macros allow you to sweeten the syntax of JavaScript and craft the language you’ve always wanted

Desktop, Mobile & Web Applications

Codiad

Codiad is a web-based IDE framework with a small footprint and minimal requirements. The system is still early in development, and while it has been proven extremely stable please be sure to backup regularly if you use it in any production work.

Adobe Edge Web Fonts

Edge Web Fonts gives you access to a vast web font library made possible by contributions from Adobe, Google, and designers around the world. The fonts are served by Typekit, so you can be sure of high performance and stability. Plus, it’s free!

Lazy Meter

The problem with to-do lists is that they’re overwhelming. No matter how much you do, there’s more to be done. As a result, people feel lazy. The idea of LazyMeter is not to show you how lazy you are; it’s to show you how productive you are. LazyMeter shows you how much you’ve done, so you can feel good at the end of the day.

Font Prep (Mac App)

FontPrep converts all of your TTF & OTF files to web-ready formats: WOFF, EOT, and SVG, it fires up a server listening on port 7500 so you can easily view and test your fonts, and much, much more!

Monitor Backlinks

Monitorbacklinks.com is an easy backlink checker tool that notifies you via email or in your changelog if someone removes your links or makes them nofollow. Also, it has more features, such as PR checker, automated broken link notification and link expiration, labels. Pricing starts at a free account that can monitor up to 10 links up to a pro account that can monitor up to 25,000 links that cost $69.00

StatusCake

Every second your website is down is money and reputation lost – and you are powerless to do anything until you know about the issue! StatusCake enables you to quickly add your websites and then get notified about downtime – the moment it happens. And unlike some of StatusCake competitors StatusCake don’t limit the amount of sites you can add!

CSS, Frameworks, HTML5 & Responsive Goodies

Kube Framework

The Kube Framework is not an overblown responsive CSS framework with multiple layouts and styles, all you have with Kube is a single CSS file. That is were its beauty lies – in its simplicity. The framework also supplies LESS files for the gurus out there who enjoy preprocessing.

Responsive Measure

Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text.

Base

Base is a super simple, responsive framework built to work on mobile devices, tablets, netbooks and desktop computers.

CSS Horus

CSSHórus is a CSS framework for easy and fast development of responsive and mobile websites. It contains 16 grid columns and basic style formats (Resets, Basics, Typography, Lists, Links, Table, Form, Button) for your web project, also with RTL and LESS CSS.

Sosa Icon Font

Sosa includes the 120+ icons I have found most useful. The download includes the .ttf .eot .svg & .woff files need to use this icon font via @font-face.

Clearless

ClearLess is a reuseable collection of carefully-considered Less mixins, or YALML (Yet Another Less Mixin Library). The core tenets of this mixin library are to avoid output bloat wherever possible (via duplicated properties etc) and to provide flexibile, configurable solutions to the problems that are addressed by the library (i.e. by using Modernizr classes, browser hacks or not, etc).

The aim is to give the author the benefits of reusable shortcuts without obliterating personal style and generating bloated stylesheets.

Bootsnipp

Bootsnipp is an element gallery for web designers and web developers, anybody who is using Bootstrap will find this website essential in their craft. At the time of this post Bootsnipp is using Bootstrap v 2.1.1

WordPress Frameworks, Themes & Plugins

HTML5 Blank For WordPress

HTML5 Blank Theme is a WordPress shell for deploying your next project on. It’s not just a clean slate to develop with, it’s a lean foundation that includes various tools, functions and setups to get any WordPress theme developer deployed and coding within minutes. It’s feature list is extensive and impressive, ranging from HTML5 and CSS3 setups, to built-in WordPress functions, mobile/responsive ready, time-saving tools and much more.

SideOffer WordPress Plugin

SideOffer is designed to help increase leads and conversions by allowing you to present your offer in a persistant side tab on every page of your site, giving your users more opportunity to take notice and take action!

Pushover Notifications WordPress Plugin

Pushover Notifications allows your WordPress blog to send push notifications for events happening on your blog straight to your iOS/Android device.

MoodThingy Mood Rating WordPress Widget

MoodThingy is a plugin that any blogger can use to track the emotional feedback of an individual blog post or article. The plugin can be configured to automatically appear below all of your posts, or manually placed anywhere within a post using a handy WordPress tag. A dashboard of MoodThingy stats is also offered so you can see which articles excite, amuse, or bore your readers, sorted by mood or number of votes in the past day, week, or month.

Newspaper WordPress Theme

Subtle textures, beautiful typography and a modern responsive layout – that’s what Newspaper is about. Built to complement your content and images, Newspaper WordPress theme screams quality web design. Included are features such as automatic slideshow, author bio section, ad placement, social links and a theme options page for faster customization.

WP Strap WordPress Bootstrap Theme

WP Strap is an open-source WordPress theme using the Bootstrap framework from Twitter. The aim of this theme is to use as much of the default Bootstrap styling as possible, with only minor CSS additions to provide styling for WordPress features. It is an on-going project and will continue to be expanded as well as updated to support the latest versions of Bootstrap and WordPress.

Zilladribbbler WordPress Plugin

Dribbble is a tremendous community of designers that allows participants to show off works-in-progress, creative processes, and current projects. ZillaDribbbler is a super-simple, super-swish free WordPress plugin for loading your latest Dribbble shots into any post, page or sidebar. Handy.

Books, Resources & Other Goodies

Mobile Web Best Practices

Mobile Web Best Practices is a site to help people learn about and get things done with the mobile web. It’s a tool to introduce best practices to cross-disciplinary teams so they can create great mobile web experiences. In addition, this site is a place to come together to move the medium forward by discussing challenging issues and advocating for better standards.

How to Stop Wasting Time Developing for Internet Explorer

A great article from sitepoint that gives some great pointers that can help us developers save time when we have to goes through routine of solving problems that IE can give us.

Payhip

Payhip is an e-commerce platform that enables anyone to sell ebooks directly to their fans and followers using just a link. You can simply upload your product, enter the price and start selling on Twitter, Facebook or your own website. Payhip takes care of file storage, payment processing and product delivery to your customers.

Sellfy

Sellfy is an e-commerce platform that enables anyone to sell digital products directly to their fans and followers using just a link. Whether it’s an e-book, music, video, photos, software, or any other type of digital content, just upload your product, enter the price and start selling on Twitter, Facebook or your own website. Sellfy takes care of file storage, payment processing and product delivery to the end customer.