- PVSM.RU - https://www.pvsm.ru -

Несколько интересностей и полезностей для веб-разработчика #22

Доброго времени суток уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

Awesome Awesomeness [1]

В прошедшие несколько недель мне регулярно попадались Awesome-* проекты, о которых я упоминал в последних подборках. Началось все с Awesome-PHP [2], потом появились «живые списки» полезностей для сисадминов [3] и питонистов [4]. Все заметили положительную тенденцию и как по желанаю это переросло в целый тренд. Сейчас есть коллекции инструментов для языков Ruby [5], Go [6], NodeJS [7], JavaScript [8], Java [9], Scala [10], Bash [11] и др. Уже даже существуют подобные наборы для целых направлениям в ИТ, к примеру Big Data [12]. Awesome Awesomeness — это живой список живых списков всего самого необходимого для разработчика из той или иной сферы.

Breach — полноценный браузер на JavaScript [13]

Несколько интересностей и полезностей для веб разработчика #22 [13]

JS Must Watch [14]

«Живой список» лучших видео с лекций и конференций по JavaScript. Продублирую содержимое репозитория на сегодняшний день:

2035

  1. Gary Bernhardt: The Birth & Death of Javascript [15]

2014

  1. Ilya Grigorik: Website Performance Optimization (Udacity course) [16] #HOT
  2. Mark DiMarco: User Interface Algorithms [17]
  3. Neil Green: Writing Custom DSLs [18]
  4. Philip Roberts: Help, I'm stuck in an event-loop [19]
  5. Eric Bidelman: Polymer and Web Components change everything you know about Web development [20] #io14
  6. Alex Russell, Jake Archibald: Bridging the gap between the web and apps [21] #io14

2013

  1. Nat Duca: Jank Free: Chrome Rendering Performance [22] #io13
  2. Ilya Grigorik: Automating Performance Best Practices with PageSpeed [23] #io13
  3. Eric Bidelman: Web Components [24] #io13
  4. Alex Komoroske: Web Components in Action [25] #io13
  5. Paul Lewis: Device Agnostic Development [26] #io13
  6. John McCutchan: A Trip Down Memory Lane with Gmail and DevTools [27] #io13
  7. Joe Marini: Upgrading to a Chrome Packaged App [28] #io13
  8. Pete Hunt: React: Rethinking best practices [29]
  9. Martin Kleppe: 1024+ Seconds of JS Wizardry [30]
  10. Yehuda Katz: A tale of two MVC's [31]

2012

  1. Ryan Sandor Richards: Garbage Collection & Heap Management [32]
  2. Addy Osmani: Scaling Your JavaScript Applications

  3. John-David Dalton: Lo-Dash [36]
  4. Gary Bernhardt: WAT [37] #HOT
  5. Angus Croll: Break all the rules [38]

2011

  1. Douglas Crockford: Level 7: ECMAScript 5: The New Parts [39]
  2. Douglas Crockford: Section 8: Programming Style and Your Brain [40]
  3. Ryan Dahl: Introduction to Node.js [41]

2010

  1. Douglas Crockford: Volume One: The Early Years [42]
  2. Douglas Crockford: Chapter 2: And Then There Was JavaScript [43]
  3. Douglas Crockford: Act III: Function the Ultimate [44]
  4. Douglas Crockford: Episode IV: The Metamorphosis of Ajax [45]
  5. Douglas Crockford: Part 5: The End of All Things [46]
  6. Douglas Crockford: Scene 6: Loopage [47]

2009

  1. Nicholas Zakas: Scalable JavaScript Application Architecture [48]

Lollytin — конструктор лэйаутов для Bootstrap 3 [49]

Несколько интересностей и полезностей для веб разработчика #22 [49]

Jazz & Rain [50]

Несколько интересностей и полезностей для веб разработчика #22 [50]

Один из главных отвлекающих факторов, мешающих сосредоточиться — шум. Однако не любой шум мешает работать — очень многие гораздо легче погружаются в «поток» под музыку или в шумном кафе. Существуют даже научные исследования, подтверждающие положительное влияние умеренного шума на решение творческих и интеллектуальных задач.

