Web Design

20 Awesome Free Tools For Web Developers 2014

20 Awesome Free Tools For Web Developers 2014

If you’re a web designer or a front-end developer, you probably spend a lot of time writing mark-up.  Fortunatly, there are some great tools and projects on the web that can improve your next project easily and quickly. Today we have tracked down 20 brilliant free online tools for developers. We’ve…

Category : Web design   16-01-2014   by admin admin

318 USEFUL TWITTER BOOTSTRAP RESOURCES #6

318 USEFUL TWITTER BOOTSTRAP RESOURCES #6

How Tos Tutorials and Instructions on using Bootstrap Articles CUSTOMIZING BOOTSTRAP Tips and recommendations on getting started with LESS and Bootstrap customization. TWITTER BOOTSTRAP TUTORIAL Up and running with Twitter Bootstrap in 20 Minutes ADDING SWIPE SUPPORT TO BOOTSTRAP'S CAROUSEL Justin Lazanowski writes up how he was able to get Bootstrap's carousel working for touch/swipe…

Category : Web design   18-12-2013   by admin admin

How to Create simple 3D Models in Photoshop CS6

How to Create simple 3D Models in Photoshop CS6

The video tutorial above, will explain how to create a 3D postcard, how to wrap artwork around basic shapes such as cubes and soda cans, and how to create a depth map that will produce a solid 3D object. It will also explain how to manipulate and resize objects in 3D…

Category : Web design   13-12-2013   by admin admin

14 Christmas Inspired Photoshop Tutorials

14 Christmas Inspired Photoshop Tutorials

Here, we have listed 15 Christmas Photoshop tutorials couse the festive season that is just around the corner.   Check out the Christmas inspired Photoshop tutorials that assure to help all you designers a great deal to get the desired results. Scroll down and let us know which one of these inspired…

Category : Web design   13-12-2013   by admin admin

50 Most Useful jQuery Plugins of the year #4

50 Most Useful jQuery Plugins of the year #4

With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…

Category : Web design   12-12-2013   by admin admin

How to Make New Google Map Responsive

How to Make New Google Map Responsive

Nowadays static maps (drawn by the guy who works at the ‘art department’) aren’t really used anymore. Using google maps allows you to zoom in/out, get directions,  have a satellite view or even streetview There are many ways to include google maps and the most easy way is to use an…

Category : Web design   11-12-2013   by admin admin

How to make a Simple HTML5 Canvas Loader

How to make a Simple HTML5 Canvas Loader

Let's code an HTML5 Canvas Loader:  HTML Js var canvas = document.getElementById('demo'); var context = canvas.getContext('2d'); var start = new Date(); var lines = 16, cW = context.canvas.width, cH = context.canvas.height;   var draw = function() { var rotation = parseInt(((new Date() - start) / 1000) * lines) / lines; context.save(); context.clearRect(0, 0, cW, cH); context.translate(cW / 2, cH / 2); context.rotate(Math.PI * 2 * rotation); for…

Category : Web design   11-12-2013   by admin admin

Useful  list of common HTML meta tags

Useful list of common HTML meta tags

Basic HTML Meta Tags OpenGraph Meta Tags HTML Link Tags

Category : Web design   11-12-2013   by admin admin

25 HTML5 speed tips

25 HTML5 speed tips

Creating high-performance web sites or applications is essential for web developers. Jatinder Mann explains that the goal of a developer is to improve web performance by reducing 25 factors: Display time The most important objective is what we refer to as 'Display Time'. This has many names across the industry including 'time to…

Category : Web design   05-12-2013   by admin admin

Best 10 html5 animation tools for 2014

Best 10 html5 animation tools for 2014

Using animations is part of the web design routine. One of the latest innovation in web design is using Html5 animations to avoid the use of Flash. Html5 animation tools allows you to design and create simple animations that work particularly well with websites.  We have listed such tools for you to…

Category : Web design   29-11-2013   by admin admin

30 Best Graphic Design Books for Designers

30 Best Graphic Design Books for Designers

30 Best Graphic Design Books for Designers In this collection we've listed 30 Best Graphic Design Books for Designers, these books covers a variety of topics like Typography, Workshops, Color, Layouts, References, History, Logo Design, Freelancing and Pricing. We hope these Graphic Design Books inspires you for your future design projects! Enjoy!   1. Creative…

