{"id":268031,"date":"2015-11-12T03:10:02","date_gmt":"2015-11-12T00:10:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=268031"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=268031","title":{"rendered":"50 \u043b\u0443\u0447\u0448\u0438\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 CSS \u0438 JavaScript"},"content":{"rendered":"<p>       \u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u044b\u0442\u044c \u0432 \u043a\u0443\u0440\u0441\u0435 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432. \u042f \u043d\u0430\u0448\u0451\u043b \u0438 \u0432\u044b\u0431\u0440\u0430\u043b \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043b\u0443\u0447\u0448\u0438\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043a\u0430\u043a CSS, \u0442\u0430\u043a \u0438 JavaScript. \u042d\u0442\u043e \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043a\u043e\u043f\u0438\u043f\u0430\u0441\u0442\u0430 \u2013 \u044d\u0442\u043e \u0432\u044b\u0431\u043e\u0440\u043a\u0430, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043a\u0430\u043a \u043d\u0430 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u044f\u0445, \u0442\u0430\u043a \u0438 \u043d\u0430 \u043b\u0438\u0447\u043d\u043e\u043c \u043e\u043f\u044b\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n<p>  \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0444\u0440\u043e\u043d\u0442\u044d\u043d\u0434\u0430 \u2013 \u0448\u0442\u0443\u043a\u0430 \u0445\u0438\u0442\u0440\u0430\u044f. \u0418 \u0445\u043e\u0442\u044f \u043e\u043d\u0430 \u043d\u0435 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0441\u043b\u043e\u0436\u043d\u0430\u044f \u0434\u043b\u044f \u043e\u0441\u0432\u043e\u0435\u043d\u0438\u044f, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0438 \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u0442\u0430\u043a\u0436\u0435 \u043d\u0435 \u043f\u043e\u043c\u0435\u0448\u0430\u0435\u0442. \u0412 \u0441\u0435\u0442\u0438 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b. \u041e\u043d\u0438 \u043c\u043e\u0433\u0443\u0442 \u0434\u0430\u0442\u044c \u0442\u043e\u043b\u0447\u043e\u043a \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044e \u0432\u0430\u0448\u0438\u0445 \u043d\u0430\u0432\u044b\u043a\u043e\u0432 \u0438 \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u043b\u0443\u0447\u0448\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443. <\/p>\n<h4>\u041b\u0443\u0447\u0448\u0438\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f CSS \u0438 JavaScript<\/h4>\n<p>  <a href=\"http:\/\/picturepan2.github.io\/fileicon.css\/\">1) Fileicone<\/a><\/p>\n<p>  \u0421\u0431\u043e\u0440\u043d\u0438\u043a 100%-CSS \u0444\u0430\u0439\u043b\u043e\u0432\u044b\u0445 \u0438\u043a\u043e\u043d\u043e\u043a. \u041c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/1-Fileicone.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/matthewblode.com\/marx\/\">2) Marx<\/a><\/p>\n<p>  \u042d\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u043e\u0435 \u043e\u0431\u043d\u0443\u043b\u0435\u043d\u0438\u0435 CSS \u0431\u0435\u0437\u043e \u0432\u0441\u044f\u043a\u043e\u0433\u043e JavaScript.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/f23\/39a\/de2\/f2339ade25542b52a6ec9263ca03b1f0.jpg\" alt=\"image\"\/><br \/>  <a name=\"habracut\"><\/a><br \/>  <a href=\"http:\/\/www.transformicons.com\/\">3) Transformicons<\/a><\/p>\n<p>  \u041f\u043e\u0442\u0440\u044f\u0441\u0430\u044e\u0449\u0438\u0435 \u0438 \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u043d\u043d\u044b\u0435 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438, \u043a\u043d\u043e\u043f\u043a\u0438 \u0438 \u0441\u0438\u043c\u0432\u043e\u043b\u044b, \u0441\u0434\u0435\u043b\u0430\u043d\u043d\u044b\u0435 \u0447\u0435\u0440\u0435\u0437 CSS \u0438 SVG.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/3-Transformicons.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/jonathantneal.github.io\/sanitize.css\/\">4) Sanitize.css<\/a><\/p>\n<p>  \u041e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u0441 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u043c\u0438.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/4-Sanitize.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/connoratherton.com\/loaders\">5) Loader.css<\/a><\/p>\n<p>  \u0423\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0431\u044b\u0441\u0442\u0440\u044b\u0445 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 \u043d\u0430 \u0447\u0438\u0441\u0442\u043e\u043c CSS<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/5-Loader.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/www.dthms.com\/sassy-flags.php\">6) SassyFlags<\/a><\/p>\n<p>  \u041f\u0440\u043e\u0441\u0442\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0449\u0430\u044f \u0444\u043b\u0430\u0433\u0438 \u043d\u0430 \u0441\u0430\u0439\u0442.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/6-SassyFlags.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/primercss.io\/\">7) Primer<\/a><\/p>\n<p>  CSS-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0439\u0441\u044f \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 GitHub.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/7-Primer.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/flickity.metafizzy.co\/\">8) Flickity<\/a><\/p>\n<p>  CSS-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0433\u0430\u043b\u0435\u0440\u0435\u0439 \u0438 \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u043e\u0432 \u0431\u0435\u0437 \u0443\u0441\u0438\u043b\u0438\u0439 \u0441 \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/8-Flickity.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/www.christopheryee.ca\/pushy\/\">9) Pushy<\/a><\/p>\n<p>  \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 CSS-\u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0438 \u0442\u0440\u0430\u043d\u0437\u0438\u0442\u044b.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/9-Pushy.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/www.cssstats.com\/\">10) CSS Stats<\/a><\/p>\n<p>  \u0412\u044b\u0432\u043e\u0434\u0438\u0442 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0443 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u0430\u0448\u0435\u0433\u043e CSS<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/10-CSS-Stats.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/flexboxin5.com\/\">11) Flexbox<\/a><\/p>\n<p>  \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 flexbox \u0437\u0430 5 \u043c\u0438\u043d\u0443\u0442, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0441\u0430\u043c\u044b\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 CSS.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/11-Flexbox.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"https:\/\/github.com\/philipwalton\/flexbugs\">12) Flexbugs<\/a><\/p>\n<p>  \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0439 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c\u044b\u0439 \u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0438 \u043e\u0448\u0438\u0431\u043e\u043a, \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0449\u0438\u0445 \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 flexbox.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/9f0\/196\/097\/9f01960970865e2096733b646b73ed1a.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/hictech.github.io\/cssPlusWebsite\/\">13) cssPlus<\/a><\/p>\n<p>  \u0425\u043e\u0440\u043e\u0448\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0430\u044f, \u0431\u044b\u0441\u0442\u0440\u0430\u044f \u043a\u0440\u043e\u0441\u0441-\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u0430\u044f \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0430, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u043d\u0430 Flexbox.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/f05\/e9b\/092\/f05e9b092f296a64916bdcf30bb67977.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/flexible.gs\/\">14) Flexible.gs<\/a><\/p>\n<p>  \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 CSS-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0435\u0442\u043e\u043a.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/d11\/9dc\/2ff\/d119dc2ffd55973466b5521fdde3c569.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/sanographix.github.io\/rin\/\">15) Rin<\/a><\/p>\n<p>  \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0434\u043b\u044f HTML \u0438 SASS \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 gulp.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/36d\/b93\/ad8\/36db93ad8f4e33db621a5a7f250af68d.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"https:\/\/www.weepower.com\/\">16) Wee<\/a><\/p>\n<p>  \u0415\u0449\u0451 \u043e\u0434\u0438\u043d \u043b\u0451\u0433\u043a\u0438\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u044d\u043d\u0434\u0430. \u041f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/a9b\/b77\/9fc\/a9bb779fcefef4240cce016d86752467.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/spacebase.space150.com\/\">17) SpaceBase<\/a><\/p>\n<p>  \u0415\u0449\u0451 \u043e\u0434\u0438\u043d \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 CSS-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/da6\/afe\/c48\/da6afec48e4ee70cdac60229c3964c03.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/decorator.codable.org\/\">18) Decorator<\/a><\/p>\n<p>  \u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0441\u0440\u0430\u0437\u0443 \u0434\u043b\u044f HTML, JavaScript \u0438 CSS.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/18-Decorator.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/rebar.io\/\">19) Rebar<\/a><\/p>\n<p>  \u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0435\u0442\u043e\u043a \u043d\u0430 Sass \/ Stylus<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/19-Rebar.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"https:\/\/github.com\/corysimmons\/lost\">20) Lost<\/a><\/p>\n<p>  \u0415\u0449\u0451 \u043e\u0434\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u0435\u0442\u043e\u043a \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 Stylus, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0430\u044f \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c calc().<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/20-Lost.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/rwdgrid.com\/\">21) RWDGRID<\/a><\/p>\n<p>  \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0435\u0442\u043e\u043a, \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 960grid.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/bf7\/76c\/ed2\/bf776ced2677ab4140da79a74d966525.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/www.adchsm.me\/manhattan\/\">22) Manhattann<\/a><\/p>\n<p>  \u041f\u0440\u043e\u0441\u0442\u0430\u044f \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u0430\u044f \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0435\u0442\u043e\u043a \u043d\u0430 CSS.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/388\/5b4\/3c4\/3885b43c4641edd605cf5f111f965309.jpg\" alt=\"image\"\/><\/p>\n<h4>\u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0434\u043b\u044f <a href=\"http:\/\/www.google.com\/design\/spec\/material-design\/introduction.html\">Google Material Design<\/a><\/h4>\n<p>  <a href=\"https:\/\/github.com\/daemonite\/material\">23) Material<\/a><\/p>\n<p>  \u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f HTML5 UI, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0439 Material Design.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/23-Material.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/ui.lumapps.com\/\">24) LumX<\/a><\/p>\n<p>  \u041e\u0434\u0438\u043d \u0438\u0437 \u043f\u0435\u0440\u0432\u044b\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u044d\u043d\u0434\u0430, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0430 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f\u0445 AngularJS \u0438 Material Design.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/24-LumX.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"https:\/\/www.muicss.com\/\">25) MUI<\/a><\/p>\n<p>  \u041b\u0451\u0433\u043a\u0438\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 Material Designs.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/25-MUI.jpg\" alt=\"image\"\/><\/p>\n<h4>\u0412\u0441\u044f\u043a\u043e\u0435 \u0440\u0430\u0437\u043d\u043e\u0435<\/h4>\n<p>  <a href=\"http:\/\/saeedalipoor.github.io\/icono\/\">26) icono<\/a><\/p>\n<p>  \u041e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0438\u043a\u043e\u043d\u043e\u043a \u043d\u0430 \u0447\u0438\u0441\u0442\u043e\u043c CSS<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/26-icono.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/www.gradient-animator.com\/\">27) CSS Gradient Animator<\/a><\/p>\n<p>  \u0421\u043e\u0437\u0434\u0430\u0451\u0442 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u044b, \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043d\u0438\u043c \u043c\u043e\u0436\u043d\u043e \u0447\u0435\u0440\u0435\u0437 \u0432\u0435\u0431-\u0444\u043e\u0440\u043c\u0443.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/27-CSS-Gradient-Animator.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/jaicab.com\/localFont\/\">28) LocalFont<\/a><\/p>\n<p>  \u041f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u043e \u0448\u0440\u0438\u0444\u0442\u0430\u043c\u0438 \u0432 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 localStorage.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/28-LocalFont.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/webfontload.com\/\">29) Web Font Load<\/a><\/p>\n<p>  \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 Google Web Fonts \u043d\u0430 OSX.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/29-Web-Font-Load.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/ai2html.org\/\">30) ai2html<\/a><\/p>\n<p>  \u0421\u043a\u0440\u0438\u043f\u0442 \u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u043c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c, \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0449\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b Adobe Illustrator \u0432 HTML \u0441 CSS.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/c3f\/fe5\/6b4\/c3ffe56b4d2265eda6e0d24699d76d85.jpg\" alt=\"image\"\/><\/p>\n<h4>\u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 JavaScript<\/h4>\n<p>  <a href=\"http:\/\/matthewblode.com\/marx\/\">31) Marx<\/a><\/p>\n<p>  CSS-\u0440\u0435\u0441\u0435\u0442.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/f23\/39a\/de2\/f2339ade25542b52a6ec9263ca03b1f0.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"https:\/\/github.com\/bendc\/sprint\">32) Sprint<\/a><\/p>\n<p>  \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f jQuery-\u043f\u043e\u0434\u043e\u0431\u043d\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0441 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0438 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 (\u0432 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u043e\u0432 \u0438 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u043e\u0432)<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/32-Sprint.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/www.svidget.com\/\">33) Svidget.js<\/a><\/p>\n<p>  \u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f SVG-\u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/33-Svidget.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/rileyjshaw.com\/challenger\/\">34) Challenger.js<\/a><\/p>\n<p>  \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0437\u0430\u0434\u0430\u0447\u0435\u043a \u043d\u0430 JavaScript.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/a70\/1a2\/52e\/a701a252ef9fd5a0a4a6b757e7669901.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/vorlonjs.com\/\">35) Verlon.JS<\/a><\/p>\n<p>  \u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0434\u043b\u044f \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u043e\u0439 \u043e\u0442\u043b\u0430\u0434\u043a\u0438 \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f JavaScript. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 node.js \u0438 socket.io.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/904\/666\/ddd\/904666ddd154b73e2e1b236cd7da26a3.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/callmecavs.github.io\/layzr.js\/\">36) Layzr.JS<\/a><\/p>\n<p>  \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u00ab\u043b\u0435\u043d\u0438\u0432\u043e\u0439\u00bb \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/9a6\/fd8\/529\/9a6fd8529788124ec6b9256cfdccde3f.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/nexts.github.io\/Clusterize.js\/\">37) Clusterize.js<\/a><\/p>\n<p>  \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0433\u043e \u0432\u044b\u0432\u043e\u0434\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/419\/d92\/875\/419d92875c124bd7820e6b2068e7544b.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/tholman.com\/elevator.js\/\">38) Elevator.js<\/a><\/p>\n<p>  \u0417\u0430\u0431\u0430\u0432\u043d\u044b\u0439 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u043a \u043d\u0430\u0447\u0430\u043b\u0443.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/786\/dfd\/bbb\/786dfdbbb48d6e7b996421bfd791e054.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"https:\/\/github.com\/mikeflynn\/egg.js\">39) egg.js<\/a><\/p>\n<p>  \u041f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u00ab\u043f\u0430\u0441\u0445\u0430\u043b\u043e\u043a\u00bb \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/9e9\/5e8\/b4c\/9e95e8b4c9252f7af8a4ad063a3ec320.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"https:\/\/github.com\/Paul-Browne\/epicGrid\">41) epicGrid<\/a><\/p>\n<p>  \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0435\u0442\u043e\u043a.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/164\/876\/a28\/164876a2863602aee7a34e0865a937fc.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/www.rich-harris.co.uk\/ramjet\/\">42) ramjet.js<\/a><\/p>\n<p>  \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u043f\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 DOM \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/884\/314\/30d\/88431430d6fc764ebba8504f48d9b9b1.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/itemslide.github.io\/\">43) ItemSlide.js<\/a><\/p>\n<p>  \u041a\u0430\u0440\u0443\u0441\u0435\u043b\u044c\u043a\u0430 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u0441\u0435\u043d\u0441\u043e\u0440\u043d\u044b\u0445 \u044d\u043a\u0440\u0430\u043d\u043e\u0432, \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/43-ItemSlide.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/www.pluminjs.com\/\">44) Plumin.js<\/a><\/p>\n<p>  \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/44-Plumin.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/cloudcannon.com\/smileys\/\">45) smiley.js<\/a><\/p>\n<p>  \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u043f\u043e\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u0441\u043c\u0430\u0439\u043b\u0438\u043a\u0438 \u043d\u0430 90 \u0433\u0440\u0430\u0434\u0443\u0441\u043e\u0432 \u0434\u043b\u044f \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/461\/2e5\/86a\/4612e586a5af55d0598e27c48af8fac7.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/maxwellito.github.io\/vivus\/\">46) vivus.js<\/a><\/p>\n<p>  \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 SVG.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/46-vivus.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/joeyvandijk.github.io\/rimg\/\">47) Rimg<\/a><\/p>\n<p>  \u041d\u0430\u0431\u043e\u0440 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0431\u0435\u0441\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u043e\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 media queries.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/47-Rimg.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/git.blivesta.com\/animsition\/\">48) Animsition<\/a><\/p>\n<p>  jQuery \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f CSS-\u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/dca\/dee\/e61\/dcadeee61e91a2404f43df69b9dcbc29.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/tholman.com\/unicoder.js\/\">49) Unicoder.js<\/a><\/p>\n<p>  \u041f\u043b\u0430\u0433\u0438\u043d \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u0442 \u0442\u0435\u043a\u0441\u0442 \u0432 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0432\u0438\u0434 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432 Unicode.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/795\/438\/0e5\/7954380e5fa33412f354dd876e4c9767.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/www.slashie.org\/space.js\/\">50) Space.js<\/a><\/p>\n<p>  HTML \u0438 JavaScript \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0442\u0440\u0451\u0445\u043c\u0435\u0440\u043d\u043e\u0439 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/73b\/d42\/b35\/73bd42b35919d289978d55a05d70529e.jpg\" alt=\"image\"\/>       <\/p>\n<div class=\"clear\"><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/270705\/\"> http:\/\/habrahabr.ru\/post\/270705\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>       \u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u044b\u0442\u044c \u0432 \u043a\u0443\u0440\u0441\u0435 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432. \u042f \u043d\u0430\u0448\u0451\u043b \u0438 \u0432\u044b\u0431\u0440\u0430\u043b \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043b\u0443\u0447\u0448\u0438\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043a\u0430\u043a CSS, \u0442\u0430\u043a \u0438 JavaScript. \u042d\u0442\u043e \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043a\u043e\u043f\u0438\u043f\u0430\u0441\u0442\u0430 \u2013 \u044d\u0442\u043e \u0432\u044b\u0431\u043e\u0440\u043a\u0430, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043a\u0430\u043a \u043d\u0430 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u044f\u0445, \u0442\u0430\u043a \u0438 \u043d\u0430 \u043b\u0438\u0447\u043d\u043e\u043c \u043e\u043f\u044b\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n<p>  \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0444\u0440\u043e\u043d\u0442\u044d\u043d\u0434\u0430 \u2013 \u0448\u0442\u0443\u043a\u0430 \u0445\u0438\u0442\u0440\u0430\u044f. \u0418 \u0445\u043e\u0442\u044f \u043e\u043d\u0430 \u043d\u0435 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0441\u043b\u043e\u0436\u043d\u0430\u044f \u0434\u043b\u044f \u043e\u0441\u0432\u043e\u0435\u043d\u0438\u044f, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0438 \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u0442\u0430\u043a\u0436\u0435 \u043d\u0435 \u043f\u043e\u043c\u0435\u0448\u0430\u0435\u0442. \u0412 \u0441\u0435\u0442\u0438 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b. \u041e\u043d\u0438 \u043c\u043e\u0433\u0443\u0442 \u0434\u0430\u0442\u044c \u0442\u043e\u043b\u0447\u043e\u043a \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044e \u0432\u0430\u0448\u0438\u0445 \u043d\u0430\u0432\u044b\u043a\u043e\u0432 \u0438 \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u043b\u0443\u0447\u0448\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443. <\/p>\n<h4>\u041b\u0443\u0447\u0448\u0438\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f CSS \u0438 JavaScript<\/h4>\n<p>  <a href=\"http:\/\/picturepan2.github.io\/fileicon.css\/\">1) Fileicone<\/a><\/p>\n<p>  \u0421\u0431\u043e\u0440\u043d\u0438\u043a 100%-CSS \u0444\u0430\u0439\u043b\u043e\u0432\u044b\u0445 \u0438\u043a\u043e\u043d\u043e\u043a. \u041c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/designposts.net\/wp-content\/uploads\/2015\/05\/1-Fileicone.jpg\" alt=\"image\"\/><\/p>\n<p>  <a href=\"http:\/\/matthewblode.com\/marx\/\">2) Marx<\/a><\/p>\n<p>  \u042d\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u043e\u0435 \u043e\u0431\u043d\u0443\u043b\u0435\u043d\u0438\u0435 CSS \u0431\u0435\u0437\u043e \u0432\u0441\u044f\u043a\u043e\u0433\u043e JavaScript.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/f23\/39a\/de2\/f2339ade25542b52a6ec9263ca03b1f0.jpg\" alt=\"image\"\/>  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-268031","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/268031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=268031"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/268031\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=268031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=268031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=268031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}