/CSS_Tutorial

CSS Tutorial Mulai dari nol #TutorAfterNgantor

Primary LanguageCSS

simplinnovation

CSS Tutorial

Video

CSS (Cascading Style Sheets) merupakan aturan untuk mengatur style & layout beberapa komponen dalam sebuah web, sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. CSS dapat mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border, spasi antar paragraf, spasi antar teks, margin dan parameter lainnya. Tutorial kali ini membahas step-by-step bagaimana menggunakan CSS untuk mengatur style & layout elemen HTML mulai dari nol.

⏰ Timestamp links 📚 Bahasan Materi
#1 Intro
  • Apa itu CSS?
  • Inline CSS
  • Internal CSS
  • External CSS
#2 Selector
  • Tag, class, ID & attribute selector
  • Group selector
  • Descendant, child & adjacent selector
#3 Pseudo Elements & Classes
  • first-child, last-child
  • nth-child, nth-of-type
  • first-letter, first-line
  • hover, focus, active
#4 Basic CSS Properties
  • Color & Background
  • Text styling
  • Width, height & unit length
  • Padding, border & margin
#5 Transformation & Transition
  • Translate, Rotate, Scale, Skew
  • 3D Transformation
  • Transition
#6 Positioning
  • Relative Position
  • Absolute Position
  • Fixed Position
#7 Grid
  • Display Grid
  • Grid Column, Row, Gap & Lines
  • Nested Grid
#8 Summary
  • Summary
  • References

Responsive Web Design

Video

Responsive Web Design merupakan teknik penggunaan HTML, CSS & teknologi pendukung web development lainnya, untuk membuat tampilan website yang responsif terhadap ukuran layar device user. Website yang responsif akan memiliki user interface yang efektif & user experience yang baik di beragam device user. Tutorial kali ini membahas step-by-step bagaimana menggunakan HTML & CSS untuk membuat tampilan website yang responsif.

⏰ Timestamp links

Lintang Wisesa 💌 lintangwisesa@ymail.com

Facebook | Twitter | LinkedIn | Youtube | :octocat: GitHub | Hackster