Web Design

Alternative tools for graphic design

There are many people today who only use the following for design purposes Canva as it is a really popular software and website and there is no denying that it has a great performance and a lot of content to work with. But depending on your needs, or in the long…

Category : Web design   06-07-2023   by Laura Celis Ballesta

Boost Your Productivity with These Essential CSS Generator Tools for 2023

In the ever-evolving landscape of web development, CSS remains an indispensable language for creating stunning and engaging user interfaces. Crafting visually appealing projects with CSS often entails writing extensive lines of code, demanding meticulous attention to detail. While writing impeccable CSS is essential, the process can be time-consuming, hindering productivity…

Category : Web design   28-06-2023   by Janeth Kent

Discover 20 Amazing Free Flat Design Resources for Web Designers

In the world of web design, flat design has gained immense popularity for its clean and minimalist aesthetic. If you're a web designer looking to enhance your projects with sleek and modern visuals, you're in luck! We've curated a list of 20 incredible free flat design resources that will take…

Category : Web design   28-06-2023   by Janeth Kent

How to Design a Logo: A 5-Step Process

Creating a remarkable logo requires a well-structured design process that guarantees outstanding results. In this article, we will outline a five-step logo design process that has proven effective for many designers. While individual designers may have their own approaches, it is essential to follow a meticulous design process to efficiently…

Category : Web design   14-06-2023   by Janeth Kent

5 Simple Landing Page Optimization Tips

A well-optimized landing page is a crucial component of any successful online marketing campaign. It serves as the first point of contact for your potential customers, often determining whether they stay and explore your website or leave immediately. To maximize conversions and improve the overall user experience, it's essential to…

Category : Web design   08-06-2023   by Janeth Kent

Let's create a Color Picker from scratch with HTML5 Canvas, Javascript and CSS3

HTML5 Canvas is a technology that allows developers to generate real-time graphics and animations using JavaScript. It provides a blank canvas on which graphical elements, such as lines, shapes, images and text, can be drawn and manipulated with great flexibility and control. Here are some key concepts about HTML5 Canvas: 1. Canvas…

Category : Web design   01-06-2023   by Janeth Kent

10 Tools for Evaluating Web Design Accessibility

Web design accessibility plays a vital role in ensuring that websites are inclusive and usable for all users, regardless of their abilities or disabilities. Evaluating the accessibility of web design is crucial to identify and address potential barriers that may hinder users' access to information and services. Thankfully, there are…

Category : Web design   29-05-2023   by Janeth Kent

How to save and edit photos in WebP format in GIMP

GIMP (GNU Image Manipulation Program) is a powerful open-source image editing software that provides a wide range of features and tools. While GIMP initially lacked native support for WebP format, the latest versions have integrated WebP support, making it easier than ever to save and edit photos in this efficient…

Category : Web design   29-05-2023   by Silvia Mazzetta

Loading images by resolution with HTML5

Normally the way to load images in HTML is through the img element to which we pass as a parameter the URL of the image to load. But since HTML5 we have the picture element that helps us to make it more efficient and load images by resolution with HTML5. That…

Category : Web design   20-12-2022   by Janeth Kent

How to make your own custom cursor for your website

When I started browsing different and original websites to learn from them, one of the first things that caught my attention was that some of them had their own cursors, so I investigated how to incorporate it into my website. Today I bring you a simple version of a custom cursor…

Category : Web design   08-06-2022   by Nadal Vicens

Open source web design tools alternatives

There are many prototyping tools, user interface design tools or vector graphics applications. But most of them are paid or closed source. So here I will show you several open source options for you to try and use the one you like the most.   Penpot    Penpot is the first open source design…

Category : Web design   03-06-2022   by Nadal Vicens

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   28-10-2021   by Janeth Kent

Use the SRCSET attribute to improve your SEO

There is a new standard HTML attribute that can be used in conjunction with IMG called SRCSET. It is new and important as it allows webmasters to display different images based on the size of the device, and without using javascript or other special code. This means we can serve…

