Web Design

10 Metro Bootstrap Templates

As an open source project Bootstrap continues to evolve, with 2.2.1 the latest version released recently, it has significant grounding in the development community, and is described by some as rapidly becoming the ‘jQuery of HTML frameworks’. Within a few months of its launch, the project grew to be the…

Category : Web design   18-09-2019   by Janeth Kent

Modular CSS with Media Queries and Sass

Most developers nowadays are recognizing that if you’re developing large applications that have different views and states, it is best to take a modular or object-oriented approach to your CSS development. When you throw media queries into the mix, however, the you can lose some of the benefits of modularity…

Category : Web design   23-08-2019   by Janeth Kent

The Meaning of Colors in web Design. A little bit of psychology

The Meaning of Colors in web Design. A little bit of psychology

Color psychology is one of the most talked about and interesting parts of psychology. The idea that some colors evoke feelings and emotions. In fact, this color helps buy the most attractive product. You invest a great deal of time and money to create a convincing website design to increase…

Category : Web design   05-08-2019   by Janeth Kent

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   by Janeth Kent

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   by Janeth Kent

Monthly News for Designers, November 2015

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   by Janeth Kent

Free Christmas 2017 Resources for Designers

Free Christmas 2017 Resources for Designers

Christmas is coming! We all know that designers will be starting to plan the design of new templates, cards, banners invitations, wallpapers and everything else in between that is Xmas related. So, just to help you we have chosen some resources: llustration templates and backgrounds, invitation templates and Christmas Badges &…

Category : Web design   21-11-2017   by Janeth Kent

HTML5 CheatSheet

HTML5 CheatSheet

HTML5 Cheat Sheet   Cheat Sheet via Make a Website Hub DOWNLOAD A4 PDF OF THIS HTML 5 MEGA CHEAT SHEET HERE!  

Category : Web design   01-10-2017   by Janeth Kent

Top 7 UX Tools of 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   by Janeth Kent

Top Ideas for Creating Website Content

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   by Janeth Kent

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

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   by Janeth Kent

How to Have a Website That Brings Excitement to the Accounting Industry

How to Have a Website That Brings Excitement to the Accounting Industry

A website doesn’t need an animated flash introduction in order to get visitors to stick around and find out what else you have in store for them. Web designers have been saying for years that all professionals need a website to advertise their services, and they’re finally listening. The problem…

Category : Web design   24-04-2017   by Janeth Kent

11 Guides for Front-end Developers

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   by Janeth Kent

6 Free Film Effect Photoshop Actions

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   by Janeth Kent

Top 10 Freebies For Designers of 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   by Janeth Kent

The most popular fonts used by designers

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   by Janeth Kent

Learning web design: 13 e-books

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   by Janeth Kent

Best Color Tools of 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   by Janeth Kent

5 High Quality Tutorial Sites to Learning Design

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   by Janeth Kent

8 AWESOME HTML5 ANIMATION TOOLS

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   by Janeth Kent

10 jQuery snippets every developer should know 

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   by Janeth Kent

50 Most Useful jQuery Plugins of the year #5

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   by Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

page=2 Clicky