50+ New Handpicked Goodies For Web Developers & Designers For April 2013

As web developers, web designers and graphic 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 some great JavaScript & jQuery Plugins that give you a flexible & customisable tooltip, a plugin that check your content against accessibility guidelines, or a plugin that use HTML5 canvas to create some pretty awesome charts to name a few jQuery plugins that you will find below.

I’ve also included some apps for your apple devices and some apps for the web, to some awesome CSS resources, responsive frameworks, a site that check if your website is responsive. And to those lovers of WordPress I’ve included some themes and plugins both free and premium and finally I’ve also included some great design files that you can use.

JavaScript & jQuery

PowerTip

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.

The Best of 100+ Web Design & Development Goodies from 2012

As a Web Designer or Web Developer, anything that can save you just a little bit of time is well worth its weight in gold.

If you agree with the above statement, you will certainly love this  post. As i have for you a large selection of the best, the most useful and the most innovative tools and resources that been around the net and this very site throughout the year of 2012.

That includes CSS frameworks & tools, Great Apps for desktop, web and mobile, awesome HTML5 resources, JavaScript frameworks & tools, wordpress themes, wordpress plugins, a responsive  tools and resources etc….

JavaScript & jQuery

X-editable

X-editable is a in-place editing with Twitter Bootstrap, jQuery UI or pure jQuery. This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. It’s new life of bootstrap-editable plugin that was strongly refactored and improved.

14 New Tools & Resources For Web Developers

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

Freebie Thursday 1st of March – Free Web UI Elements Kit

The beginning of a new month always brings new changes. In our case the beginning of a new month brings to our dearest users another freebie. This time it’s about a cool Web User Interface Kit (Set) PSD, HTML + CSS + jQuery, that was specially made for DesignModo by DesignModo friends at Pixeden.

Download from DesignModo

21 Best Websites From 2011

Each month during 2011 the web industry produces hundreds of great sites and I’m proudly like to showcase my personal picks from January to December. all of are outstanding examples of design built to current web standards.

1. Hungarian Wine Society

12 Useful Tools for Easier CSS Development

It’s important to have a good set of tools to speed up and simplify your CSS development and we always see new and approved ones  being created. The tools featured in today post will help you improve your workflow whether it be solving validation or debugging, taking care of those repetitive tasks that we see on a daily basis or just simply offering a better solutions to many time-consuming items like sprites or CSS3 animations

1. CSS Lint

CSS Lint is a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don’t want.

A Beginner Guide To The Roles Of HTML & CSS

For some of our readers we are getting back to the very basics form in this post. But if you are about to pursing web design either a career or just for a hobby, you must be able to do more than just simply design a pretty page. Today web designers aren’t just the designer anymore they need to become some what a experts in coding as well.

Today there are plenty of different web design standards that one must master to become a web designer. The two most important in the industry today are HTML and CSS because these can be a stepping stone.

16 Best CSS Frameworks For All Projects Types

The CSS framework you decide to use shouldn’t ideally be based only on a personal preference, as most web designers tend to do.But Ideally you should choose a framework  that match up on your current web projects factors like complexity and functionality requirements.

In this article you find 16 of the best CSS frameworks including a couple of generators that you could consider for your next project.

A Guide On How To Use @font-face

The days of being limited to just a handful of fonts on the web are rapidly coming a thing of the past. The problem is no longer a lack of viable solutions but rather an abundance of them. Technologies like Cufon, sIFR, FLIR and @font-face all represent different groups of developers placing bets on what they believe is to be the future of web typography.