Realtime Cross-Browser Styling
Stylekit helps web designers and developers rapidly prototype their cutting edge products or evaluate new designs for existing websites.
Load any website and start editing the css and markup directly without leaving the browser
The Idea
"The best place to style websites is where they are rendered."
Browsers should make it easy to write and edit css so that changes to the design can be seen in realtime.
Live Css-Editing
The heart of the project is a source code editor written in JavaScript that supports syntax highlighting for various languages.
All changes of the styles in the Css-Editor are immediately applied to the Page-View.
Editable Page-View
The Page-View renders any website you specified in the Url-Bar and adds the styles entered in the Css-Editor.
The Page-Editor beneath the view allows you to change the markup of the page. This is quite handy when you want to test the styling and markup of a new feature before you write it.
Projects
You can save your changes as project with the save icon. This redirects you to a permalink that you can visit any time later, or share with others.
Auto-Reload
The auto-reload button enables reloading of the styles in all browsers that point to the same project! If you make a change in one browser, the others update in realtime.
Firebug Integration
Stylekit works tightly together with Firebug Lite to give you an awesome experience to analyse your css styles and html code in any browser!