[docs] HTML/CSS in Gitpod

gitpod-io · Feb 27, 2020 · 688b851 · 688b851
1 parent 65aa350
commit 688b851
Show file tree

Hide file tree

Showing 8 changed files with 25 additions and 0 deletions.
diff --git a/src/docs/html-in-gitpod.md b/src/docs/html-in-gitpod.md
@@ -0,0 +1,20 @@
+# HTML/CSS
+
+ 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!
+
+## [emmet](http://emmet.io/) Support
+
+![emmet demo](images/emmet.png)
+Gitpod comes with [emmet](http://emmet.io/) support right out of the box giving you access to powerful snippets and completions
+
+
+## Live Preview
+
+![image of preview](images/live_preview.png)
+With Gitpod you can open a preview for Markdown and HTML files while you are coding in the upper right hand corner ![preview icon](images/preview.png) click it see the result in real time!
+
+## Try It!
+
+Want to try it out? And see a minimal example in action? Great, then you can open this in Gitpod:
+
+[![JesterOrNot/Gitpod-Web-Development-Example](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/JesterOrNot/Gitpod-Web-Development-Example)
diff --git a/src/docs/images/HTML-Snippets-Example.gif b/src/docs/images/HTML-Snippets-Example.gif
diff --git a/src/docs/images/HTML_CSS_Extension.png b/src/docs/images/HTML_CSS_Extension.png
diff --git a/src/docs/images/emmet.png b/src/docs/images/emmet.png
diff --git a/src/docs/images/live_preview.png b/src/docs/images/live_preview.png
diff --git a/src/docs/images/preview.png b/src/docs/images/preview.png
diff --git a/src/docs/languages-and-frameworks.md b/src/docs/languages-and-frameworks.md
@@ -3,6 +3,7 @@
 Below is a list of language and framework specific tips & tricks.
 
   * [Python](/docs/python-in-gitpod/)
+  * [HTML](/docs/html-in-gitpod/)
   * [Java](/docs/java-in-gitpod/)
   * [C++](/docs/cpp-in-gitpod/)
   * [Go](/docs/go-in-gitpod/)

diff --git a/src/docs/menu.ts b/src/docs/menu.ts
@@ -92,6 +92,10 @@ export const MENU: MenuEntry[] = [
                 "Python",
                 "python-in-gitpod"
             ),
+            M(
+                "HTML/CSS",
+                "html-in-gitpod"
+            ),
             M(
                 "Java",
                 "java-in-gitpod"