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.
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.
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
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.
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.
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.
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.
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:
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.