Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/packtworkshops/the-html-and-css-workshop

A New, Interactive Approach to Learning HTML and CSS
https://github.com/packtworkshops/the-html-and-css-workshop

accessibility api bem bem-css bundler code-optimization codebase css-preprocessors css3 html-tags html5 npm reusability webcomponents webpage website

Last synced: about 5 hours ago
JSON representation

A New, Interactive Approach to Learning HTML and CSS

Host: GitHub
URL: https://github.com/packtworkshops/the-html-and-css-workshop
Owner: PacktWorkshops
License: mit
Created: 2019-10-10T07:37:38.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2021-01-21T12:01:58.000Z (almost 4 years ago)
Last Synced: 2023-03-03T07:53:24.667Z (over 1 year ago)
Topics: accessibility, api, bem, bem-css, bundler, code-optimization, codebase, css-preprocessors, css3, html-tags, html5, npm, reusability, webcomponents, webpage, website
Language: HTML
Homepage:
Size: 28.4 MB
Stars: 76
Watchers: 14
Forks: 128
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # The HTML and CSS Workshop

[![GitHub issues](https://img.shields.io/github/issues/PacktWorkshops/The-HTML-and-CSS-Workshop.svg)](https://github.com/PacktWorkshops/The-HTML-and-CSS-Workshop/issues)

[![GitHub forks](https://img.shields.io/github/forks/PacktWorkshops/The-HTML-and-CSS-Workshop.svg)](https://github.com/PacktWorkshops/The-HTML-and-CSS-Workshop/network)

[![GitHub stars](https://img.shields.io/github/stars/PacktWorkshops/The-HTML-and-CSS-Workshop.svg)](https://github.com/PacktWorkshops/The-HTML-and-CSS-Workshop/stargazers)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/PacktWorkshops/The-HTML-and-CSS-Workshop/pulls)

[![HTML 5](https://img.shields.io/badge/HTML-5-blue.svg)](https://dev.w3.org/html5/html-author/)

This is the repository for [The HTML and CSS Workshop](https://www.amazon.com/HTML-CSS-Workshop-Interactive-Approach-ebook/dp/B082926TQG/ref=sr_1_1?dchild=1&keywords=The%20HTML%20and%20CSS%20Workshop&qid=1611056782&sr=8-1&utm_source=GitHub&utm_medium=Repository&utm_campaign=9781838824532&utm_term=HTML%20and%20CSS&utm_content=The%20HTML%20and%20CSS%20Workshop), published by [Packt](https://www.packtpub.com/?utm_source=github). It contains all the supporting project files necessary to work through the course from start to finish.

## Requirements and Setup



To get started with the project files, you'll need to:

* Install [Visual Studio Code](https://code.visualstudio.com/download)

## About The HTML and CSS Workshop

[The HTML and CSS Workshop](https://www.amazon.com/HTML-CSS-Workshop-Interactive-Approach-ebook/dp/B082926TQG/ref=sr_1_1?dchild=1&keywords=The%20HTML%20and%20CSS%20Workshop&qid=1611056782&sr=8-1&utm_source=GitHub&utm_medium=Repository&utm_campaign=9781838824532&utm_term=HTML%20and%20CSS&utm_content=The%20HTML%20and%20CSS%20Workshop) equips you with the practical knowledge to create modern responsive websites. From mastering simple HTML markup and CSS tags, through to integrating media queries and animations to create a rich, engaging user experience, you'll build your skills with the help of hands-on examples and activities.

## What You Will Learn

* Understand how websites are built, structured, and styled

* Master the syntax and structure of HTML and CSS

* Know how to build websites from scratch using HTML5 and CSS3

* Create intuitive forms that allow users to input data

* Style your website by integrating videos, animations, and themes

* Design robust websites that work on all modern devices seamlessly

* Discover how to maintain and improve the performance of a website 

## Related Workshops

If you've found this repository useful, you might want to check out some of our other workshop titles:

* [The JavaScript Workshop](https://www.amazon.com/JavaScript-Workshop-Interactive-Approach-Learning-ebook/dp/B0824584WF/ref=sr_1_1?dchild=1&keywords=The%20JavaScript%20Workshop&qid=1611056880&sr=8-1&utm_source=GitHub&utm_medium=Repository&utm_campaign=9781838641917&utm_term=JavaScript&utm_content=The%20JavaScript%20Workshop)

* [The PHP Workshop](https://www.amazon.com/PHP-Workshop-Interactive-Approach-Learning-ebook/dp/B07ZKDVTM4/ref=sr_1_1?dchild=1&keywords=The%20PHP%20Workshop&qid=1611064737&s=books&sr=1-1&utm_source=github&utm_medium=repository&utm_campaign=9781838648916&utm_term=PHP&utm_content=The%20PHP%20Workshop)

* [The React Workshop](https://www.amazon.com/React-Workshop-Interactive-Approach-Learning-ebook/dp/B082VG6JCL/ref=sr_1_1?dchild=1&keywords=The%20React%20Workshop&qid=1611056710&sr=8-1&utm_source=GitHub&utm_medium=Repository&utm_campaign=9781838645564&utm_term=React&utm_content=The%20React%20Workshop)