⬆️ ⬇️

Some interesting and useful things for web developer # 26

Good day, dear habravchane. Recently, I saw some interesting and useful tools / libraries / events that I want to share with Habr.



Best of Awesomeness & Usefulness for Web Developers



Two weeks ago, I published "The best interesting and useful for the year . " My digests then turned exactly one year and I wanted to place the post exactly on time. But I didn’t calculate the time correctly and didn’t mention a lot of things that should have been in that collection. And even in polls I forgot to specify in Vim editors, in ExtJS frameworks and so on. For which I am very ashamed. In general, the compilation has grown at least twice and I created a repository on GitHub . My goal was not to make another awesome- * list, which includes almost everything in a row - the best and unnecessary alternatives. I tried to highlight all the best.



Duo





The authors of the project call it a new generation frontend for front-end developers. DUO has gathered all the best from Component, Browserify and Go.

')



Scrapper.js



Great web parser for the node.

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); }) 




Way.js



Simple, compact, functional and independent of the library supporter framework for working with databinding. The script is really very easy to use and in just a few days gathered almost 2000 stars on GitHub.



  <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> 




CSS Must Watch



"Live list" of the best videos from lectures and conferences on CSS. I duplicate the contents of the repository at the time of publication of the collection:



2014

  1. What is a CSS Framework Anyway? : Harry Roberts, Industry Conf [48:48]
  2. CSS Is A Mess : Jonathan Snook, Beyond Tellerand [53:49]
  3. CSS for Maintainability : Alicia Liu, Front-Trends [33:21]
  4. CSS in Your Pocket - Mobile CSS Tips from the Trenches : Angelina Fabbro, CSSConf.US [34:19]
  5. Styling and Animating Scalable Vector Graphics with CSS : Sara Soueidan, CSSConf.US [38:59]
  6. Play Nice With CSS Tools and Methodologies : Brad Westfall, HTML5DevConf [42:47]
  7. Effortless Style : Heydon Pickering, CSS Day [49:51]




2013

  1. When Bootstrap Attacks : Pamela Fox, CSSConf.US [28:48]
  2. CSS in the 4th Dimension : Lea Verou, JSConf.Asia [44:49]
  3. Automated CSS Testing : Jakob Mattsson, JSConf.Asia [42:07]
  4. CSSConf.EU Keynote : Nicole Sullivan, CSSConf.EU [20:57]
  5. CSS Application Architecture : Nicolas Gallagher, SmashingConf [38:36]
  6. Realigning & Refactoring UI : Jina Bolton, SassConf [48:08]
  7. Normalizing Designs for Better Quality CSS : Harry Roberts, CSSConf.EU [43:40]
  8. Automating the Removal of Unused CSS : Addy Osmani, Velocity Europe Conference [5:57]
  9. The Humble Border-Radius : Lea Verou, Future of Web Design [37:07]
  10. The Mind-blowing Power of Sass 3.3 : Chris Eppstein, CSSConf.EU [38:54]
  11. Developer : Christian Vuerings, SF HTML5 User Group [14:16]
  12. Maths-Powered Transforms for 3D Shapes : Ana-Maria Tudor, CSSConf.EU [30:27]
  13. Sass and OOCSS Sitting in a Tree KISSING : Nicole Sullivan, TXJS [27:50]
  14. CSS Levels Up : Angelina Fabbro, CSSConf.EU [31:38]
  15. Architecting Scalable CSS : Harry Roberts, Beyond Tellerand [41:57]
  16. More CSS Secrets: Another 10 Things You May Not Know About CSS : Lea Verou, W3Conf [60:39]
  17. Atomic Cascading Style Sheets : Renato Iwashima, HTML5DevConf [52:33]




2012

  1. Open Source Tools and Libraries for Designers : Julie Ann Horvath, HTML5DevConf [29:39]
  2. GitHub's CSS Performance : Jon Rohan, CSS Dev Conf [40:50]




2010

  1. Handcrafted CSS : Dan Cederholm, Build Conference [44:29]
  2. The Top 5 Mistakes of Massive CSS : Nicole Sullivan, Build Conference [37:53]




Heatmap.js





I think everyone already understood what this script does. This is an extremely simple library for creating heat maps. You only need to specify the DOM element and the range of values. There are plugins for GMAPS, Leaflet and OpenLayers. By the way, the author of Heatmap.js keeps nude.js on his github , which recognizes images in the “Nu” genre.



Monocle - an extraordinary effect for news feeds.







Western thoughts or what would translate to Habré:







Says and shows Habr:







Finally:







Previous selection (Release 25)



I apologize for any typos. If you notice a problem - please write in a personal.



Thank you all for your attention.



Source: https://habr.com/ru/post/234417/



All Articles