Web Design

The Best Free Online Photo Editing Sites

Modern cameras can make digital photography seem very easy, and even the most basic models will often produce crisp, clear photos. We generally use Adobe Photoshop or other graphics applications to make some photo effects or photo editing. But what if some of you dont have Adobe Photoshop or any other applications…

Category : Web design   06-06-2019  

The Bible of Responsive Web Design

You've decided it's time for a new website, and you know that making it responsive will ensure that all users have a great experience, regardless of what device they are using. Responsive web design, or RWD for short, is here to stay. It's rapidly maturing but not without some serious pitfalls for…

Category : Web design   23-05-2019  

Monthly News for Designers, November 2015

Today we inagurate our monthly design news post in which we will share our favorite design related articles, resources and freebies of the month. Free Icons & Templates Freebie: 100 Google Material Icons for Sketch. Freebie: Animaticons – Beautiful, Customizable Animated GIF Icons. Freebie: Branding Identity Mockup (PSD). Learning Resources, Tutorials & Tips Stretchy Navigation in CSS and jQuery by CodyHouse. Blueprint: Multi-Level Menu by…

Category : Web design   07-02-2019  

Top 12 free JavaScript resources for advanced users 

If you have a strong knowledge in programming and want to improve your JavaScript skills or you want a good reference book then this list is for you. We've put together a list of 12 of our favorite JavaScript free book to help save you time and energy along the way.…

Category : Web design   16-01-2018  

How to make SVG images code responsive

For an image format that features infinite scalability, SVG can be a surprisingly difficult format to make responsive: vector images do not adjust themselves to the size of the viewport by default. Make A Responsive SVG Image As an image, you can make a SVG vector illustration scale with the page content…

Category : Web design   23-11-2017  

Top 7 UX Tools of 2017

In this years we see a surge in new tools and technology to make our marketing and creative lives easier. UX tools also continue to grow . Today we have listed 7 tools and resources to add to your workflows for 2017. 1. UX MAP An Axure RP library to create compelling UX documentation in no time. Add…

Category : Web design   11-07-2017  

Top Ideas for Creating Website Content

Creating a fantastic website that impresses all of your visitors comes down to much more than choosing a WordPress (or alternative) theme template and uploading the best plugins. You can have all of the best features that are available, but if you are putting content onto your website that isn’t…

Category : Web design   18-05-2017  

8 best free, web-based CSS optimizers/compressors and code formatters

Keeping your CSS files small and organized is very important, especially if you're going to spend any time editing your site in the future, (or if others are gonna be using the code i.e. clients). Helpfully, there are a number of different techniques which can be utilized to aid organization…

Category : Web design   15-05-2017  

A Useful Collection Of CSS3 Generators

These tools can really relieve developers work in many ways. CSS generators are available in such large numbers that a developer can choose from a range of them to make their projects go smoother. Here is the collection of useful and handy CSS to generators that every developer should know about.…

Category : Web design   15-12-2016  

11 Guides for Front-end Developers

Enjoy our Guides series for for Front-end Developers and don’t forget to let us know in the comments of any others that we haven’t yet included. 1. Can I animate…? Can I animate?” is a site inspired by Can I use, but focused specifically on CSS animations and transitions. The aim is to provide…

Category : Web design   12-12-2016  

Ideas shaping web design today

Web design in order to succeed needs two things: innovation and imitation. Unfortunately, the last one often wins. Web designers love to learn, study and use the latest trends, and then look desperately for the next big thing. Think about sliders. They were trendy" couple years ago. Today, they feel dated. What to do?…

Category : Web design   22-02-2016  

6 Free Film Effect Photoshop Actions

Film and graphic lovers rejoice! Today we give us this little pack film effect Photoshop actions!  Photoshop actions allow designers to automate common sequences for increased efficiency. If you do much work with photo editing you can certainly benefit from the time saved by having some good library of Photoshop actions.  There…

Category : Web design   11-12-2015  

Top 10 Freebies For Designers of 2015

My grandmother always says, “Nothing in life is free.” In a way, she was correct. Even (some) Google products – considered free – are ad-supported.  Freebies be it any kind of tools, mockups, templates, fonts are much loved by the designers around the globe.  Reason being that firstly these help ease their…

Category : Web design   10-12-2015  

The most popular fonts used by designers

Fonts represent an important part of our project. With this post we want to present you the most popular fonts used by top designers and professionals from all over the world. Have we missed one of your old time favorites? Go ahead and add it in the comments area. 1. Helvetica 2. Trajan 3. Garamond 4.Futura 5.…

Category : Web design   19-11-2015  

Learning web design: 13 e-books

E-books are great way to learn more about web design. E-books can truly provide you a fountain of knowledge of information and there’s a lot to be learnt. There are now e-books available on almost every aspect of design, from planning your business and managing your time, to designing web applications.…

Category : Web design   06-11-2015  

Best Color Tools of 2015

Creating a colour scheme is essential to good design. We've gathered together some fantastic tools to help you perfect your colour choices. We've make a list of some fantastic tools to help your colour choices. 1. Adobe Colour CC 2. Check my Colours It is a tool for checking foreground and background color combinations of all…

Category : Web design   23-10-2015  

5 High Quality Tutorial Sites to Learning Design

Are you looking for a good source of free tutorials for illustration, 3D design, web design, app design and more? Here are 5 great and usefull sites. 01. Drawspace Drawspace is more than just another art website; it's an international community of over 320,000 drawing enthusiasts, professional artists, art educators, and authors of…

Category : Web design   27-06-2014  

8 AWESOME HTML5 ANIMATION TOOLS

GOOGLE WEB DESIGNER Google has launched Google Web Designer, a new beta app CreatING engaging, interactive HTML5-based designs and motion graphics that can run on any device. The Windows and Mac app aims to streamline the post-Flash online world with the option of code or graphical animation creation, for those of…

Category : Web design   29-05-2014  

200+ sites, apps & books for designer

Web design can be tough for a lot of reasons. But the biggest challenge is probably that there are so many ways to approach a problem. Dan Edwards has written this awesome guide for any designer looking for resources for their web projects. You can find stuff and publish updates via Dan's…

Category : Web design   06-05-2014  

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').bind('click.smoothscroll',function (e) { …

Category : Web design   13-02-2014  

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…

Category : Web design   16-01-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  

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  

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  

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  

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  

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  

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  

Useful list of common HTML meta tags

Basic HTML Meta Tags OpenGraph Meta Tags HTML Link Tags

Category : Web design   11-12-2013  

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