-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.src.html
39 lines (36 loc) · 2.51 KB
/
index.src.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
<title>Stylist - Live CSS editor bookmarklet</title>
<link rel="stylesheet" href="index.css" />
</head>
<body id="stylist">
<header>
<img src="logo-inv-2-plain.svg" alt="Stylist logo" class="header-logo" />
<p>Live CSS editor bookmarklet for<br/> IE 9-11, Firefox, Safari, Chrome, Opera, Vivaldi and Brave</p>
<p><a href='javascript:{SCRIPT}' title="Drag me to the bookmark bar">Stylist</a></p>
<p><a href='javascript:{SCRIPT_IE9}' title="Drag me to the bookmark bar if you're using IE 9-11">Stylist (IE9-11)</a></p>
</header>
<section>
<h1>Stylist</h1>
<p>Add and edit live CSS on any page in any modern browser.. and have the changes persist everytime you run the bookmarklet on the page.</p>
<p>You may want a different look to a page that you regularly visit or help you style a page that you are developing.</p>
<p>Simply copy the link above as a bookmark - click the bookmark on the page you wish to change...</p>
<p>Once you have clicked the bookmarklet - the panel should open and you're good to go..</p>
</section>
<section>
<h1>Rationale</h1>
<p>I wasn't aware of any live CSS editors at the time. However upon finding them, they seem to live as extensions for those browsers. You'd need to download and install the extension on each browser. </p>
<p>Styling on Internet Explorer is a pain and quite unfairly it does not have the extension ecosystem enjoyed in the other 'modern' browsers. This editor is to accommodate those developers that need to use IE and make their lives a little easier.</p>
<p>It also allows styles to be moved from browser to browser to ensure the CSS is valid on all browsers. Potentially saving you heaps of time!</p>
</section>
<section>
<h1>Inspiration</h1>
<p>This work has been inspired by <a href="http://github.com/karthikv/my-style">github.com/karthikv/my-style</a></p>
<p>MIT Licenced</p>
</section>
<footer>Made with ♥ by anami</footer>
<a href="https://github.com/anami/stylist"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67"
alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
</body>
</html>