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.

16 Brilliant Examples of Responsive Web Design

Responsive web design is something a lot of people in the web industry talk about and considering that the importance of responsiveness and all the buzz around it, it’s impressive the amount of websites that are still not responsive. By now, with the amazing growth of mobile usage, every single website should be responsive to be able to attend to every user’s “screen size” as they are consuming content differently everyday.

So for Today’s post I’ve gathered 16 examples of brilliant responsive websites .

1. OC Sport

45 New Handpicked Goodies For Web Developers & Designers For Feburary 2013

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 some great JavaScript & jQuery Plugins that help with quickly mocking a design using minimal HTML markup, helping you check your spelling,  a JavaScript audio library. To some awesome web, desktop and mobile applications that helps with retaining relationships with your clients, hosting your email when Google apps isn’t enough for you, keeping track of your time and focusing on the task your have to do today.

But that is just half of it I’ve also included some great frameworks both responsive and non responsive, a  high velocity web framework for Java and Scala , premium and free WordPress plugins that help you build your own mobile site, rename your uploaded files on the fly, modifying the WordPress dashboard with a new skin to some great premium WordPress themes and last but not least some great free design files

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.

12 Great Lightweight Responsive Grid Frameworks

Responsive layouts are rapidly moving towards being the standard and as more and more responsive CSS frameworks have been cropping up on the web and with a huge variety of frameworks available that includes every single one of them employing a different grid properties and techniques, it can be sometimes be difficult choice to make when to choose the right one.

You can always choose what I think the four main and popular ones are and these are the 1140 CSS Grid, Less+ Framework, Twitter Bootstrap and Zurb’s Foundation. But you won’t find any of them below today as this post features 12 lightweight frameworks that will quickly help you get going with your next project.

1. RWD Grid

The RWDgrid is just another Grid system based on popular 960grid , which is responsive and ranges from mobile, tablet, laptops and wide screen displays. Naming convention of this grid system is similar to 960 grid system, where underscore is replaced by hyphen (increases readabilty).

RWDgrid is having different Grid system made for 1200px+ Displays, 960px+ Displays, 720px+ Displays and Mobile screens. This can be used as a base grid system that will help you to build responsive webdesign with your existing proficiency over popular grid systems.

25+ 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, things for WordPress, to some great jQuery plugins and some awesome apps that deserves your attention to some great news items that developers, designers and anyone else who like news about the iOS 6.0.1 update, the lanuches of GitHub Training or ColourLovers Creative Market and anything else I’ve missed in the industry.

JavaScript & jQuery

Uiji.js

uiji is jQuery in reverse. Instead of using CSS selectors to find elements, you use the same syntax to create elements.

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.

10 Newest Responsive CSS Frameworks & Boilerplates Worth Considering

The almighty CSS frameworks have been around for quite a while now, but with the arrival of the responsive web design practices has rendered many of the old favourites ineffective, but a whole lot of talented developers has jumped in to the pool and filled the void with the next generation of CSS frameworks and boilerplates.

Today’s posted features 10 of the newest Responsive CSS frameworks and boilerplates that really worth considering next time you starting your web project.

1. Twitter Bootstrap 2

Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well. Twitter Bootstrap 2 features a 12-column responsive grid, dozens of components, javascript plugins, typography, form controls, and even a web-based Customiser to make Bootstrap your own.

40+ New Resources, Tools, Apps & Handpicked Goodies For Awesome 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 applications that can help with your project and time management, charging your clients with the right amount of money, sharing your code snippets to some well designed fonts, user interface elements, icons and more little goodies for web developers and web designers.

JavaScript & jQuery

tQuery

tQuery API aims to reproduce the success of jQuery plugin ecosytem by mimicking its API. Thus people who know jQuery will learn tQuery in no time. Thru three.js, they will be be able to reach webgl technology faster than before. Hopefully they will get exited and develop extensions for three.js.

WordPress Wednesday – 10 Amazing Responsive WordPress Themes

A good responsive theme will work on any browser, on any screen size, with proper fall-back support, all while maintaining the overall style and functionality.

Today’s WordPress Wednesday post I’ve done exactly that for you by gathering up some amazing premium WordPress themes from the masses that are available on the market. These themes all feature clean designs, extensive functionality, and of course, they are all responsive!

1.  Super Skeleton WP – $45

SuperSkeleton for WordPress is responsive (try resizing your browser)… that means that it’ll flex to fit massive screens, or itty bitty iPhone screens (and everything in between). Touch gestures even work on the slider!

SuperSkeleton is more than a WordPress theme, it’s a comprehensive HTML5 framework and it includes a full templating system as well; A collection of several incredibly powerful scripts and CSS structures that’s been tied together into a kit that’s perfect as a jumping off point of your next project.

Features

• Fully Responsive WordPress Theme and Theme-Options Manager
• SEO / SEM – Search Engine Optimized and Ready for Marketing
• 20 Bonus HTML Template Files (showcasing the flexibility of the framework)
• The Super Skeleton UI Kit (Exclusive Freebie PSD )
• 3 Minimal skins and 2 fontstacks to start with.
• Fully internationalized and ready for translation!
• Individual Skinnable PSD files for all major UI elements
• Organized CSS files, including easy to use Media-Queries sections.
• Filterable Portfolio/Gallery system
• Non-Obtrusive Javascript. All major site elements work even on old browsers.
• The basics: lightbox, image overlay effects, CSS3 (coded to work or degrade gracefully on old browsers), form elements, brandable footer, etc. Everything you would expect from a premium HTML framework.
• Extensive Documentation