Hơn 30 Công Cụ Tuyệt Vời Dành Cho Coder Không Biết Design

Hơn 30 Công Cụ Tuyệt Vời Dành Cho Coder Không Biết Design

Không phải coder nào cũng biết Design, những coder không biết Design muốn tạo ra những sản phẩm đẹp thì thường hợp tác với những bạn chuyên Design. Vậy những coder muốn làm việc 1 mình để tạo ra những sản phẩm đẹp thì làm thế nào?

Tôi có sưu tầm được hơn 30 công cụ rất hữu ích dành cho những coder không biết về Design có thể tạo ra những sản phẩm đẹp. Các bạn cùng theo dõi nhé.

32 Công Cụ Tuyệt Vời Dành Cho Coder Không Biết Design

Front End Framework (Bootstrap)

Chắc các bạn cũng biết được sức mạnh của Twitter Bootstrap rồi chứ. Nó giúp các coder dựng layout website rất nhanh, đẹp và chuyên nghiệp, nó còn có sẵn Responsive cho chúng ta nữa.

Trang chủ Bootstrap

http://getbootstrap.com

Ngoài ra có 1 bản việt hóa: http://getbootstrap.com.vn

Free Design Template

http://startbootstrap.com/

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

http://blacktie.co/

Trả phí:

https://wrapbootstrap.com/

CSS animation

Animate.css

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

Tạo logo

Squarespace

https://www.squarespace.com/logo

Logaster

https://www.logaster.com/

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

Coveloping

https://coveloping.com/

TeamPage

http://www.teampage.io/

Frame

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

UICloud

http://ui-cloud.com/

Nén ảnh

Những công cụ nén hình ảnh hiệu quả mà không giảm chất lượng ảnh

JPEGmini

http://www.jpegmini.com/

TinyPNG

https://tinypng.com/

Chỉnh sửa ảnh

GIMP

http://www.gimp.org/

SeaShore (Dùng cho máy MAC)

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

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

Dislexicon: The English Language Extender

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

Ả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

Video đẹp

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

http://mazwai.com/#index

jQuery plugin dành cho việc tạo video background

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

Thư viện Icon

IconFinder

https://www.iconfinder.com/

Đa ngôn ngữ

Wovn.io

http://wovn.io/

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/

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

Social plugin

AddThis

http://www.addthis.com/

Ninja omatome button

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

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ề.

Send mail

SendGrid

http://sendgrid.com/

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

HTML mail

BeeFree

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

Tạo mail HTML cực kì đơn giản bằng cách kéo thả, hoàn toàn miễn phí!

Có sẵn template của các loại mail hay dùng nên ta chỉ cần chọn template, sửa sang một chút, sau khi export thì customize lại chút nữa là ổn.

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

http://zurb.com/ink/

Cung cấp template cho việc tạo responsive HTML mail một cách đơn giản.

Có document hướng dẫn cụ thể việc code cho từng phần như thế nào.

Antwort

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

Nếu muốn tạo mail HTML do tự mình customize thì tôi nghĩ đây là công cụ tiện lợi.

Favicon

Favicon Generator

http://favicon-generator.org/

Tinycon – js library có thể xuất ra alert number cho favicon

https://github.com/tommoor/tinycon

Một thư viện js nhỏ có khả năng xuất ra alert number cho favicon, ta chỉ cần viết thêm 1 dòng code.

Kết luận

Trên đây là tất cả những công cụ tôi sưu tầm được, xin phép được chia sẻ cho các bạn. Cũng còn 1 số công cụ nữa, nhưng website của những công cụ đó hiện tại không vào được nữa nên tôi xin phép không liệt kê vào bài viết này.

Hy vọng những công cụ này sẽ giúp ích cho các bạn coder có được những sản phẩm tốt nhất.

Nếu thấy bài viết này hay, hãy chia sẻ nó để bạn bè cùng biết.

Hãy cho tôi biết ý kiến của bạn bằng việc comment phía cuối bài viết này!

[Total: 3   Average: 5/5]

Hoàng An

Tôi không phải là 1 chuyên gia lập trình, cũng không phải là 1 chuyên gia SEO. Với niềm đam mê với CNTT, tôi có thể biến ý tưởng thành sản phẩm và thích chia sẻ kiến thức cho người khác. Nếu có duyên, mời bạn đến với khoá học của tôi
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x