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
How to save and edit photos in WebP format in GIMP
When working with our own images or those of others, there are many photo-editing programs we can make use of. These solutions help us to convert, retouch, or enhance our photos in a more or less advanced way. Here we can mention programs such as Photoshop or GIMP, two of…
Category : Web design 17-05-2020 by Silvia Mazzetta
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
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
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 Janeth Kent