HTML/CSS 3

made for CodeYourFutureย โค๏ธ

Juan David Nicholls

@jdnichollsc

Software Engineer

@ BevyUp (Acquired by Nordstrom)

Getting Started ๐Ÿ“š

- A Complete Guide to Flexbox - link

- Flexbox Froggy, the game - link

- Flexbox Zombies - link

- Responsive Web Design Fundamentals - link

- Organize your styles with BEM - link
- Bootstrap 4 Ya - link

HTML/CSS Frameworks ๐Ÿ“–

Mobile First/PWA

Bootstrap 4 ๐Ÿ”Ž

Admin themes

Examples

Choose which suits you? ๐Ÿค˜

Download

Personal Websites ๐Ÿค

  • Add Bootstrap 4ย to your site and use some of the components.
  • Use re-usable class names to reduce your CSS code
  • Create your repository from Github and publish your site using GitHub Pages

Keep calm and show me your code ๐Ÿง

DEMO ๐ŸŽฎ

Resources โ›ฉ

- Tools to create Reusable components (WebComponents) here.

- Help Open Source projects and become a better developer here

Advanced Topics ๐Ÿ‘ท

- HTML Formsย at Marksheet.io

- Building Formsย at ShayHowe.com

- Bootstrap 4 Documentation

- Introductionย and Namingย with BEM Syntax for Reusable CSS

Made with Slides.com