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 🎮

https://codepen.io/jdnichollsc/full/GboVgg

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