When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Development
SkillShare logo

Code your own portfolio – HTML & CSS basics

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography. Explore thousands of engaging courses and develop new skills at�your�own�pace!

     0 |
  • Reviews ( 0 )
Free
Code your own portfolio – HTML & CSS basics

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon3 hours 2 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Code your own portfolio – HTML & CSS basics

Intro

HTML basics

First exercise in HTML

First steps with CSS

Playing with more CSS properties

Starting our portfolio project

Building remaining sections and elements in HTML

Web Typography

Placing elements on the defined grid

1/2 Placing elements on the defined grid

2/2 Placing elements on the defined grid – part 1.

Building the navigation

Tweaking the header

Adding background image and box shadow

Styling the list & project sections

Styling the footer

Styling navigation

CSS transition function

Summary of the course

What You Will Learn?

  • In these classes we’re going to code designer’s portfolio which means that we’re going to learn HTML & CSS basics by implementing the layout step-by-step. .
  • The goal of these classes is to show you that code is a great tool for UI & UX designers to express their ideas in the real environment for their projects which is a web browser. .
  • After the course you’ll be able to better handoff your projects to developers and better speak their language. .
  • Have ever tried tweaking existing HTML templates for Wordpress? This course is going to help you to easily adjust them to your needs..
  • What your going to learn:.
  • Who is this course for?.
  • The course is dedicated for UI & UX designers who would like to start learning HTML & CSS by practical examples.  .
  • Prior coding knowledge is not required. We will cover basics step by step, so you will be able to follow along. .
  • –––––––––––––––––––––––––––––––––––––––––––––––––.
  • Don't hesitate to check out my other classes devoted to coding, animations on the Web and CSS in general :).
  • –––––––––––––––––––––––––––––––––––––––––––––––––.