Skip to content

jistudio/My_CSS_STUDY

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 

Repository files navigation

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 >

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

2 Static E-commerce Website Ordinary >

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

3 Dribbble Website with SASS + Flexbox >

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

4 Tablet Fashion Site with SASS + Flexbox >

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

5 Resposive Food Webite with SASS + Flexbox >

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

6 Button Effect & Animation >

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

7 1200 Grid System >

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

8 UI Kit with Vertical Rythem >

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

Copyright © 2017 jistudio [email protected]