Относительно недавно на Хабре поведали [51] о замечательном сайте Noisli [52], который содержит коллекцию фоновых шумов на любой вкус с возможностью смешивать их в произвольной пропорции. Jazz & Rain нечто похожее, но это джазз под звуки дождя.

Западные мысли или что стоило бы перевести на Хабре:

Говорит и показывает Хабр:

Напоследок:

  • Intense Images [90] — отличный эффект для просмотра масштабных изображений.
  • Steady.js [91] — правильная логика работы `onscroll` события вне зависимости от платформы.
  • spfjs [92] — фреймворк для построения навигации и обновляемых страниц от команды Youtube.
  • Inbox [93] — «The next-generation email platform» на Python.
  • css-colorguard [94] — при верстке мы часто плодим множество оттенков какого либо цвета, потому что по разным местам тыкаем колорпикером. Прилежные гики специально написали утилиту, которая будет определять все оттенки и преобразовывать их в заданным цвет. Всем скурпулёзным или даже педантичным посвещается.
  • Select or Die [95] — функциональный кастомизатор селектов на jQuery.
  • tessera [96] — dashboard front-end для graphite.
  • Crow [97] — микро веб фреймворк на C++.
  • Hashcash.io [98] — сервис для защита и от спамеров и хакеров.
  • ng-token-auth [99] — Angular модуль для аунтификации.
  • Atraci [100] — как Popcorn Time только для музыки — музыкальный стриминг плеер.
  • Достаточно интересная пресс конференция на тему 'Чебурки'

                                                         Предыдущая подборка (Выпуск 21) [101]

Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите пожалуйста в личку.

Спасибо всем за внимание.

Автор: ilusha_sergeevich

Источник [102]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/64803

Ссылки в тексте:

[1] Awesome Awesomeness: https://github.com/bayandin/awesome-awesomeness

[2] Awesome-PHP: https://github.com/ziadoz/awesome-php

[3] сисадминов: https://github.com/kahun/awesome-sysadmin

[4] питонистов: https://github.com/vinta/awesome-python

[5] Ruby: https://github.com/markets/awesome-ruby

[6] Go: https://github.com/avelino/awesome-go

[7] NodeJS: https://github.com/vndmtrx/awesome-nodejs

[8] JavaScript: https://github.com/sorrycc/awesome-javascript

[9] Java: https://github.com/akullpp/awesome-java

[10] Scala: https://github.com/lauris/awesome-scala

[11] Bash: https://github.com/alebcay/awesome-shell

[12] Big Data: https://github.com/onurakpolat/awesome-bigdata

[13] Breach — полноценный браузер на JavaScript: http://breach.cc/

[14] JS Must Watch: https://github.com/bolshchikov/js-must-watch

[15] Gary Bernhardt: The Birth & Death of Javascript: https://www.destroyallsoftware.com/talks/the-birth-and-death-of-javascript

[16] Ilya Grigorik: Website Performance Optimization (Udacity course): https://www.udacity.com/course/ud884

[17] Mark DiMarco: User Interface Algorithms: https://www.youtube.com/watch?v=90NsjKvz9Ns&index=2&list=PL37ZVnwpeshFXOP2lqCUykYPXYNsK_fgN

[18] Neil Green: Writing Custom DSLs: https://www.youtube.com/watch?v=lm4jEcnWeKI&index=11&list=PL37ZVnwpeshFXOP2lqCUykYPXYNsK_fgN

[19] Philip Roberts: Help, I'm stuck in an event-loop: http://vimeo.com/96425312

[20] Eric Bidelman: Polymer and Web Components change everything you know about Web development: https://www.youtube.com/watch?v=8OJ7ih8EE7s

[21] Alex Russell, Jake Archibald: Bridging the gap between the web and apps: https://www.youtube.com/watch?v=_yy0CDLnhMA

[22] Nat Duca: Jank Free: Chrome Rendering Performance: https://www.youtube.com/watch?v=n8ep4leoN9A&feature=youtu.be

[23] Ilya Grigorik: Automating Performance Best Practices with PageSpeed: https://www.youtube.com/watch?v=uR5urTx8S4E&feature=youtu.be

