profile
Improving Everyday
post-thumbnail

Omnifood Project #4 ~ 'How-It-Works' Section

The how-it-works section is a component that is built in order to guide users step-by-step on how to use the service provided on the website.

2021년 11월 9일
·
0개의 댓글
·

Omnifood Project #3 ~ Building the Header and Navigation

After building the hero section, I moved on to create a header and a navigation component using the contents given prior to this exercise.In order to

2021년 11월 3일
·
0개의 댓글
·
post-thumbnail

Omnifood Project #2 ~ Building the Hero

I began by first building the hero section of the website. A hero section is very important because it is the first thing that users will see when the

2021년 10월 26일
·
0개의 댓글
·

Omnifood Project #1 ~ Getting Prepared

Starting today, I will be clone-building a website known as 'omnifood'. Everything I do for this project will be fictinoal and will not be tranformed

2021년 10월 22일
·
0개의 댓글
·
post-thumbnail

The Process of Building a Website

Define WHO the website is for. Is it for yourself? For a client of your agency or your freelancing business?Define WHAT the website is for. In other w

2021년 10월 19일
·
0개의 댓글
·

Building a Web Application Layout

When we want to build a good looking website, it is VERY VERY important to structurally build the entire web application layout. This is an important

2021년 10월 14일
·
0개의 댓글
·
post-thumbnail

Building a Hero Section

A hero section is the area that is immediately shown when the user visits a website. This section of the website should be able to introduce the overa

2021년 10월 13일
·
0개의 댓글
·

Building a Table Component

Although the table component is not used as commonly as other components, it is still important to know how to make one. There may be times when you m

2021년 10월 7일
·
0개의 댓글
·

Building an Accordion Component

Today, I attempted to clone-code a type of layout known as an accordion. An accordion is a vertically stacked list of headers that can be clicked to r

2021년 10월 3일
·
0개의 댓글
·

Web Design #10 - User Experience (UX)

Difference Between UI and UX? UI and UX are familiar terms that people have heard often in various settings. But, what exactly do they mean? User In

2021년 9월 27일
·
1개의 댓글
·
post-thumbnail

Web Design #3 - Colors

Just like text, color is one of the most important parts of what makes an excellent web design. Its role is to get attention, convey meaning, tell a s

2021년 9월 13일
·
1개의 댓글
·
post-thumbnail

CSS #7 ~ CSS Grid

CSS Grid is a CSS property for building 2-dimensional layouts in webpages. The main purpose of CSS grid is that a container element can be divided int

2021년 9월 6일
·
1개의 댓글
·
post-thumbnail

CSS #6 ~ Flexbox

Flexbox is a set of CSS properties for building 1-dimensional layouts in webpages. The main purpose of flexbox is that empty spaces inside a container

2021년 8월 29일
·
1개의 댓글
·
post-thumbnail

CSS #5 ~ Floats

Float is a CSS property used to place an element on either the left or the right side of a container which allows text and inline elements to wrap aro

2021년 8월 26일
·
1개의 댓글
·
post-thumbnail

CSS #4 ~ Building Layouts

If you are trying to build a website using HTML and CSS, it is very crucial to know how to build layouts in webpages. Layout is the format in which te

2021년 8월 24일
·
1개의 댓글
·
post-thumbnail

CSS #3 ~ CSS Theories

In HTML and CSS, we can use various kinds of selectors to efficiently add CSS properties onto HTML contents. But, if we make all the selectors to sele

2021년 8월 16일
·
2개의 댓글
·

CSS #2 ~ CSS Properties

Because CSS is meant for styling contents created by HTML, it contains a variety of tools for developers to use.

2021년 8월 11일
·
1개의 댓글
·
post-thumbnail

CSS #1 ~ What is CSS?

2021년 8월 8일
·
1개의 댓글
·