Category : Web design   30-04-2021   by Silvia Mazzetta

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

Graphic design and its impact on Web Development

In today's article we will explain the concept of graphic design, its fundamentals and what it brings into web development. Graphic design is applied to everything visual, believe or not, it can aid in selling a product or idea, it's applied company identity as logos, colors, typography of the company…

Category : Web design   05-04-2021   by

Cross cultural challenges in web design, an overview

The user experience design of a product essentially lies between the intentions of the product and the characteristics of your user. - David Kadavy - The task of building a culturally appropriate website for a new market can be challenging: in this article we are going to talk about the impact of national…

Category : Web design   21-12-2020   by Maria Antonietta Marino

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   07-12-2020   by Janeth Kent

20+ Useful Web Development Tutorials For All Novices

The way to learn programming has changed over the years from a simple hobby to a career. Today it is possible to learn to program completely free online. Gone are the days when learning to program was reserved for a few or cost a considerable amount of money. Even if you…

Category : Web design   10-09-2020   by Janeth Kent

200+ sites, apps & books for designer

Design is fundamental to any digital strategy. We are in a digital era where visual stimuli make the difference when the user makes a decision. It is necessary that when faced with a good idea there are creative elements that differentiate us from the competition and attract our audience in…

Category : Web design   10-09-2020   by Janeth Kent

How Colors Affect Business: Colours speak louder than words

Color theory, also known as color psychology, can trace its roots to the 1490s, when Leonardo da Vinci wrote about it in his personal journals. Professional marketers today master the principles of color theory to lead prospective clients and customers into purchasing their products and services with such ease, that…

Category : Web design   27-08-2020   by Janeth Kent

The 6 Essentials for Creating a Visually Appealing Web Design

Creating a website might seem like a simple thing. After all, what do you really need besides a good hosting provider and relevant content, right? Well, the reality is quite different. Things might have worked like that in the past, but they are quite different now.   The internet is advancing, and…

Category : Web design   25-08-2020   by Silvia Mazzetta

A Collection of Essential WordPress Plugins

With so many plugins available, finding the best WordPress plugins can be hard and time-consuming! That is my motivation for gathering this comprehensive collection of Essential WordPress plugins. Enjoy! WP DB Backup WP DB Backup is an easy to use plugin which lets you backup your core WordPress database tables just by…

Category : Web design   21-08-2020   by Janeth Kent

The importance of building a responsive website and targeting the mobile audience

What are the changes reshaping the IT industry? The most significant one is the trend of using tablets, smartphones, and other mobile devices to access internet. This trend is the proof of technological revolution and is affecting greatly the web designers to follow some responsive approach for website creation. Google’s recommendation…

Category : Web design   15-06-2020   by Silvia Mazzetta

How to use AdSense with Responsive Design

After some time publishing interesting information on your website, it is normal that you want to make a profit. One of the most widely used systems is Adsense, a Google service that allows you to display advertising on your website to generate income. An income that will depend on the number…

Category : Web design   23-05-2020   by Janeth Kent

Top Resources For Bootstrap

Bootstrap is an interactive front-end web development framework, designed to facilitate the development of applications and other elements. The latest version of Bootstrap, Bootstrap 4, combines JavaScript, HTML and CSS allowing you to create an active, fast and efficient web page. The design of a responsive web page is one…

Category : Web design   17-05-2020   by Janeth Kent

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 only  HTML5 and CSS and make it…

Category : Web design   10-05-2020   by Silvia Mazzetta

Transform A Simple Website in Vibrant Ecommerce Portal

Web Design with respect to internet has never been limited to any barriers or disciplines, which is why attractive design in combination with online marketing has successfully created something known as ‘Ecommerce’. Readying an ecommerce portal is much more than just development or designing alone, it includes enough brain-work too.…

Category : Web design   04-05-2020   by Silvia Mazzetta

The Best Websites where you can Download Free Photos and Public Domain Images

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   22-04-2020   by Janeth Kent

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

Clicky