Vaeshkar / udacityFrontendScholar2018

Project Reporistory

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

udacityFrontendScholar2018

Project Reporistory


Project 01 Animal Trading Card @ Added 2018.03.23


Description

It is a renewed and updated version of the Project Animal Trading Cards. As requested with rounded cordners and added an design concept. Not yet finished. Trying to finish my design fpr my Portfolio Website. ❤️

Trying to beat the clock. Started 1,5 Month later als the rest.


Project 02 Build a Portfolio Site @ Added 2018.04.01


Description

Create a porfolio site from scartch using all that has been learned in the first part of the Udacity Frontend Develement Nanodegree course. Using only HTML + CSS knowledge.

Concept and thoughts

On paper I designed 3 different viewports. Given the project mockup was designed in desktop (960px) I started with a desktop-boxmodel. After that was done I jumped down one viewport towards the tablet-boxmodel (768px) and changed some design isues I saw on paper. After the tablet model was set I continued towards the mobile-boxmodel (400px) and worked to set all elements in a single column.

Using the Flexbox model and design pattern: layout shifter. Hint: Lesson 14. Images used on the site should be using the tag so the browsers chooses the correctly generated images for each viewport. Hint: Free Course: Responsive Images, srcset.

About

Project Reporistory


Languages

Language:CSS 51.8%Language:HTML 48.2%