Skip to content

freyamade/netsoc-css-talk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS

title slide

Cascading Style Sheets (CSS) are a way of styling your HTML to make your website look nice af. But with such a large emphasis on terms like "mobile-first", CSS can be a tedious job.

But it doesn't have to be! There are some great people out there that have done and continue to do all the hard work for us by creating frameworks such as Materialize, Bootstrap, Bulma and more!

This talk focuses on these frameworks and how easy it is to make your website look nice and be mobile friendly with ease!

Also we will briefly discuss SASS/SCSS as these systems are widely used in said frameworks to customize them further!

Roadmap

The talk will go as follows;

  1. Brief Introduction to HTML, CSS, JS
  2. Introduction of 3 frameworks
    • Bootstrap
    • MaterializeCSS
    • Bulma
  3. Using one as an example, build up a simple webpage from scratch
  4. Show how the same page can look in the other 2 frameworks
  5. Brief introduction to SCSS
    • Variables
    • Maps
    • Loops
    • etc.
  6. Simple SCSS example creating is-color classes for some colors and use it in a webpage
  7. Profit