[24] Eric Bidelman: Web Components: https://www.youtube.com/watch?v=fqULJBBEVQE&feature=youtu.be

[25] Alex Komoroske: Web Components in Action: https://www.youtube.com/watch?v=0g0oOOT86NY&feature=youtu.be

[26] Paul Lewis: Device Agnostic Development: https://www.youtube.com/watch?v=055ekKZk7mc&feature=youtu.be

[27] John McCutchan: A Trip Down Memory Lane with Gmail and DevTools: https://www.youtube.com/watch?v=x9Jlu_h_Lyw&feature=youtu.be

[28] Joe Marini: Upgrading to a Chrome Packaged App: https://www.youtube.com/watch?v=e0W2szZ2qhg&feature=youtu.be

[29] Pete Hunt: React: Rethinking best practices: https://www.youtube.com/watch?v=x7cQ3mrcKaY

[30] Martin Kleppe: 1024+ Seconds of JS Wizardry: https://www.youtube.com/watch?v=RTxtiLp1C8Y

[31] Yehuda Katz: A tale of two MVC's: https://www.youtube.com/watch?v=s1dhXamEAKQ

[32] Ryan Sandor Richards: Garbage Collection & Heap Management: http://vimeo.com/45140516

[33] Part 1: http://vimeo.com/35924671

[34] Part 2: http://vimeo.com/35924733

[35] Part 3: http://vimeo.com/35990666

[36] John-David Dalton: Lo-Dash: https://www.youtube.com/watch?v=dpPy4f_SeEk

[37] Gary Bernhardt: WAT: https://www.destroyallsoftware.com/talks/wat

[38] Angus Croll: Break all the rules: https://www.youtube.com/watch?v=MFtijdklZDo

[39] Douglas Crockford: Level 7: ECMAScript 5: The New Parts: https://www.youtube.com/watch?v=UTEqr0IlFKY

[40] Douglas Crockford: Section 8: Programming Style and Your Brain: https://www.youtube.com/watch?v=taaEzHI9xyY

[41] Ryan Dahl: Introduction to Node.js: https://www.youtube.com/watch?v=jo_B4LTHi3I

[42] Douglas Crockford: Volume One: The Early Years: https://www.youtube.com/watch?v=JxAXlJEmNMg

[43] Douglas Crockford: Chapter 2: And Then There Was JavaScript: https://www.youtube.com/watch?v=RO1Wnu-xKoY

[44] Douglas Crockford: Act III: Function the Ultimate: https://www.youtube.com/watch?v=ya4UHuXNygM

[45] Douglas Crockford: Episode IV: The Metamorphosis of Ajax: https://www.youtube.com/watch?v=Fv9qT9joc0M

[46] Douglas Crockford: Part 5: The End of All Things: https://www.youtube.com/watch?v=47Ceot8yqeI

[47] Douglas Crockford: Scene 6: Loopage: https://www.youtube.com/watch?v=QgwSUtYSUqA

[48] Nicholas Zakas: Scalable JavaScript Application Architecture: https://www.youtube.com/watch?v=vXjVFPosQHw

[49] Lollytin — конструктор лэйаутов для Bootstrap 3: http://lollyt.in/

[50] Jazz & Rain: http://www.jazzandrain.com/

[51] поведали: http://habrahabr.ru/post/223223/

[52] Noisli: http://www.noisli.com/

[53] Web 2024: http://berjon.com/web-2024/

[54] Web Components and concepts, ShadowDOM, imports, templates, custom elements: http://toddmotto.com/web-components-concepts-shadow-dom-imports-templates-custom-elements/

[55] Fixed Table Layouts: http://css-tricks.com/fixing-tables-long-strings/

[56] Automate PHP with Phake – Introduction: http://www.sitepoint.com/automate-php-phake-introduction/

[57] First Look at Themosis, a Framework for WordPress Developers: http://www.sitepoint.com/first-look-themosis-framework-wordpress-developers/

[58] 5 Practical Examples For Learning The React Framework: http://tutorialzine.com/2014/07/5-practical-examples-for-learning-facebooks-react-framework/

