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)
Free Design Template
http://startbootstrap.com/ (Recommend) http://www.templatemag.com/free-bootstrap-templates/ http://www.blacktie.co/
If you pay, use it
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
Create components of HTML
coveloping (Recommend)
A collection of many tools used to generate parts in HTML pages such as the price page and so on.
TeamPage.io
Create a member page team in a very simple way.
FRAME
Born a top page akin to that page.
UICloud
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)
TinyPNG (Recommend)
Edit photo
GIMP
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
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.
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)
All videos look cool.
jQuery plugin for creating video background
https://github.com/VodkaBears/Vide#readme
Super simple usage.
Icon
ICONFINDER
SNS avatar generator
uiFaces
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
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)
Web Color Data
Summary of color code of famous Web services.
Service introduction video
Wideo
The tool can create service introduction videos like Power Point.
Social plugin
General button tool associated with social networks.
AddThis
Ninja omatome button
http://www.ninja.co.jp/omatome/
Server
Heroku
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
More convenient to use as an add-on for Heroku.
HTML mail
BeeFree (Recommend)
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
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
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
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
MailChimp
https://devcenter.heroku.com/articles/mandrill
SendGrid