Designing and developing a website can certainly be a tedious and time-consuming task, especially if the project involves new challenges, where the designer embarks into unknown territory. Moreover, time is one of the primary factors where productivity is concerned. Being able to work within an efficient manner enables a designer or developer ways by which to deliver desired results to their prospective clients.
There are certain steps which can be repeated for various projects. Some of these steps are well known and can make production time as quick as possible in order to have more freedom to experiment with new solutions.
For this article we would like to present our readers with a collection of tools which will make your standard workflow as fast and practical as possible, so that you have more time for the exciting parts of your project.
1. Pure CSS and Simplistic Loader/Spinner
Loader/spinner icons are a part of almost any web project that involves ajax requests. Lea Verou, an inspiring web designer has recently shared a simplistic solution to create a spinner with pure CSS. There are already other solutions but this one is the cleanest of them all,uses only 2 elements and not much of CSS. Everything is sized with ems, so it can be resized however preferred, it works on all modern browsers and has a fallback text for others.
Martini is a powerful package for quickly writing modular web applications/services in Golang. Martini makes web development with Go much easier. It has a flexible routing layer, comes with a set of stock middleware, and can leverage open source web packages built in Go, Modular design – Easy to add functionality, easy to rip stuff out, and lots of good handlers/middlewares to use.
Animatron is an online, simple tool that lets you create stunning HTML5 animations and interactive content right in your browser. It lets you collaborate with other users, import artwork, create custom shapes, draw directly within the tool, and much more.
UUhistle.org is a program visualization tool for beginner programming education. Use UUhistle.org to improve your code-tracing skills, as well as your understanding of programming concepts and programming-language constructs.
8. Parsedown PHP
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. 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.
In tens of thousands of modules there’s a module for nearly everything you can imagine. The Node.js-compatible API allows you to use virtually every module available through npm. Node.app provides the familiar Node.js API which is well documented and extremely easy to use.
10. Kalei Styleguide
Kalei Styleguide is a project that can auto-generate such (Bootstrap-like) style-guides from the “live” CSS files so it is always up-to-date. It works on the client-side and uses the comments in stylesheets for creating the titles + navigation. Simply, it is a less-effort, almost instant generator that enables us to get organized with our stylesheets.