Web Design

Layouts with Bootstrap 4: how to create a responsive web 2

Here we are with the second part of the guide: Layouts With Bootstrap 4 Horizontal alignment To align the columns horizontally we can use justify-content-value classes, which use the justify-content property of the flexible model: justify-content-start, to align to the left (default) justify-content-center, to align the center justify-content-end, to align to the right…

Category : Web design 08-12-2019 by Silvia Mazzetta

Layouts with Bootstrap 4: how to create a responsive web

Responsive or adaptable web design is a design methodology in which the appearance of the web page adapts to the resolution of the device with which it is being viewed, so we can have a unique design for computers, tablets or mobiles. To implement a responsive design we can make use…

Category : Web design 23-11-2019 by Silvia Mazzetta

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 admin admin

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 admin admin

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 admin admin

Download Free Photos and Public Domain Images: 13 websites

Free stock photos and images are very useful in every graphic project for web or print, especially if they are free. There are many websites where you can find royalty-free stock photos or Public Domain Images , but the problem is most free stock photos are of poor quality and low…

Category : Web design 29-07-2019 by admin admin

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 admin admin

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 admin admin

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 admin admin

Fullscreen Background Video HTML5 And CSS cross-browser

Full-screen Background Video is a way to present your website playing a video in the background without disturbing its content. It makes your website very modern and different. So, in this tutorial we will show you how to add fullscreen background video using HTML5 and CSS and make it compatible…

Category : Web design 26-11-2018 by admin admin

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 by admin admin

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 by admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 by admin admin

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 admin admin

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 by admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 by admin admin

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 admin admin