Articles, Blog

Centering elements with flexbox – Web design tutorial (using the Old UI)

Until recently, vertically centering a child element inside a parent element required absolute positioning, transforming along the y-axis, and a graduate degree in materials engineering. With Flexbox, centering is straightforward and highly effective. We’ll do this with a single element, then we’ll do it again with multiple elements, then we’ll
Continue Reading
Articles, Blog

Equal-height layouts with flexbox – Web design tutorial (using the Old UI)

Here are three div blocks, each containing content. Each div block has the same class applied: Pricing Block. Let’s say we want to sit them side-by-side. We can actually use our container element here. Let’s drag that in. And we’ll create a class — let’s call it Flex Container (you
Continue Reading
Articles, Blog

Flexbox layouts for beginners – Web design tutorial (using the Old UI)

Flexbox — which we’ll often refer to as “flex”, “flexible box layout”, or “magic” — is an extremely powerful layout tool which gives us precise control over elements in a box. This lesson is an intro to Flexbox, which is why we’ve named it Intro to Flexbox. Instead of going
Continue Reading
Articles, Blog

Layering elements with z-index – Web design tutorial (using the Old UI)

Even for 2D elements, our third dimension, the z-axis, represents stacking order. In other words, what elements stack or overlap on top of other elements? Changes to z-index don’t actually move our elements. This isn’t controlling real depth. But z-index does help us position elements when we stack them. Essentially,
Continue Reading
Articles

Overlap on the Web, Graphic Design Made Easy with CSS Grid

Continue Reading
Articles, Blog

Customize Your YouTube Channel Homepage for More Subscribers

– Did you know that your YouTube channel homepage could affect the amount of views and subscribers that you’re getting? And if it’s set up properly, you could grow your channel faster. Let me show you how to set up your YouTube channel homepage so you can start getting more
Continue Reading
Articles, Blog

The Art of Web Design | Off Book | PBS Digital Studios

It’s important to remember when designing a website what purpose it’s going to serve in people’s lives. Creating a very simple easy to use, easy to understand experience, that’s the challenge of designers. It really comes down to understanding that someone is a person on the other end of the
Continue Reading
Articles

The box model for beginners web design tutorial

This is a basic webpage. It’s plain, and we can obviously see it’s made of up a heading, some filler paragraphs, a few images, and some illegibly small buttons. The box model is the simple idea that each of these HTML elements is treated as a box — you can
Continue Reading