Last active
March 8, 2021 19:49
-
-
Save jasperfurniss/66337bc8b77d89ad8d4bc72636cfd0ae to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Requirements: | |
| - VSCode | |
| - Have the following links open in your browser: | |
| https://docs.emmet.io/cheat-sheet/ (helpful shortcuts) | |
| https://devhints.io/emmet (helpful shortcuts) | |
| https://www.youtube.com/playlist?list=PL1wzr--U1bxNKKvf5eYeROcyy3vmRGi0U (a great crash course video series) | |
| Hello UX Engineers! | |
| Today we are going to learn a quicker way to write semantic html and css for rapid development. | |
| Emmet is the tool I'm going to teach you. It's quite powerful and helpful, especially for learning html. | |
| Let's start by opening a new file in VSCode. | |
| You can do this two ways. | |
| 1) you can open VSCode and then press `(command ⌘) + N` to open a new file. | |
| 2) if you're bold, you can create a new file via the terminal. Open iterm2 and type the following commands: | |
| - cd ~ | |
| - touch index.html | |
| - code index.html | |
| 3) Awesome! Now, follow along with Jasper and let's get rolling. | |
| show basic inspector of html in browser |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment