Front-end Development Step by Step

CSS Study

💡 INTRODUCE

It is a place where I stored my work + assiggments dring my study at Fast Campus.
Essential skills and concepts includes following:

• CSS styling

• Pseudo-element

• web typography

• baseline

• grid system

• animation

• CSS shape

• float

• position

• flexbox

• mediaquery

• responsive

• mobile first

• em, rem, %, vw, vh

• box model

• SASS

• modules

• vertical rhythem

• gulp automation

🌜 Some of my work samples

Please check out my [gh-pages] (https://github.com/jistudio/My_CSS_STUDY/tree/gh-pages) to see more work samples, code and project details.

1 Responsive Website Indulge with CSS Mediaquery >

[] (https://jistudio.github.io/My_CSS_STUDY/05_responsive_indulge/index.html)

2 Static E-commerce Website Ordinary >

[] (https://jistudio.github.io/My_CSS_STUDY/08_fixed_aware/index.html)

3 Dribbble Website with SASS + Flexbox >

[] (https://jistudio.github.io/My_CSS_STUDY/04_sass_flexbox_dribbble/index.html)

4 Tablet Fashion Site with SASS + Flexbox >

[] (https://jistudio.github.io/My_CSS_STUDY/01_tablet_fashion/index.html)

5 Resposive Food Webite with SASS + Flexbox >

[] (https://jistudio.github.io/My_CSS_STUDY/02_sass_flexbox_pizza/index.html)

6 Button Effect & Animation >

[] (https://jistudio.github.io/My_CSS_STUDY/07_button_effect/index.html)

7 1200 Grid System >

[] (https://jistudio.github.io/My_CSS_STUDY/10_grid1200/index.html)

8 UI Kit with Vertical Rythem >

[] (https://jistudio.github.io/My_CSS_STUDY/12_uikit/index.html)

Copyright © 2017 jistudio rjhhere@hotmail.com