Công cụ hữu ích cho Frontend dev và Designer
T ng h p công c h u ích cho Frontend dev và Designerổ ợ ụ ữ
D i đây mình t ng h p m t sướ ổ ợ ộ ố công c h u íchụ ữ cho m t Frontend ộ
developer/Designer đ c ch n l c qua nhi u ngu n khác nhau. Hy v ng ượ ọ ọ ề ồ ọ
nh ng sites này có th h tr ph n nào cho công vi c lên ý t ng, hoàn ữ ể ỗ ợ ầ ệ ưở
thi n thi t k UI và phát tri n ph n code Frontend cho các d án c a các ệ ế ế ể ầ ự ủ
b nạ
1. Fontisto
Fontisto là kho SVG icon đáng đ c nh c đ n đ u tiên b i thi t k trang ượ ắ ế ầ ở ế ế
web super cool cùng giao di n docs, getting started thông minh d ti p c n.ệ ễ ế ậ
Các icon SVG có nhi u options khi s d ng v i đa d ng các lo i icon. ề ử ụ ớ ạ ạ
Đi m c ng l n là trang web nàyể ộ ớ hoàn toàn mi n phí cho commercial useễ.
2. Storyboarder
Storyboarder là m t công c t o storyboard h t s c kinh ng c và…ộ ụ ạ ế ứ ạ free.
B n có th t o ra các frame v i đ y đ c v , timing, dialog, ạ ể ạ ớ ầ ủ ụ ẽ
action… g n gàng và đ c thi t k tinh g n t i đa.ọ ượ ế ế ọ ố
Storyboarder còn h tr Adobe Photoshop đ ti n cho vi c đi sâu ỗ ợ ể ệ ệ
vào nh ng chi ti t ph c t p, live edit trên t ng frame.ữ ế ứ ạ ừ
Th m chí v i nh ng sketch/blueprintậ ớ ữ Storyboarder cho phép b n ạ
import chúng và ng c l i, export đ có th ch nh s a v i bút chì và ượ ạ ể ể ỉ ử ớ
gi y.ấ
H tr key commands và auto generator!ỗ ợ
Chính sách free c aủ Wonder Unit studio cũng h t s c rõ ràng, m t ế ứ ộ
d án open source tâm huy t!ự ế
Mi n là b n có ý t ngễ ạ ưở , m i th đây d ng nh hoàn h o t s n ph m ọ ứ ở ườ ư ả ừ ả ẩ
đ n h tr ng i dùng… Hãy ghé thăm và th s c sáng t o c a b n, bi t ế ỗ ợ ườ ử ứ ạ ủ ạ ế
đâu đây s là software không th thi u trong công vi c h ng ngày c a b n.ẽ ể ế ệ ằ ủ ạ
3. Font Playground
Font Playground là m t site đ ng i dùng có th ‘play’ v i nh ng đ nh ộ ể ườ ể ớ ữ ị
d ng c a font, đ a ra cái nhìn so sánh và đ y đ , cũng nh export Frontendạ ủ ư ầ ủ ư
code.
Các variable options c a Font Playground đ c trình bày đa đ ng và đ y ủ ượ ạ ầ
đ . Hãy ghé thăm và t o playground cho mình ngay nhé.ủ ạ
4. CoolHue
CoolHue giúp b n t o ra nh ng gradient pallete màu t nh ng file JSON cóạ ạ ữ ừ ữ
s n, tool đã cung c p s n 60 options siêu đ p. B n hoàn toàn có th thêm ẵ ấ ẵ ẹ ạ ể
nh ng gradient r c r trong d án, xu t Photoshop ho c Sketch.ữ ự ỡ ự ấ ặ
5. ShrinkMe
ShrinkMe s giúp chúng ta compress nh ng b c nh cho web c c kì nhanhẽ ữ ứ ả ự
chóng và hi u qu . Ch v i vài thao tác kéo th và get link download chúng ệ ả ỉ ớ ả
ta đã có nh ng b c nh gi m dung l ng đáng k (t 40 – 75%) mà không ữ ứ ả ả ượ ể ừ
làm gi m ch t l ng nh.ả ấ ượ ả
Công c này không nh ng v y còn làm vi c offline và h tr nhi u file ụ ữ ậ ệ ỗ ợ ề
shrink cùng lúc!
6. Duotone Effect Generator
Duotone Effect Generator là trang web tr c tuy n t o ra hi u ng duotoneự ế ạ ệ ứ
cho m t b c nh b n s d ng. Ch c n upload nh và ch n các hi u ng ộ ứ ả ạ ử ụ ỉ ầ ả ọ ệ ứ
màu s n có b n s có m t b c nh output ch t l ng (áp d ng đ l y toneẵ ạ ẽ ộ ứ ả ấ ượ ụ ể ấ
màu background cho cùng tone v i web/app r t h u hi u và nhanh chóng)ớ ấ ữ ệ
7. Hero Patterns
có thể bạn quan tâm
Công ty Công trình Đường sắt và giải pháp nhằm hoàn thiện công tác tuy...
65
825
391
Kinh tế quản lý
65
(New)
Tìm hiểu công tác trả lương tại Công ty TNHH Du lịch Quốc tế Fansipan...
74
681
309
Kinh tế quản lý
74
(New)
Tìm hiểu công tác trả lương tại Công ty TNHH Du lịch Quốc tế Fansipan...
74
717
255
Kinh tế quản lý
74
(New)
Tiểu luận: WIFI công cộng và cách thức bảo vệ dữ liệu khi dùng Wifi cô...
8
1.045
280
Kỹ thuật
8
(New)
Nghiên cứu giải pháp nâng cao công tác an toàn – vệ sinh lao động cho...
19
811
339
Kinh tế quản lý
19
(New)
Luận văn: Công Ty TNHH VKX và một số giải pháp nhằm hoàn thiện công tá...
111
941
371
Kinh tế quản lý
111
(New)
Tiểu luận: Khái niệm nợ công, khủng hoảng nợ công và những giải pháp k...
34
3.415
872
Kinh tế quản lý
34
(New)
THỰC TRẠNG VÀ MỘT SỐ GIẢI PHÁP NHẰM NÂNG CAO CÔNG TÁC AN TOÀN, VỆ SIN...
19
663
297
Kinh tế quản lý
19
(New)
thông tin tài liệu
Dưới đây mình tổng hợp một số công cụ hữu ích cho một Frontend developer/Designer được chọn lọc qua nhiều nguồn khác nhau. Hy vọng những sites này có thể hỗ trợ phần nào cho công việc lên ý tưởng, hoàn thiện thiết kế UI và phát triển phần code Frontend cho các dự án của các bạn
Mở rộng để xem thêm
từ khóa liên quan
tài liệu mới trong mục này
tài liệu hot trong mục này
tài liệu giúp tôi
Nếu bạn không tìm thấy tài liệu mình cần có thể gửi yêu cầu ở đây để chúng tôi tìm giúp bạn!
xem nhiều trong tuần
Địa lý 12 Phát triển cây công nghiệp lâu năm Tây Nguyên
Giáo trình Quản trị học của Đại học kinh tế quốc dân
Tham khảo 12 bài tập nguyên lý thống kê có lời giải
Tiểu luận: Vị trí, vai trò, nhiệm vụ của người Đảng viên với ĐCSVN- Phấn đấu, rèn luyện và tuyên truyền nhân dân của người Đảng viên
Mẫu slide chủ đề âm nhạc
các lối chơi chữ
yêu cầu tài liệu
Giúp bạn tìm tài liệu chưa có
×
