{"id":7738,"date":"2018-12-18T13:09:12","date_gmt":"2018-12-18T06:09:12","guid":{"rendered":"https:\/\/vietbrands.vn\/?p=7738"},"modified":"2018-12-18T13:09:15","modified_gmt":"2018-12-18T06:09:15","slug":"15-cong-cu-can-thiet-cho-moi-nha-thiet-ke-web-vao-nam-2019-p2","status":"publish","type":"post","link":"https:\/\/vietbrands.vn\/?p=7738","title":{"rendered":"15 c\u00f4ng c\u1ee5 c\u1ea7n thi\u1ebft cho m\u1ed7i nh\u00e0 thi\u1ebft k\u1ebf web v\u00e0o n\u0103m 2019 !!! (P2)"},"content":{"rendered":"

Ti\u1ebfp t\u1ee5c danh s\u00e1ch c\u1ee7a ph\u1ea7n 1.<\/p>\n

Quill<\/strong><\/h2>\n

\"15<\/a><\/p>\n

Quill \u0111\u01b0\u1ee3c l\u1eadp tr\u00ecnh\u00a0nh\u01b0 l\u00e0 m\u1ed9t tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n \u0111a d\u1ea1ng WYSIWYG cho c\u00e1c trang web<\/a> hi\u1ec7n \u0111\u1ea1i. C\u00f3 r\u1ea5t nhi\u1ec1u ng\u1eef c\u1ea3nh kh\u00e1c nhau trong c\u00e1c \u1ee9ng d\u1ee5ng, n\u01a1i m\u1ed9t tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n phong ph\u00fa l\u00e0 c\u1ea7n thi\u1ebft, do \u0111\u00f3 kh\u00f4ng c\u00f3 g\u00ec ng\u1ea1c nhi\u00ean khi Quill \u0111\u00e3 ph\u00e1t tri\u1ec3n ph\u1ed5 bi\u1ebfn k\u1ec3 t\u1eeb khi ph\u00e1t h\u00e0nh phi\u00ean b\u1ea3n 1.0 beta v\u00e0o gi\u1eefa n\u0103m 2018.<\/p>\n

Nh\u01b0ng c\u00e1c t\u00ednh n\u0103ng m\u1ea1nh m\u1ebd nh\u1ea5t trong Quill l\u00e0 t\u00ednh linh ho\u1ea1t v\u00e0 t\u00ednh m\u1edf r\u1ed9ng c\u1ee7a n\u00f3 b\u1eb1ng c\u00e1c m\u00f4-\u0111un v\u00e0 m\u1ed9t API m\u1ea1nh m\u1ebd. Quill cung c\u1ea5p c\u00e1c ch\u1ee7 \u0111\u1ec1 v\u00e0 m\u00f4-\u0111un bao g\u1ed3m thanh c\u00f4ng c\u1ee5, b\u00e0n ph\u00edm, clipboard v\u00e0 l\u1ecbch s\u1eed. B\u1ea1n c\u00f3 th\u1ec3 th\u1eed nghi\u1ec7m nhi\u1ec1u t\u00ednh n\u0103ng trong s\u00e2n ch\u01a1i Quill v\u00e0 t\u1ea5t nhi\u00ean t\u00e0i li\u1ec7u h\u01b0\u1edbng d\u1eabn l\u00e0 c\u1ea7n ph\u1ea3i \u0111\u1ecdc n\u1ebfu b\u1ea1n \u0111\u1ecbnh s\u1eed d\u1ee5ng c\u00e1c t\u00ednh n\u0103ng ti\u00ean ti\u1ebfn c\u1ee7a n\u00f3.<\/p>\n

Bulma<\/strong><\/h2>\n

\"15<\/a><\/p>\n

Gi\u1edd \u0111\u00e2y, Flexbox \u0111\u00e3 h\u1ed7 tr\u1ee3 m\u1ea1nh m\u1ebd trong t\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t hi\u1ec7n \u0111\u1ea1i, ng\u00e0y c\u00e0ng nhi\u1ec1u khung c\u00f4ng t\u00e1c CSS \u0111ang b\u1eaft \u0111\u1ea7u \u0111\u01b0a v\u00e0o nh\u01b0 l\u00e0 m\u1ed9t t\u00ednh n\u0103ng ch\u00ednh. Bulma l\u00e0 m\u1ed9t trong nh\u1eefng c\u00e1ch m\u1edbi nh\u1ea5t \u0111\u1ec3 th\u1ef1c hi\u1ec7n vi\u1ec7c n\u00e0y.<\/span><\/p>\n

Bulma l\u00e0 m\u1ed9t khung d\u1ef1a tr\u00ean Sass v\u00e0 n\u00f3 l\u00e0 m\u00f4 \u0111un, cho ph\u00e9p b\u1ea1n s\u1eed d\u1ee5ng c\u00e1c ch\u1ec9 th\u1ecb @import \u0111\u1ec3 ch\u1ec9 bao g\u1ed3m c\u00e1c th\u00e0nh ph\u1ea7n m\u00e0 b\u1ea1n mu\u1ed1n trong b\u1ea5t k\u1ef3 d\u1ef1 \u00e1n n\u00e0o.\u00a0<\/span><\/p>\n

Yarn<\/strong><\/h2>\n

\"15<\/a><\/p>\n

C\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n t\u1ea1i Facebook \u0111\u00e3 x\u00e2y d\u1ef1ng m\u1ed9t gi\u1ea3i ph\u00e1p thay th\u1ebf cho NPM, tr\u00ecnh qu\u1ea3n l\u00fd g\u00f3i JavaScript ph\u1ed5 bi\u1ebfn. S\u1ee3i s\u1ebd h\u1ee9a h\u1eb9n c\u1ef1c nhanh, mega-an to\u00e0n v\u00e0 si\u00eau tin c\u1eady. N\u00f3 v\u1eabn cho ph\u00e9p truy c\u1eadp v\u00e0o s\u1ed5 \u0111\u0103ng k\u00fd npm nh\u01b0ng c\u00f3 c\u00e0i \u0111\u1eb7t g\u00f3i nhanh h\u01a1n v\u00e0 quy tr\u00ecnh qu\u1ea3n l\u00fd ph\u1ee5 thu\u1ed9c ph\u00f9 h\u1ee3p h\u01a1n tr\u00ean c\u00e1c m\u00e1y, k\u1ec3 c\u1ea3 ngo\u1ea1i tuy\u1ebfn.<\/span><\/p>\n

Bootstrap<\/strong><\/h2>\n

\"15<\/a><\/p>\n

Bootstrap ch\u1eafc ch\u1eafn kh\u00f4ng ph\u1ea3i l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 m\u1edbi. Tuy nhi\u00ean, phi\u00ean b\u1ea3n th\u1ee9 t\u01b0 c\u1ee7a khung c\u00f4ng t\u00e1c frontend ph\u1ed5 bi\u1ebfn nh\u1ea5t tr\u00ean th\u1ebf gi\u1edbi \u0111\u01b0\u1ee3c x\u1ebfp theo th\u1ee9 t\u1ef1 l\u00e0 ‘m\u1ed9t s\u1ef1 vi\u1ebft l\u1ea1i ch\u00ednh c\u1ee7a h\u1ea7u h\u1ebft to\u00e0n b\u1ed9 d\u1ef1 \u00e1n’.<\/p>\n

Bootstrap \u0111\u00e3 c\u00e1ch m\u1ea1ng h\u00f3a s\u1ef1 ph\u00e1t tri\u1ec3n v\u00e0 kh\u00f4ng c\u00f3 nghi ng\u1edd g\u00ec v\u1ec1 khu\u00f4n kh\u1ed5 ph\u1ed5 bi\u1ebfn s\u1ebd ti\u1ebfp t\u1ee5c \u0111\u1ecbnh h\u00ecnh c\u00e1ch ch\u00fang t\u00f4i x\u00e2y d\u1ef1ng c\u00f4ng c\u1ee5 tr\u00ean web.<\/p>\n

ally.js<\/strong><\/h2>\n

\"15<\/a><\/p>\n

Kh\u1ea3 n\u0103ng ti\u1ebfp c\u1eadn l\u00e0 m\u1ed9t trong nh\u1eefng kh\u00eda c\u1ea1nh th\u01b0\u1eddng b\u1ecb b\u1ecf qu\u00ean c\u1ee7a thi\u1ebft k\u1ebf v\u00e0 ph\u00e1t tri\u1ec3n, v\u00e0 ally.js c\u00f3 th\u1ec3 \u0111\u01a1n gi\u1ea3n h\u00f3a n\u00f3 cho b\u1ea1n.<\/span><\/p>\n

ally.js l\u00e0 m\u1ed9t th\u01b0 vi\u1ec7n JS cho ph\u00e9p b\u1ea1n ki\u1ec3m so\u00e1t t\u1ed1t c\u00e1c ph\u1ea7n t\u1eed c\u00f3 th\u1ec3 t\u1eadp trung v\u00e0 kh\u00f4ng t\u1eadp trung.<\/span><\/p>\n

Hai t\u00ednh n\u0103ng m\u1ea1nh m\u1ebd kh\u00e1c l\u00e0 kh\u1ea3 n\u0103ng x\u00e1c \u0111\u1ecbnh c\u00e1ch th\u1ee9c t\u1eadp trung \u0111\u00e3 thay \u0111\u1ed5i (b\u00e0n ph\u00edm, chu\u1ed9t, v\u00e2n v\u00e2n) v\u00e0 khi m\u1ed9t ph\u1ea7n t\u1eed c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u0111\u1ecbnh v\u1ecb v\u00e0 hi\u1ec3n th\u1ecb tr\u00ean m\u00e0n h\u00ecnh (\u0111i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 gi\u00fap tr\u00e1nh vi\u1ec7c cu\u1ed9n trang).<\/p>\n

Mobi.css<\/strong><\/h2>\n

\"15<\/a><\/p>\n

M\u1ed9t d\u1ef1 \u00e1n nh\u1ecf g\u1ecdn t\u1eeb nh\u00e0 ph\u00e1t tri\u1ec3n Trung Qu\u1ed1c Xcat Liu, Mobi.css l\u00e0 m\u1ed9t khung c\u00f4ng t\u00e1c CSS nh\u1eb9 s\u1eed d\u1ee5ng Flexbox, v\u1edbi tr\u1ecdng t\u00e2m \u0111\u1eb7c bi\u1ec7t l\u00e0 c\u00e1c phong c\u00e1ch di \u0111\u1ed9ng v\u00e0 di \u0111\u1ed9ng \u0111\u1ea7u ti\u00ean. C\u00f4ng c\u1ee5 n\u00e0y \u0111\u01a1n gi\u1ea3n h\u00f3a b\u1ed1 c\u1ee5c di \u0111\u1ed9ng \u0111\u1ea7u ti\u00ean v\u00e0 cung c\u1ea5p c\u00e1c ki\u1ec3u d\u00e1ng d\u1ec5 s\u1eed d\u1ee5ng cho c\u00e1c th\u00e0nh ph\u1ea7n.<\/p>\n

Origami Studio<\/strong><\/h2>\n

\"15<\/a><\/p>\n

Origami Studio l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 t\u1ea1o m\u1eabu v\u00e0 thi\u1ebft k\u1ebf d\u00e0nh cho Mac \u0111\u01b0\u1ee3c nh\u00f3m Facebook s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e2y d\u1ef1ng c\u00e1c s\u1ea3n ph\u1ea9m c\u1ee7a ri\u00eang m\u00ecnh. Origami cho ph\u00e9p b\u1ea1n l\u00e0m vi\u1ec7c theo l\u1edbp (b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 nh\u1eadp t\u1eeb Sketch). N\u00f3 bao g\u1ed3m c\u00e1c th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c t\u1ea1o s\u1eb5n t\u1eeb Material Design v\u00e0 iOS, v\u00e0 cho ph\u00e9p b\u1ea1n x\u00e2y d\u1ef1ng c\u00e1c th\u00e0nh ph\u1ea7n t\u01b0\u01a1ng t\u00e1c trong b\u1ea3ng Patch Editor. S\u00e1ng t\u1ea1o t\u01b0\u01a1ng t\u00e1c c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt tr\u1ef1c ti\u1ebfp trong c\u1eeda s\u1ed5 xem tr\u01b0\u1edbc \u0111\u1ec3 th\u1eed nghi\u1ec7m nhanh.<\/span><\/p>\n

Origami cung c\u1ea5p v\u00f4 s\u1ed1 c\u00e1ch \u0111\u1ec3 t\u1ea1o, th\u1eed nghi\u1ec7m v\u00e0 t\u00f9y ch\u1ec9nh nguy\u00ean m\u1eabu c\u1ee7a b\u1ea1n.<\/p>\n

Foundation for Emails 2<\/strong><\/h2>\n

\"15<\/a><\/strong><\/h2>\n

L\u00e0 m\u1ed9t khu\u00f4n kh\u1ed5 t\u1eeb ZURB tr\u01b0\u1edbc \u0111\u00e2y g\u1ecdi l\u00e0 M\u1ef1c. N\u00f3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 t\u1ea1o c\u00e1c email HTML \u0111\u00e1p \u1ee9ng ho\u1ea1t \u0111\u1ed9ng tr\u00ean m\u1ecdi n\u1ec1n t\u1ea3ng v\u00e0 d\u1ecbch v\u1ee5, k\u1ebft h\u1ee3p v\u1edbi nhau c\u00e1c ph\u01b0\u01a1ng ph\u00e1p vi\u1ebft m\u00e3 t\u1ed1t nh\u1ea5t cho email. Phi\u00ean b\u1ea3n m\u1edbi nh\u1ea5t s\u1eed d\u1ee5ng c\u01a1 s\u1edf m\u00e3 Sass cho ph\u00e9p b\u1ea1n truy c\u1eadp t\u1ec7p c\u00e0i \u0111\u1eb7t, trong \u0111\u00f3 b\u1ea1n c\u00f3 th\u1ec3 x\u00e1c \u0111\u1ecbnh t\u1ea5t c\u1ea3 c\u00e1c lo\u1ea1i m\u1eb7c \u0111\u1ecbnh cho ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u c\u1ee7a b\u1ea1n.<\/span><\/p>\n

\n","protected":false},"excerpt":{"rendered":"

Ti\u1ebfp t\u1ee5c danh s\u00e1ch c\u1ee7a ph\u1ea7n 1. Quill Quill \u0111\u01b0\u1ee3c l\u1eadp tr\u00ecnh\u00a0nh\u01b0 l\u00e0 m\u1ed9t tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n \u0111a d\u1ea1ng WYSIWYG cho c\u00e1c trang web hi\u1ec7n \u0111\u1ea1i. C\u00f3 r\u1ea5t nhi\u1ec1u ng\u1eef c\u1ea3nh kh\u00e1c nhau trong c\u00e1c \u1ee9ng d\u1ee5ng, n\u01a1i m\u1ed9t tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n phong ph\u00fa l\u00e0 c\u1ea7n thi\u1ebft, do \u0111\u00f3 kh\u00f4ng c\u00f3…<\/p>\n","protected":false},"author":5,"featured_media":9992,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[845,601],"class_list":["post-7738","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-cong-ty-thiet-ke-website","tag-thiet-ke-website"],"_links":{"self":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/7738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7738"}],"version-history":[{"count":0,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/7738\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/media\/9992"}],"wp:attachment":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}