{"id":234417,"date":"2014-09-02T10:13:02","date_gmt":"2014-09-02T06:13:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=234417"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=234417","title":{"rendered":"\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0441\u0442\u0435\u0439 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 #26<\/span>"},"content":{"rendered":"
\t\u0414\u043e\u0431\u0440\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u0443\u0442\u043e\u043a, \u0443\u0432\u0430\u0436\u0430\u0435\u043c\u044b\u0435 \u0445\u0430\u0431\u0440\u0430\u0432\u0447\u0430\u043d\u0435. \u0417\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u044f \u0443\u0432\u0438\u0434\u0435\u043b \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432\/\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\/\u0441\u043e\u0431\u044b\u0442\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0441 \u0425\u0430\u0431\u0440\u043e\u043c. <\/p>\n

Best of Awesomeness & Usefulness for Web Developers<\/a><\/h4>\n

\u0414\u0432\u0435 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0430\u0437\u0430\u0434 \u044f \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043b \u00ab\u041b\u0443\u0447\u0448\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0441\u0442\u0438 \u0437\u0430 \u0433\u043e\u0434\u00bb<\/a>. \u041c\u043e\u0438\u043c \u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442\u0430\u043c \u0442\u043e\u0433\u0434\u0430 \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u043b\u0441\u044f \u0440\u043e\u0432\u043d\u043e \u043e\u0434\u0438\u043d \u0433\u043e\u0434 \u0438 \u044f \u0445\u043e\u0442\u0435\u043b \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043f\u043e\u0441\u0442 \u0442\u043e\u0447\u043d\u043e \u0432 \u0441\u0440\u043e\u043a. \u041d\u043e \u043d\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043b \u0432\u0440\u0435\u043c\u044f \u0438 \u043d\u0435 \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u043b \u043c\u043d\u043e\u0433\u043e \u0432\u0441\u0435\u0433\u043e, \u0447\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b\u0442\u044c \u0432 \u0442\u043e\u0439 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0435. \u0418 \u0434\u0430\u0436\u0435 \u0432 \u043e\u043f\u0440\u043e\u0441\u0430\u0445 \u0437\u0430\u0431\u044b\u043b \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0432 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430\u0445 Vim, \u0432\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u0445 ExtJS \u0438 \u0442\u0434. \u0417\u0430 \u0447\u0442\u043e \u043c\u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0441\u0442\u044b\u0434\u043d\u043e. \u0412 \u0446\u0435\u043b\u043e\u043c \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u0432\u044b\u0440\u043e\u0441\u043b\u0430 \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0432 \u0434\u0432\u0430 \u0440\u0430\u0437\u0430<\/b> \u0438 \u044f \u0441\u043e\u0437\u0434\u0430\u043b \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u043d\u0430 GitHub<\/a>. \u041c\u043e\u0435\u0439 \u0446\u0435\u043b\u044c\u044e \u043d\u0435 \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 awesome-*<\/b> \u0441\u043f\u0438\u0441\u043e\u043a, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0435 \u043f\u043e\u0434\u0440\u044f\u0434 \u2014 \u043b\u0443\u0447\u0448\u0438\u0435 \u0438 \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u0435 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b. \u042f \u043f\u043e\u043f\u044b\u0442\u0430\u043b\u0441\u044f \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u0432\u0441\u0435 \u0441\u0430\u043c\u043e\u0435 \u043b\u0443\u0447\u0448\u0435\u0435. <\/p>\n

DUO<\/a><\/h4>\n

<\/a>
\u0410\u0432\u0442\u043e\u0440\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u0435\u0433\u043e \u0441\u0431\u043e\u0440\u0449\u0438\u043a\u043e\u043c \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043a\u043e\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432. DUO \u0441\u043e\u0431\u0440\u0430\u043b \u0432 \u0441\u0435\u0431\u0435 \u0432\u0441\u0435 \u0441\u0430\u043c\u043e\u0435 \u043b\u0443\u0447\u0448\u0435\u0435 \u043e\u0442 Component, Browserify \u0438 Go. <\/p>\n

<\/a> <\/p>\n

Scrapper.js<\/a><\/h4>\n

\u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0432\u0435\u0431-\u043f\u0430\u0440\u0441\u0435\u0440 \u0434\u043b\u044f \u043d\u043e\u0434\u044b. <\/p>\n

var scraperjs = require('scraperjs'); scraperjs.StaticScraper.create('https:\/\/news.ycombinator.com\/')     .scrape(function($) {         return $(".title a").map(function() {             return $(this).text();         }).get();     }, function(news) {         console.log(news);     }) <\/code><\/pre>\n
Way.js<\/a><\/h4>\n
  \u041f\u0440\u043e\u0441\u0442\u043e\u0439, \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u044b\u0439, \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0438 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u044f\u0449\u0438\u0439 \u043e\u0442 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u043a \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0444\u0440\u0435\u0439\u043c\u043e\u0440\u043a \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 databinding. \u0421\u043a\u0440\u0438\u043f\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u0435\u043d \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0438 \u0432\u0441\u0435\u0433\u043e \u0437\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0434\u043d\u0435\u0439 \u0441\u043e\u0431\u0440\u0430\u043b \u043f\u043e\u0447\u0442\u0438 2000 \u0437\u0432\u0435\u0437\u0434 \u043d\u0430 GitHub.<\/p>\n
  <form way-data="myFormData" way-persistent="true">     <input type="text" name="name">     <input type="text" name="age">     <input type="text" name="gender">   <\/form>    Name: <span way-data="myFormData.name"><\/span> <\/code><\/pre>\n
CSS Must Watch<\/a><\/h4>\n
  \u00ab\u0416\u0438\u0432\u043e\u0439 \u0441\u043f\u0438\u0441\u043e\u043a\u00bb \u043b\u0443\u0447\u0448\u0438\u0445 \u0432\u0438\u0434\u0435\u043e \u0441 \u043b\u0435\u043a\u0446\u0438\u0439 \u0438 \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0439 \u043f\u043e CSS. \u041f\u0440\u043e\u0434\u0443\u0431\u043b\u0438\u0440\u0443\u044e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0438: <\/p>\n
  2014<\/b>  <\/p>\n
    \n
  1. What Is a CSS Framework Anyway?<\/strong><\/a>: Harry Roberts, Industry Conf [48:48]<\/li>\n
  2. CSS Is a Mess<\/strong><\/a>: Jonathan Snook, Beyond Tellerand [53:49]<\/li>\n
  3. Slaying the Dragon: How to Refactor CSS for Maintainability<\/strong><\/a>: Alicia Liu, Front-Trends [33:21]<\/li>\n
  4. CSS in Your Pocket \u2014 Mobile CSS Tips from the Trenches<\/strong><\/a>: Angelina Fabbro, CSSConf.US [34:19]<\/li>\n
  5. Styling and Animating Scalable Vector Graphics with CSS<\/strong><\/a>: Sara Soueidan, CSSConf.US [38:59]<\/li>\n
  6. Play Nice With CSS Tools and Methodologies<\/strong><\/a>: Brad Westfall, HTML5DevConf [42:47]<\/li>\n
  7. Effortless Style<\/strong><\/a>: Heydon Pickering, CSS Day [49:51]<\/li>\n<\/ol>\n
      2013<\/b>  <\/p>\n
      \n
    1. When Bootstrap Attacks<\/strong><\/a>: Pamela Fox, CSSConf.US [28:48]<\/li>\n
    2. CSS in the 4th Dimension<\/strong><\/a>: Lea Verou, JSConf.Asia [44:49]<\/li>\n
    3. Automated CSS Testing<\/strong><\/a>: Jakob Mattsson, JSConf.Asia [42:07]<\/li>\n
    4. CSSConf.EU Keynote<\/strong><\/a>: Nicole Sullivan, CSSConf.EU [20:57]<\/li>\n
    5. CSS Application Architecture<\/strong><\/a>: Nicolas Gallagher, SmashingConf [38:36]<\/li>\n
    6. Realigning & Refactoring UI<\/strong><\/a>: Jina Bolton, SassConf [48:08]<\/li>\n
    7. Normalizing Designs for Better Quality CSS<\/strong><\/a>: Harry Roberts, CSSConf.EU [43:40]<\/li>\n
    8. Automating the Removal of Unused CSS<\/strong><\/a>: Addy Osmani, Velocity Europe Conference [5:57]<\/li>\n
    9. The Humble Border-Radius<\/strong><\/a>: Lea Verou, Future of Web Design [37:07]<\/li>\n
    10. The Mind-blowing Power of Sass 3.3<\/strong><\/a>: Chris Eppstein, CSSConf.EU [38:54]<\/li>\n
    11. Front-End Tools for the Young Developer<\/strong><\/a>: Christian Vuerings, SF HTML5 User Group [14:16]<\/li>\n
    12. Maths-Powered Transforms for Creating 3D Shapes<\/strong><\/a>: Ana-Maria Tudor, CSSConf.EU [30:27]<\/li>\n
    13. Sass and OOCSS Sitting in a Tree K-I-S-S-I-N-G<\/strong><\/a>: Nicole Sullivan, TXJS [27:50]<\/li>\n
    14. CSS Levels Up<\/strong><\/a>: Angelina Fabbro, CSSConf.EU [31:38]<\/li>\n
    15. Architecting Scalable CSS<\/strong><\/a>: Harry Roberts, Beyond Tellerand [41:57]<\/li>\n
    16. More CSS Secrets: Another 10 Things You May Not Know about CSS<\/strong><\/a>: Lea Verou, W3Conf [60:39]<\/li>\n
    17. Atomic Cascading Style Sheets<\/strong><\/a>: Renato Iwashima, HTML5DevConf [52:33]<\/li>\n<\/ol>\n
        2012<\/b>  <\/p>\n
        \n
      1. Open Source Tools and Libraries for Designers<\/strong><\/a>: Julie Ann Horvath, HTML5DevConf [29:39]<\/li>\n
      2. GitHub’s CSS Performance<\/strong><\/a>: Jon Rohan, CSS Dev Conf [40:50]<\/li>\n<\/ol>\n
          2010<\/b>  <\/p>\n
          \n
        1. Handcrafted CSS<\/strong><\/a>: Dan Cederholm, Build Conference [44:29]<\/li>\n
        2. The Top 5 Mistakes of Massive CSS<\/strong><\/a>: Nicole Sullivan, Build Conference [37:53]<\/li>\n<\/ol>\n
          Heatmap.js<\/a><\/h4>\n
            <\/a>
            \u042f \u0434\u0443\u043c\u0430\u044e \u0432\u0441\u0435 \u0443\u0436\u0435 \u043f\u043e\u043d\u044f\u043b\u0438, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u044d\u0442\u043e\u0442 \u0441\u043a\u0440\u0438\u043f\u0442. \u042d\u0442\u043e \u043f\u0440\u0435\u0434\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0442\u0435\u043f\u043b\u043e\u0432\u044b\u0445 \u043a\u0430\u0440\u0442. \u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043b\u0438\u0448\u044c \u0443\u043a\u0430\u0437\u0430\u0442\u044c DOM \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0438 \u0434\u0438\u0430\u043f\u043e\u0437\u043e\u043d \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439. \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0434\u043b\u044f GMAPS, Leaflet \u0438 OpenLayers. \u041a\u0441\u0442\u0430\u0442\u0438 \u0430\u0432\u0442\u043e\u0440 Heatmap.js \u0445\u0440\u0430\u043d\u0438\u0442 \u0443 \u0441\u0435\u0431\u044f \u043d\u0430 \u0433\u0438\u0442\u0445\u0430\u0431\u0435           nude.js<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0441\u043f\u043e\u0437\u043d\u0430\u0435\u0442 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u0436\u0430\u043d\u0440\u0435 \u00ab\u041d\u044e\u00bb.<\/p>\n
          Monocle<\/a> \u2014 \u043d\u0435\u043e\u0440\u0434\u0438\u043d\u0430\u0440\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0441\u0442\u043d\u044b\u0445 \u043b\u0435\u043d\u0442.<\/h4>\n
            <\/p>\n
          \u0417\u0430\u043f\u0430\u0434\u043d\u044b\u0435 \u043c\u044b\u0441\u043b\u0438 \u0438\u043b\u0438 \u0447\u0442\u043e \u0441\u0442\u043e\u0438\u043b\u043e \u0431\u044b \u043f\u0435\u0440\u0435\u0432\u0435\u0441\u0442\u0438 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435:<\/h4>\n
            <\/p>\n