Articles, Blog

Sketch Tutorial: HTML and CSS Website Design Course

Hey, I’m Hunter from Skillthrive and in this course you’ll learn how to design a simple landing page in Sketch and then take that design to the web–creating a responsive site with basic HTML and CSS. As a bonus you’ll also learn how to create a pulse effect with animated
Continue Reading
Articles, Blog

The 6 Stages of a Web Design Project – UX Design Principles

Designing a website can be a long process, but it doesn’t have to be. I think it really comes down to what it is you want to achieve from the website. If it’s just a brochure website where you’re just kind of showcasing your products or your service it doesn’t
Continue Reading
Articles, Blog

Image file types (JPG, PNG, SVG, GIF) – Web design tutorial

Images and other graphics can often make or break a design. And we’ll start here with file types. And we’re going to focus on bitmap, GIF, PNG, JPEG, and SVG. Bitmap: Don’t use this on the web. GIF (or “JIF” depending on what part of the internet you’re from): It’s
Continue Reading
Articles, Blog

Advanced button styling – Web design tutorial

For Advanced Button Styling, we’re going to cover five different aspects: Button Alignment, Transparent Backgrounds, Hover Controls, Button Transitions, and Box Shadows. We’ll start with Alignment. And as we know, when it comes to buttons that are pressed up against each other, adding margin to both sides creates breathing room.
Continue Reading
Articles, Blog

Introduction to web design principles — The Freelancer’s Journey (Part 11 of 43)

Any time you hear someone say great design skills are just something you’re born with, stop listening at once. Fortunately, people who say that don’t comprise a particularly large population, and that’s a good thing because history is plagued with this kind of exclusivity. Some people think there are simply
Continue Reading
Articles, Blog

Web Design Tutorial For Beginners Using Photoshop

Hey what is up guys, my name is Cosmin and in today’s video I’ll show you how I did a redesign of a landing page. This project was done for an SEO agency that’s worked with some pretty big clients and wanted to leverage them to get some new leads,
Continue Reading
Articles

Embed a Google Map – Web design tutorial

The Map element gives gives us control over an embeddable map we can drop anywhere in a project. When you’re first setting up a project, you’ll need to add your Google Maps API key. So we’re going to break this into two sections: (1) we’ll cover integrating the Google Maps
Continue Reading
Articles, Blog

Element hierarchy, nesting, and style cascading – Web design tutorial

Hierarchy is one of those funny words which came from the Germans. Literally translated from 15th-century text, it means: “website levels.” In our Webflow projects, we’ll talk about hierarchy in three ways: 1. How objects nest inside of one another and become parents, children, siblings. 2. How text styling passes
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
Articles, Blog

Making my First Website in 2 Days!

Continue Reading