Archive for the ‘MIT License’ Category

Markdown is a widely used HTML markup language which is easier to write for non-HTML users. And, it is mostly preferred in discussions-based UIs (comments, forums..).

Once a Markdown input is stored, it should be formatted to HTML for displaying it and Parsedown PHP does nicely.

Markdown PHP Parser

The parser divides texts into blocks, looks how they start + relate to each other and looks for special characters to identify inline elements.

It is fast, stable and very easy to implement.

We used to see lots of CSS frameworks for website layouts but it is hard to find one for e-mails.

Ink, by Zurb, fills that gap by simplifying the creation of HTML e-mails that look the same on all major e-mail clients.

The framework includes the styles for a table-based grid, buttons, panels, retina images and more.

E-mail CSS Framework

Once the e-mail is ready, you can use the web-based Inliner tool to get all styles inline.

And, to get started quickly, take a look at the ready-to-use e-mail templates of Ink.

There are impressive frontend frameworks around like Bootstrap, Foundation or Maxmertkit.

Pattern Lab, although having similar features, is not one of them.

It is more a framework for front-end frameworks, a PHP-powered static site generator or your¬†project’s pattern library and frontend style guide.

Pattern Lab

The tool comes with all the base styles for common scenarios like forms, lists, tables, responsive grid and more. But it doesn’t interfere the design at all and leaves it all to you.

Mustache is used as the template language for patterns and new patterns can be created with ease.

File uploads are one of the most problematic things when it comes to web development (security, big files, etc.).

Resumable.js, a JavaScript library, handles one of the problems: the ability to resume uploads.

The library uses the HTML5 File API and offers a fault-tolerant upload mechanism by splitting each file into small parts.


And, whenever the upload of them fails, uploading is retried until it is completed so that connectivity issue is never a problem.

Also, users can always pause, resume or restart uploads with ease.

There are options to set the size of the chunks, detect if the HTML5 File API is supported, getting the progress status and much more.

Previously, at WRD, very nice color palette generation tools were introduced.

Colourcode is another one which offers a very original-yet-easy way of creating them.

The color schemes are generated with the mouse location/movements and multiple options exist for setting the scheme type: monochrome (with light/dark grey), analogic, triad and more.


Once created, it can be downloaded as styles (.less and .scss) or .png. It is also possible to save the palette for future use or share with a link.

Colourcode can be used freely online or, it is open source, it can be self-hosted.

  • Tags:
  • Filed under: Colours, Design, MIT License
  • 1 Comment