Web Design

10 jQuery snippets every developer should know 

For this post, we would like to share with our readers 10 JQuery Code Snippets which we’ve collected that users can copy and paste directly into their themes by which to create some nice visual effects which will spruce up your website. Enjoy ! 1. Smooth Scrolling for Internal Links $('a[href^="#"]').bind('click.smoothscroll',function (e) { …

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…

50 Most Useful jQuery Plugins of the year #5

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…

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…

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…

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…

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…

How to make a Simple HTML5 Canvas Loader

Let's code an HTML5 Canvas Loader:  HTML <canvas id="demo" height="400" width="400" style="background:#000;" /> 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 /…

Useful list of common HTML meta tags

Basic HTML Meta Tags <meta name="keywords" content="your, tags"/> <meta name="description" content="150 words"/> <meta name="subject" content="your website's subject"> <meta name="copyright"content="orgpany name"> <meta name="language" content="ES"> <meta name="robots" content="index,follow" /> <meta name="revised" content="Sunday, July 18th, 2013, 8:15 pm" /> <meta name="abstract" content=""> <meta name="topic" content=""> <meta name="summary" content=""> <meta name="Classification" content="Business"> <meta name="author" content="name, [email protected]"> <meta name="designer" content=""> <meta name="copyright" content=""> <meta name="reply-to" content="[email protected]"> <meta name="owner" content=""> <meta name="url" content="http://www.ma-no.org"> <meta…

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…

CSS

Useful Tutorials on SVG & CSS3 Animation

There isn't just one way to do SVG and CSS3 animations. Animation is one such area which has been quite…

The CSS Grid Explained in 7 Minutes (with diagrams and code)

A quick and easy high level introduction to the main concepts of CSS Grid given by Morten Rand-Hendriksen at Wordcamp…

CSS Media Queries for iPad and iPhones

Many times We have had to design responsive websites targeting specific devices with CSS media queries, and not just base the…

The Best CSS Frameworks for Material Design

Material design is the googles new design practice, it is mobile first approach design system created by Google. The idea…

We use our own cookies and third-party cookies to improve our services, show products based on your preferences, analyse the browsing habits of our users, and enable interaction with social networks. Continuing to browse our sites implies full acceptance of their use. You can change your cookie setting or get more information here: Cookies policy .