Haml

Each example will load HTML, CSS, and Javascript into the editor tabs. If you're running this with Javascript enabled, we'll also automatically render the examples. Rendera makes learning HTML5 and CSS3 easy! Type in your HTML and CSS to see it rendered. Each time you press the Enter key, the live preview will update. You can save your results to a... file - just look under the export tab. I'm adding HTML5 and CSS examples so you can start playing around with all of the neat stuff you'll be able to use. Just click the examples tab, choose an example, and see it rendered immediately. You can try out some Javascript too. We've even loaded jQuery, jQuery Tools and jQuery UI so you can experiment with those libraries too! I use HAML and SASS in a lot of the web work I do. You can use HAML and SASS instead of HTML and CSS if you'd like. This is where the source tab comes in handy - you can see your HAML and SASS converted to HTML and CSS in real-time. This is a great way to learn how to use these new markup languages to quickly develop web pages. We've disabled Ruby evaluation in HAML markup, so you can only use HAML to generate HTML tags. You can't use it to do complex Ruby expressions. Finally, we save people's code here, but it's not private, it's not secure, and it could damage your computer if you followed a link here. We're not responsible, and if people can't behave themselves we'll take the permalink feature away. So be nice to this service and be nice to your fellow web users. Have fun learning, and go build something awesome.Read More