An inexperienced coder can also create Web applications with 32 handy tools later

I am a Ruby programmer (Rubyist) who does not have design skills, I recently tried a Web application as follows.

The application name is "Reminderr", which reminds users when important unread information appears on Pocket or feedly.

Remindeerr: http://www.reminderr.me/

My information on Pocket and RSS is always dense and chaotic, so I really want an app that shows me which information is important among them, so I decided to try it myself.

I think we need a list of support tools for those times when we need to do it ourselves.

So today I will list all the tools that I used to make the above reminderr application and some other tools that I think are convenient as below.

Just using these tools well, a coder doesn't know anything about design, nor does it have an aesthetic eye as I can also create a Web service box like the one above. There must be many other convenient tools that I don't know yet.

Hope it will be valid for you.

Bootstrap

Bootstrap (Newest: flat design)

http://getbootstrap.com/

Free Design Template

http://startbootstrap.com/ (Recommend) http://www.templatemag.com/free-bootstrap-templates/ http://www.blacktie.co/

If you pay, use it

https://wrapbootstrap.com/

CSS animation

Animate.css (Recommend)

http://daneden.github.io/animate.css/

Very light and very easy to use!

Create a logo

Squarespace (Recommend)

http://www.squarespace.com/logo #

LOGASTER

https://www.logaster.com/

Create components of HTML

coveloping (Recommend)

http://coveloping.com/

A collection of many tools used to generate parts in HTML pages such as the price page and so on.

TeamPage.io

http://www.teampage.io/

Create a member page team in a very simple way.

FRAME

http://frame.lab25.co.uk/

Born a top page akin to that page.

UICloud

http://ui-cloud.com/

The specialized page for search references UI components.

Compress photos

The following two great tools can compress the image size to nearly half that almost does not reduce image quality.

JPEGmini (Recommend)

http://www.jpegmini.com/

TinyPNG (Recommend)

https://tinypng.com/

Edit photo

GIMP

http://www.gimp.org/

SeaShore (Mac)

http://seashore.sourceforge.net/The_Seashore_Project/About.html

Name the application

Dislexicon: The English Language Extender

http://www.robobunny.com/cgi-bin/dislexicon

The tool proposes service names based on the keyword we entered, the suggestions sound very good and sound.

This tool has the Android app, which helps us save the name we like to use later.

Web service naming idea tool

http://c.hrgrweb.com/naming/

Export any service name based on the connection of the words stored in the DB. The method is simple but quite convenient.

Nice picture

Free high-resolution photos.10 new photos every 10 days.

https://unsplash.com/

There is no search function, but on this image full strokes that use free.

List photo on MEDIUM blog

https://medium.com/@dustin/stock-photos-that-dont-suck-62ae4bcbe01b

Beautiful video

Summary of beautiful videos used as background (for personal use as well)

http://mazwai.com/#index

All videos look cool.

jQuery plugin for creating video background

https://github.com/VodkaBears/Vide#readme

Super simple usage.

Icon

ICONFINDER

https://www.iconfinder.com/

SNS avatar generator

uiFaces

http://uifaces.com/

Used in case you want to create a series of avatars used for demo etc.

Having integrated API, it is worth the try.

Multi language

Wovn.io

http://wovn.io/

Turn all pages into multiple languages ​​by writing exactly one line of code!

Choose color

Adobe Kuler (for pro use)

https://kuler.adobe.com/create/color-wheel/

HUE / 360 (for simple use)

http://hue360.herokuapp.com/

Web Color Data

http://webcolourdata.com/

Summary of color code of famous Web services.

Service introduction video

Wideo

http://www.wideo.co/

The tool can create service introduction videos like Power Point.

Social plugin

General button tool associated with social networks.

AddThis

http://www.addthis.com/

Ninja omatome button

http://www.ninja.co.jp/omatome/

Server

Heroku

https://www.heroku.com/

A very famous cloud server can be used for free.

Extremely suitable for making prototypes.

New Relic (add-on for Heroku)

https://devcenter.heroku.com/articles/newrelic

A simple, free server management tool that can be added to Heroku.

Using this tool can know exactly how the server is loading and there is an error reporting.

Send mail

SendGrid

http://sendgrid.com/

More convenient to use as an add-on for Heroku.

HTML mail

BeeFree (Recommend)

http://web-cre.info/beefree/

Generating HTML mail is extremely simple by dragging and dropping, that's free!

There are templates available for all types of mail or use, so we just need to select the template, edit a bit, after export, then customize it again is fine.

The tool also supports sending mail for testing very simple.

MailChimp

http://mailchimp.com/

The divine tool not only allows you to create HTML mail but also allows you to send a series of mail messages in step mail.

Zurb

http://zurb.com/ink/

Provide a template for creating responsive HTML mail in a simple way.

There are documents that guide the code for each part in detail.

Antwort

http://internations.github.io/antwort/

If I want to create an HTML mail that I customize myself, I think this is a convenient tool.

Favicon

Favicon Generator

http://favicon-generator.org/

The tool generates the favicon.ico file when we upload the image.

The tinycon – js library can export alert numbers for favicon

https://github.com/tommoor/tinycon

A small js library capable of exporting alert numbers for favicon, we just need to write 1 more line of code.

The above tools for personal use are also very convenient, please make good use of them.

I almost summed up what is not related to the technique. There are also many tools on Rails, Heroku or API as below.

Rails

Sign in, sign up management

Devise

https://github.com/plataformatec/devise

facebook ロ グ イ ン

https://github.com/plataformatec/devise/wiki/OmniAuth:-Overview

Asynchronous processing

Redis & Resque

https://devcenter.heroku.com/articles/queuing-ruby-resque

Heroku

Batch processing

Scheduler

https://addons.heroku.com/scheduler

Mail

MailChimp

https://devcenter.heroku.com/articles/mandrill

SendGrid

https://addons.heroku.com/sendgrid

Share the news now