Category : Web design   28-11-2013   by admin admin

Moving from Illustrator to Photoshop without rasterizing

Moving from Illustrator to Photoshop without rasterizing

Up until recently the only way we knew how to get large groups of shapes from Illustrator to Photoshop without rasterizing them was to copy and paste each shape one by one. A tedious process isn't it?. Recently we experienced a method which takes less than a minute, regardless of how…

Category : Web design   04-11-2013   by admin admin

How Colors Affect Business: Colours speak louder than words

How Colors Affect Business: Colours speak louder than words

Color theory, also known as color psychology, can trace its roots to the 1490s, when Leonardo da Vinci wrote about it in his personal journals. Professional marketers today master the principles of color theory to lead prospective clients and customers into purchasing their products and services with such ease, that…

Category : Web design   27-08-2013   by admin admin

11 Free and Popular Thin Fonts (Commercial Use Allowed)

11 Free and Popular Thin Fonts (Commercial Use Allowed)

In today's post we bring together thin fonts which are really popular among designers.The below fonts are all free both for personal and commercial use. So why not download the ones you like? 1. Penna   Font Source   2. Znikomit   Font Source 3. JD Code   Font Source 4. Reswysokr   Font Source 5. Aaargh Font Source 6. RawengulkSans   Font Source 7.   Font Source 8. Crew Font Source 9. Caviar Dreams Font…

Category : Web design   26-08-2013   by admin admin

Learning web design: 29 Sites Producing Podcasts And Screencasts for web Designers And Developers

Learning web design: 29 Sites Producing Podcasts And Screencasts for web Designers And Developers

We’ve gathered some resources and sites that produce audio and video content for web designers and developers. Of course, most of them offer RSS and also iTunes subscription options. And you? Are you subscribed to any of the podcasts/screencasts I listed? If so, which ones? Please share your personal recommendations in the…

Category : Web design   22-08-2013   by admin admin

Weekly Fresh Resources for Designers and Developers: JavaScript, HTML & CSS – Week of August 12, 2013

Weekly Fresh Resources for Designers and Developers: JavaScript, HTML & CSS – Week of August 12, 2013

This is our weekly design news column where we share our favorite design related articles, resources and cool freebies from the past week. Enjoy :) Tutorials Raymond Camden shares a very cool proof of concept for drawing a shape on a map and getting back map data from Google Maps. Using Drawing Tools…

Category : Web design   21-08-2013   by admin admin

How to create Responsive Content Using CSS Regions

How to create Responsive Content Using CSS Regions

CSS Regions allow content to flow across multiple areas called regions.   With CSS Regions you can separate the content from the layout therefore you can create responsive content very easily. Let's see how. flow-into and flow-from The flow-into CSS property can be used to prevent some content from displaying normally, but rather have its display…

Category : Web design   21-08-2013   by admin admin

Evolution of HTML5: Past, Present & Future

Evolution of HTML5: Past, Present & Future

HTML5 is the next evolutionary step in the competitive web world. In web usage, it has infinite possibilities and usages. Surpassing all the obstacles of its predecessors, it comes with improvised language and support. It is comprehensive to most of the present media devices and compatible with recent browsers. The infographic…

Category : Web design   20-08-2013   by admin admin

Bootstrap 3 RC2 released

Bootstrap 3 RC2 released

Bootstrap just cut a new release for Bootstrap 3, RC2. It's a big release as lots has changed, but that should all be for the better. From the official Blog: Key changes from RC1 Without listing all the minor changes (there have been over 500 commits since RC1!), here's a quick overview…

Category : Web design   14-08-2013   by admin admin

10 Incredible HTML5 Experiments

10 Incredible HTML5 Experiments

Today we have a collection of 10 incredible and impressive HTML5 canvas and java-script experiments. Enjoy! 1. Coil   2. Canvas ribbon & iOS4.2 device orientation   3. Sketch   4. Fight or Flight? (HTML5 game)   5. Conductor   6. Z type   7. webGL water     8. Fish   9. Asteroids – HTML5 Canvas and JavaScript game   10. Chrysaora  

Category : Web design   14-08-2013   by admin admin

HTML5 Popularity Among Fortune 500 Companies

HTML5 Popularity Among Fortune 500 Companies

