NHỮNG CÔNG CỤ TIỆN LỢI TẠO WEB CHO CODER

30-07-2019 15:01

Là một coder muốn tạo một website thật xịn xò và hoành tráng nhưng lại không biết design như nào thì phải làm sao? ITPlus Academy sẽ chỉ cho các bạn những công cụ dưới đây để một coder không biết gì về design, cũng như không có con mắt thẩm mĩ cũng có thể tạo ra một Web service hòm hòm. Hãy xem đấy là những công cụ nào nhé!

1. Bootstrap

- Bootstrap (Newest : flat design)

http://getbootstrap.com/

- Free Design Template

http://startbootstrap.com/

http://www.templatemag.com/free-bootstrap-templates/

2. CSS animation

Animate.css

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

3. Tạo logo

- Squarespace

http://www.squarespace.com/logo

- LOGASTER

https://www.logaster.com/

4. Tạo các thành phần của HTML

- Coveloping

http://coveloping.com/

Tập hợp rất nhiều công cụ dùng để sinh ra các phần trong trang HTML như price page...

- TeamPage.io

http://www.teampage.io/

Tạo team member page một cách rất đơn giản.

- FRAME

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

- UICloud

http://ui-cloud.com/

Trang chuyên dùng cho việc search tham khảo những thành phần của UI.

5. Nén ảnh

- JPEGmini

http://www.jpegmini.com/

- TinyPNG

https://tinypng.com/

6. Chỉnh sửa ảnh

GIMP

http://www.gimp.org/

7. Đặt tên cho ứng dụng

- Dislexicon: The English Language Extender

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

Công cụ đề xuất tên dịch vụ dựa vào keyword nhập vào.

- Web service naming idea tool

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

Xuất ra tên dịch vụ bất kì dựa vào việc kết nối các đơn từ được lưu trong DB. Cách thức rất đơn giản, khá tiện lợi.

8. Ảnh đẹp

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

https://unsplash.com/

- List photo on MEDIUM blog

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

9. Video đẹp

- Mazwai

http://mazwai.com/#index

Tổng hợp những video đẹp dùng làm background.

- jQuery plugin

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

Cách dùng đơn giản.

10. Icon

ICONFINDER

https://www.iconfinder.com/

11. SNS avatar generator

uiFaces

http://uifaces.com/

Dùng trong trường hợp muốn tạo ra một loạt avatar dùng cho demo. Có tích hợp cả API.

12. Đa ngôn ngữ

Wovn.io

http://wovn.io/

Biến tất cả các page thành đa ngôn ngữ bằng cách viết thêm đúng 1 dòng code!

13. Chọn màu

- Adobe Kuler (for pro use)

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

- HUE/360 (for simple use)

http://hue360.herokuapp.com/

- Web Colour Data

http://webcolourdata.com/

Tổng hợp color code của các Web service nổi tiếng.

14. Service introduction video

Wideo

http://www.wideo.co/

Công cụ có thể tạo ra những video giới thiệu dịch vụ không khác gì Power Point.

15. Social plugin

Công cụ tổng hợp nút liên kết với các mạng xã hội.

- AddThis

http://www.addthis.com/

- Ninja omatome button

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

16. Server

- Heroku

https://www.heroku.com/

Một cloud server rất nổi tiếng có thể dùng miễn phí. Cực kì thích hợp cho việc làm prototype.

- New Relic (add-on for Heroku)

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

Công cụ quản lí server đơn giản, miễn phí có thể add vào Heroku. Dùng công cụ này có thể biết được cụ thể server đang chịu tải ra sao và có cả lỗi báo về.

16. Send mail

SendGrid

http://sendgrid.com/

Tiện lợi hơn khi dùng dưới dạng add-on cho Heroku.

17. HTML mail

- BeeFree

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

Có sẵn template của các loại mail hay dùng. Công cụ còn hỗ trợ việc gửi mail để test thử rất đơn giản.

- MailChimp

http://mailchimp.com/

Công cụ thần thánh không những cho phép tạo HTML mail mà còn cho phép gửi một loạt mail theo lịch (step mail).

- Zurb