Documentation moved
We introduced Quickstarts as a new place for examples of how to use your favourite language and framework on Gitpod. Remember though, even if you can't find your use case as a quickstart, Gitpod very likely still supports your programming language as it's simply a Ubuntu-based operating system in the cloud. Visit the quickstarts
HTML & CSS in Gitpod
Gitpod has great HTML and CSS support. In fact, Gitpod was made with web development in mind. And, depending on your needs, you may want to customize this experience further!
Example Repositories
Here are a few HTML/CSS example projects that are already automated with Gitpod:
| Repository | Description | Try it |
|---|---|---|
| Front-End-Checklist | The perfect Front-End Checklist for modern websites and meticulous developers |  |
| Devhints | TL;DR for developer documentation - a ridiculous collection of cheatsheets | |
emmet Support
Gitpod comes with emmet support right out of the box giving you access to powerful snippets and completions
Live Preview
With Gitpod you can open a preview for HTML files while you are coding. You can do this by opening a web server python -m http.server 8000.
You can also automate this in your .gitpod.yml file, so that every time you start a new workspace your preview is ready to go. For example:
tasks:
- name: Start web server
init: python -m http.server 8000
ports:
- port: 8000
onOpen: open-previewTry It!
Want to see a minimal example in action? Try it out by opening an example on Gitpod:
On this page