Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘HAML’

One luxury of modern web development is the access to many resources which simplify the process. HAML stands for HTML Abstraction Markup Language and is a great example of such a resource. It seems like a completely new language but the syntax is relatable to classic HTML.

These tutorials should help you get started with coding HAML for any web project. The code behaves very much like SASS for CSS so at first it will be a little confusing – but if you really want to learn just stick with it! After some time you’ll grow accustomed to the process and it’ll become like second nature.

HAML Intro

haml intro tutorial guide official website

Read the rest of this entry »

When building websites with scripting languages that require compiling (Sass, Less, Stylus..), compiling them manually (or via refreshing the page) is usually an extra step.

Prepros is an open source application for Windows OS that can do that automatically forĀ Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown.

Prepros

It auto-compiles the source and injects the CSS (also HTML and JS) to the browser so that no refresh is needed.

There are options for the compiling process like the output format or its style (compressed, nested..).

Prepros also has a built-in + static HTTP server for testing any ajax requests.

Fiddle Salad is a fresh web development tool, an online IDE, for client-side web applications.

It allows us to write HTML, CSS, JavaScript code or use alternatives like HAML,Zen Coding, SASS, LESS and more.

All the code is written in a single-page interface and the output is displayed/rendered instantly.

Fiddle Salad

There is built-in code completion support for CSS + jQuery and links to the documentation for the properties of each language.

With a free membership, it is possible to create any number of projects and save them for re-working on them without losing any settings or data.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com