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
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
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
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 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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Basic HTML Meta Tags OpenGraph Meta Tags HTML Link Tags
Category : Web design 11-12-2013 by Janeth Kent
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