INCORE conducted research measuring how fast Fortune 500 companies are adapting to latest web standards. Among it's findings we learn that over 30% of Fortune 500 companies use the latest HTML doctype and that the readiness to invest in new technologies might correlate with companies' profitability. Here's the results of the…

Category : Web design   14-08-2013   by admin admin

Is Lorem Ipsum Useful? 25 Useful and funny Lorem Ipsum Generators

Is Lorem Ipsum Useful? 25 Useful and funny Lorem Ipsum Generators

Lorem ipsum represents a long-held tradition for designers, typographers and the like. Some people hate it and argue for its demise, but others ignore the hate as they create awesome tools to help create filler text for everyone. Is Lorem Ipsum Useful? John McGarvey writes the following for .Net Magazine: “Latin placeholder text isn’t…

Category : Web design   31-07-2013   by admin admin

318 useful twitter bootstrap resources #5

318 useful twitter bootstrap resources #5

Tools and Services for Twitter Bootstrap Additional items to make Bootstrap Development Easier and Faster Devtools BOOTSTRAPTOR Free templates and wireframes for Bootstrap BOOTPLY A Bootstrap playground - sandbox for Twitter Bootstrap. Use Bootply to design, prototype, extend, or test the Bootstrap framework. MODERNMAIL Build email templates with Bootstrap BOOTSTRAP-IE7 IE7 shim for adding support in…

Category : Web design   30-07-2013   by admin admin

14 Twitter Bootstrap wireframes and GUI templates for web designers

14 Twitter Bootstrap wireframes and GUI templates for web designers

In this article we have collected a selection of 14 wireframe and GUI templates that have all been designed for Bootstrap. They are in various formats (psd, ai, png…) and available for different applications like Photoshop, Fireworks, Illustrator... 1. Bootstrap v2.0 GUI (.psd)   Full customizable graphic user interfaces templates A perfect start to…

Category : Web design   26-07-2013   by admin admin

26 Essential WordPress plugins

26 Essential WordPress plugins

With so many plugins available, finding the best WordPress plugins can be hard and time-consuming! That is my motivation for gathering this comprehensive collection of 26 Essential WordPress plugins. Enjoy! 1. WP DB Backup WP DB Backup is an easy to use plugin which lets you backup your core WordPress database tables…

Category : Web design   22-07-2013   by admin admin

20 Free Flat Design Resources for Web Designers

20 Free Flat Design Resources for Web Designers

Flat Design is a new trend in the web design/development community as an interface striking similar to Windows 8 and Microsoft’s Metro UI. Minimalism is a big part of this design idea, and you can see how popular these trends have become in recent months. Flat website design is a brilliant concept…

Category : Web design   19-07-2013   by admin admin

50 WordPress tutorials for designers and developers

50 WordPress tutorials for designers and developers

Wall Street Journal, Ford, Sony, Katy Perry, GigaOM, CNN. Well-known brands. What do they all have in common? Although you probably won’t find this tagline on their sites anymore, under the hood they are “Powered by WordPress”. As we all know, WordPress is the world's most popular publishing platforms that powers…

Category : Web design   17-07-2013   by admin admin

12 Must Read Tips and Tricks For Web-Design And Web-Dev Addicts

12 Must Read Tips and Tricks For Web-Design And Web-Dev Addicts

Today, websites are often sophisticated and complex. Web sites often act as business partners, perform complex tasks that help run and even improve a business or personal enterprise. Most programmers are not just desktop programmers , web programmers or scripting gurus – often have to master many different skills. Over time, most software…

Category : Web design   16-07-2013   by admin admin

How to use Asynchronous AdSense Ads with Responsive Design

How to use Asynchronous AdSense Ads with Responsive Design

We know that JavaScript affects the loading time of our web pages. That’s because when we include JavaScript code in our HTML web page, the browser will download and execute the script first before it can render the other HTML tags that come after the script. Steve Souders, the Head Performance Engineer at…

Category : Web design   15-07-2013   by admin admin

How To Rock Your Next Bootstrap Project

How To Rock Your Next Bootstrap Project

Bootstrap, released in August of 2011, it is still the most popular GitHub development project with over 52k stars and over 16k forks. Twitter’s Bootstrap helps you build beautiful web apps quickly. It provides a variety of CSS and JavaScript for making layouts, navigation, forms and a lot more and it even…

Category : Web design   15-07-2013   by admin admin