From bebaa1e75801f8f1b1fb3bef60b73142ff0dddb5 Mon Sep 17 00:00:00 2001 From: Kushagra Gour Date: Fri, 8 Mar 2019 18:20:05 +0530 Subject: [PATCH] website ui refactor --- index.html | 481 ++++++++++++++++++++++++++++------------------------- 1 file changed, 258 insertions(+), 223 deletions(-) diff --git a/index.html b/index.html index 2350f34..14261ef 100644 --- a/index.html +++ b/index.html @@ -424,16 +424,26 @@ +
+ Docs + Blog + Github + Share +
+ +
+ Web Maker working screen
-
- Docs - Blog - Github - Share -
- -
- Web Maker working screen
- -
-
- -

Works Offline

-

Lives completely in your browser. There is no network involved, so it opens and shows previews instantly.

-
-
-

Preprocessor Support

-

Be it Markdown, Jade, SCSS, LESS, Atomic CSS, JSX, CoffeeScript or TypeScript - you get it all.

-
-
-

Quick Add Libraries

-

Drop in any library from the available list or put a URL of any other library you wish to add. -

-
-
-

Multiple Layouts

-

Get exact same layout in front of you, that you last saved the creation in. Plus, a full screen layout to see - your work - in actual browser window. -

-
-
-

Preview screenshot capture

-

Feel like taking a screenshot of your awesome creation, just hit the Capture button to get a beautiful screenshot - of - your result. -

-
-
-

Open in Codepen

-

Done with your creation and want to share it with the world? One click and have your work open in CodePen. -

-
-
- -
-

♥

-
- -
- -
Chris Coyier
-
-

If you're looking for a CodePen-like offline editor, and use Chrome, check out Web-Maker by Kushagra Gour.

- - - - -
- -
Joacim Nilsson
-
-

This is something I will be using alot. Thank you! :D

- - -
- -
Oksana Borukh
-
-

It's fantastic! I'm glad I've discovered it! Thanks! +

Works Offline

+

Lives completely in your browser. There is no network involved, so it opens and shows previews instantly.

+
+
+

Preprocessor Support

+

Be it Markdown, Jade, SCSS, LESS, Atomic CSS, JSX, CoffeeScript or TypeScript - you get it all.

+
+
+

Quick Add Libraries

+

Drop in any library from the available list or put a URL of any other library you wish to add.

- -
-
- - - - -
- -
Fedor Loenko -
@fedorloenko
-
-
-

Great Chrome extension via @chinchang457. I need offline CodePen from time to time.

- - -
- -
Steve Lack
-
-

Thanks for creating this. What a great tool for productivity!

- - - -
- -
Margaret H
-
-

Decided to use it to work on my latest project, it's pretty awesome! Thank you for making this!

- +
+
+

Multiple Layouts

+

Get exact same layout in front of you, that you last saved the creation in. Plus, a full screen layout to see + your work + in actual browser window. +

+
+
+

Files Mode

+

Get a complete local-like environment where you can code in files instead of 3 separate panes. +

+
+
+

Preview screenshot capture

+

Feel like taking a screenshot of your awesome creation, just hit the Capture button to get a beautiful + screenshot + of + your result. +

+
+
+

Open in Codepen

+

Done with your creation and want to share it with the world? One click and have your work open in CodePen. +

+
+
+

And much more awesomeness!

+

It doesn't stop there. There is JavaScript console, integrated Prettier support, command palette and more! +

+
- +
+

♥ from all + around

+
+ +
+ +
Chris Coyier
+
+

If you're looking for a CodePen-like offline editor, and use Chrome, check out Web-Maker by Kushagra Gour.

+ + + + +
+ +
Joacim Nilsson
+
+

This is something I will be using alot. Thank you! :D

+ + +
+ +
Oksana Borukh
+
+

It's fantastic! I'm glad I've discovered it! Thanks! +

+ +
+
+ + + + +
+ +
Fedor Loenko +
@fedorloenko
+
+
+

Great Chrome extension via @chinchang457. I need offline CodePen from time to time.

+ + +
+ +
Steve Lack
+
+

Thanks for creating this. What a great tool for productivity!

+ + + +
+ +
Margaret H
+
+

Decided to use it to work on my latest project, it's pretty awesome! Thank you for making this!

+ +
+ +
+

Web Maker needs the following permissions to work with full capabilities. In words of Chrome extensions:

@@ -1033,10 +1068,10 @@ -->
-
+
+ for updates. Privacy Policy.