www 101

All you need to know about the internet

Have a Question?

If you have any question you can ask below or enter what you are looking for!

All posts in Web Design

How to Use Stock Video in Web Design

In 2017, during the peak of the “pivot to video” craze, I worked as an editor for a digital publication. This movement began with a big restructure at MTV to focus on video and de-emphasizing long-form journalism. After a few studies made hyperbolic claims about the no-fail success of video, . . . Read more

How to Design Minimalist and Functional UI

Minimalism is defined as being a “style or technique characterized by extreme spareness and simplicity”–-in other words, reducing a set of components to the minimal amount necessary to produce the desired effect. This can mean cutting back on unnecessary elements and only keeping what’s strictly necessary for the functioning of . . . Read more

How to Enhance Your Website With Motion Graphics

Movement has long been one of the most powerful ways to make a website stand out. It has evolved to the point where designers now have a wide variety of options, ranging from simple microinteractions all the way to full-screen video backgrounds. Along those lines, motion graphics have become a . . . Read more

How to Help Your Users Deal With Design Changes

Dealing with change isn’t easy, especially if users have become adjusted to a particular way of doing things. Introducing change through UI updates or even a wide reaching design overhaul can be tricky. Here are a couple of things to expect when introducing change to your user base. 👎 Change . . . Read more

3 Ways to Create Angled Edges With SVG

In this tutorial you’ll learn three ways to create easy angled edges using SVG. To begin with we’ll use an inline SVG, then we’ll use an SVG background on a pseudo-element, before finishing off with a Sass mixin. Let’s dive in! Watch the Screencast Angled What? When I say “angled edges” . . . Read more

How to Practice Immersive Empathy in Design Thinking

In our previous article we discussed the basics of design thinking. In this article we’ll learn how to handle the first stage in that process: empathy. So let’s first remind ourselves where it sits in the Hasso-Plattner Institute of Design’s proposal: Image source: Interaction Design Foundation An Exercise in Empathy . . . Read more

Save Time With the CSS “grid” Shorthand Property

In past tutorials we’ve learned how to set up a grid, defining its explicit properties (like grid-template-columns and grid-template-areas) and even some of its implicit properties (like grid-auto-columns). In this tutorial we’re going to look at the shorthand property grid which quickly deals with all of the above in a . . . Read more