[59] How to Use SVG Patterns: http://designmodo.com/svg-patterns/

[60] Design is the Experience: https://medium.com/@tinkadoic/design-is-the-experience-7b4339021e41

[61] re Hollow Icons Really Harder to Recognize Than Solid Icons? A Research Study: http://viget.com/inspire/are-hollow-icons-really-harder-to-recognize-a-research-study

[62] The WAI Forward: http://www.smashingmagazine.com/2014/07/09/the-wai-forward/

[63] Responsive Ads: http://zurb.com/playground/responsive-ads

[64] Pixels are expensive: http://aerotwist.com/blog/pixels-are-expensive/

[65] Breakpoints And The Future Of Websites: http://www.smashingmagazine.com/2014/07/08/breakpoints-and-the-future-websites/

[66] How Do You Deal With Overstressed, Irrational Clients? An Entrepreneur’s View: http://www.smashingmagazine.com/2011/12/23/how-do-you-deal-with-overstressed-irrational-clients-entrepreneur-view/

[67] Deconstructing E-Commerce Search: The 12 Query Types: http://baymard.com/blog/ecommerce-search-query-types

[68] A Guide To Validating Product Ideas With Quick And Simple Experiments: http://www.smashingmagazine.com/2014/04/10/a-guide-to-validating-product-ideas-with-quick-and-simple-experiments/

[69] «Autopolyfiller — Precise polyfills»: http://habrahabr.ru/post/229001/

[70] azproduction: http://habrahabr.ru/users/azproduction/

[71] «Приводим в порядок css-код. Опыт Яндекса»: http://habrahabr.ru/company/yandex/blog/223503/

[72] Beyondtheclouds: http://habrahabr.ru/users/beyondtheclouds/

[73] «Node.js: Обзор технологий разработки библиотек общего назначения»: http://habrahabr.ru/post/224073/

[74] AndyGrom: http://habrahabr.ru/users/andygrom/

[75] «О размере экрана, пикселя и элемента»: http://habrahabr.ru/post/229359/

[76] nicuini: http://habrahabr.ru/users/nicuini/

[77] «Элемент HTML <time> „: http://habrahabr.ru/company/nordavind/blog/229291/

[78] ilya42: http://habrahabr.ru/users/ilya42/

[79] “Обзор 7 самых популярных кроссплатформенных мобильных фреймворков»: http://habrahabr.ru/post/229559/

[80] Demven: http://habrahabr.ru/users/demven/

[81] «Morearty.js — новая pure JavaScript прослойка над React для разумного управления состоянием»: http://habrahabr.ru/post/229537/

[82] Tvaroh: http://habrahabr.ru/users/tvaroh/

[83] «po.js — супер простая утилита для i18n» : http://habrahabr.ru/post/229495/

[84] plutov: http://habrahabr.ru/users/plutov/

[85] «Псевдо-случайное изображение (на примере страницы 404-й ошибки)»: http://habrahabr.ru/post/229449/

[86] cmepthuk: http://habrahabr.ru/users/cmepthuk/

[87] jsmodules.io: http://jsmodules.io/

[88] jojo97: http://habrahabr.ru/users/jojo97/

[89] перевел: http://habrahabr.ru/post/229329/

[90] Intense Images: https://github.com/tholman/intense-images

[91] Steady.js: https://github.com/lafikl/Steady.js

[92] spfjs: https://github.com/youtube/spfjs

[93] Inbox: https://github.com/inboxapp/inbox

[94] css-colorguard: https://github.com/SlexAxton/css-colorguard

[95] Select or Die: http://vst.mn/selectordie/

[96] tessera: https://github.com/urbanairship/tessera

[97] Crow: https://github.com/ipkn/crow

[98] Hashcash.io: https://hashcash.io/

[99] ng-token-auth: https://github.com/lynndylanhurley/ng-token-auth

[100] Atraci: https://github.com/Atraci/Atraci

[101] Предыдущая подборка (Выпуск 21): http://habrahabr.ru/post/228757/

[102] Источник: http://habrahabr.ru/post/229607/