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.

20 Inspirational & Fresh One Page Web Designs

When a website doesn’t call for a lot of content or you want to think outside the box, it might be a good idea to go with the one page or (single page as it also is called) approach which allows the user to jump from one section to another. As we seen with the popularity of these sites as you can use jQuery or CSS3 Animation for example to create transitions and effects.

For you’re inspiration I’ve collected some really nice fresh examples of one page websites that use a whole array of creative design, effects etc

1. Cleek Design

2. Salty Knuckles

40+ New Handpicked Goodies For Web Developers & Designers For December 2012

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 such as plugins and themes, to some great jQuery plugins and some awesome apps for mobile, web and desktop that really deserves your attention to some great news items like my favourite domain registar (Namecheap) introduced some new TLD’s and Envato introduces a new site to they outstanding network and last but not least some free fonts and design files to download and use.

Javascript & jQuery Plugins

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.

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.

12 New 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. Whether you need to pick up a new JavaScript frameworks, looking for some new and useful apps. Inside today’s post you’ll find 12 New Resources For Web Developers.

1. Smooth.js

Smooth.js takes an array of numbers or vectors and returns a parametric function that continuously interpolates that array. Smooth.js supports several interpolation methods, and flexible options for boundary behavior.

Smooth.js is written in clean, easy-to-read CoffeeScript, and has no external dependencies. It is licensed under the permissive MIT license, so you can use it in just about any project.

26 New & Awesome Resources For Designers & Developers

Today’s post is for the web designers and developers who loves new web apps, frameworks, jQuery plugins, icons, productivity tools, responsive design resources. Many of the resources below that features in this post of are new & awesome that are free or very low cost and I’m sure that most of these are useful to a lot of designers and developers out there.

jQuery HTML5 Placeholder Plugin

The plugin adds cross-browser support for the HTML5 placeholder attribute functionality.

Top 11 CSS Frameworks For Creating Responsive Web Design

With devices like Smartphones and Tablets and bigger and bigger monitors introduced a concept in web design that has risen up during the late year of 2011 and that is responsive web design.

But what does responsive web design means? Let`s say that you have to build a website for a client and you want to do it based on a standard grid system, for example 960 grid system. And the client also wants versions of the website that fits smartphones such as iPhone and tablets like the iPad. You`re not going to build 3 different websites, instead you`re going to use a responsive grid system which adapts the website for all types of screen resolutions.

It’s all about adapting the dimensions of the website ( font-size, columns, images, etc) to different screen resolutions. The things which make all the magic are the CSS media queries. They’re the ones which tests which resolution the screen has and according to it, are changing the CSS to fit the screen.

Web Design & Development Trends For 2012

It’s no secret that trends do come and go but trends are a necessity in the development and growth of our profession. Trends are born, improved upon, and often generate from other trends. So as a designer or a developer when you apply these trends into your projects and forward and challenge yourself to expand upon them and make them your own.

1. CSS3 + HTML5

These two technologies will be used enormously this year then last year. As there are options like animated buttons, multiple backgrounds, box shadow, text shadow, rounded corners, mega drop-down menus, transparent images etc. all that with only CSS3.

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

8 Simplified Tools To Help With HTML5 Coding

HTML5 is an effective and increasingly used language for both developers and designers to use to structure and present content. Whether to make websites more functional and user-friendly, deliver video faster, or even build desktop level web applications. Here are 8 simplified tools for HTML5 coding:

1. Initializr

Initializr is an HTML5 templates generator to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template created by Paul Irish and Divya Manian. Initializr will generate for you a clean customizable template based on Boilerplate with just what you need to start.