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é.
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
Ngoài ra có 1 bản việt hóa: http://getbootstrap.com.vn
Free Design Template
http://www.templatemag.com/free-bootstrap-templates/
Trả phí:
CSS animation
Animate.css
http://daneden.github.io/animate.css/
Tạo logo
Squarespace
https://www.squarespace.com/logo
Logaster
Tạo các thành phần của HTML
Coveloping
TeamPage
Frame
UICloud
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
TinyPNG
Chỉnh sửa ảnh
GIMP
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
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
jQuery plugin dành cho việc tạo video background
https://github.com/VodkaBears/Vide#readme
Thư viện Icon
IconFinder
Đa ngôn ngữ
Wovn.io
Chọn màu
Adobe Kuler (for pro use)
https://kuler.adobe.com/create/color-wheel/
HUE/360 (for simple use)
Web Colour Data
Service introduction video
Wideo
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
Ninja omatome button
http://www.ninja.co.jp/omatome/
Server
Heroku
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
Tiện lợi hơn khi dùng dưới dạng add-on cho Heroku
HTML mail
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
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
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
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!
