Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
by @_ _ sun _ _
about me
Agenda
• SASS
• Flint.gs - Grid System
• Decks & Cards
• Decks & Cards - (pros & cons)
• New things coming to lexpress.mu
...
SASS
Syntactically Awesome
Style Sheets
SASS
• mixins
• variables
• imports
• functions
• extensibility
Grid Systems
Markup Based CSS Based
Markup Based
• Bootstrap.. foundation.. uikit
• <div class=“col-md-6 col-sm-12 col-lg-4”></div>
CSS Based
• susy.. Flint.gs
• basically it’s all maths
A single mixin
_(...)
decks and cards
A Story of Deck & Cards
A Story of Deck & Cards
A Story of Deck & Cards
A Story of Deck & Cards
Upcoming SlideShare
Loading in …5
×

A Story of Deck & Cards

Presentation about Front-end technologies. Specifically Grid Systems using SCSS frameworks like flint.gs to build the biggest news website in Mauritius. i.e lexpress.mu

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

  • Be the first to like this

A Story of Deck & Cards

  1. 1. by @_ _ sun _ _
  2. 2. about me
  3. 3. Agenda • SASS • Flint.gs - Grid System • Decks & Cards • Decks & Cards - (pros & cons) • New things coming to lexpress.mu • AMA now or @_ _ sun _ _
  4. 4. SASS Syntactically Awesome Style Sheets
  5. 5. SASS • mixins • variables • imports • functions • extensibility
  6. 6. Grid Systems Markup Based CSS Based
  7. 7. Markup Based • Bootstrap.. foundation.. uikit • <div class=“col-md-6 col-sm-12 col-lg-4”></div>
  8. 8. CSS Based • susy.. Flint.gs • basically it’s all maths
  9. 9. A single mixin _(...)
  10. 10. decks and cards

×