Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №195 (18 — 24 января 2016)

---

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

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

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

[1] Веб-разработка: #webdev

[2] CSS: #css

[3] Javascript: #js

[4] Браузеры: #browser

[5] Дизайн: #design

[6] Новости: #news

[7] Занимательное: #intresting

[8] Используем WebP сегодня: https://habrahabr.ru/post/275735/

[9] Guide To Using WebP Images Today: A Case Study: https://www.smashingmagazine.com/2015/10/webp-images-and-performance/

[10] DevTips: Советы веб-разработчику (33-48): https://habrahabr.ru/company/mailru/blog/275425/

[11] Заблуждения разработчиков: http://css-live.ru/faq/zabluzhdeniya-razrabotchikov.html

[12] Developer Fallacies: http://www.heydonworks.com/article/developer-fallacies

[13] css-live.ru: http://css-live.ru/

[14] Почему сложно программировать UI. Кирилл Мокевнин: https://www.youtube.com/watch?v=WaIff6Cs1gs

[15] Nativefier: https://github.com/jiahaog/nativefier

[16] W3C опять форкнуло HTML: https://annevankesteren.nl/2016/01/film-at-11

[17] Remy Sharp: Почему я люблю работать с веб : https://remysharp.com/2016/01/20/why-i-love-working-with-the-web

[18] Firefox и Web Speech API: https://hacks.mozilla.org/2016/01/firefox-and-the-web-speech-api/

[19] Проблема с глобальными зависимостями для Node.js и их решения: https://www.smashingmagazine.com/2016/01/issue-with-global-node-npm-packages/

[20] Webpack Your Workflow: https://medium.com/front-end-developers/webpack-your-workflow-7c8f59c0c97c

[21] Bootstrap: an intervention: https://evilmartians.com/chronicles/bootstrap-an-intervention

[22] Chrome (Canary) DevTools будет показывать измерения из User Timing в таймлайне: https://plus.google.com/+IlyaGrigorik/posts/27ATwubWn78

[23] Chrome наконец научился делать плавную промотку — пожалуйста, перестаньте пытаться реализовать ее самостоятельно на JavaScript!: https://plus.google.com/+RickByers/posts/RdYaYF5DTF4

[24] Создаем оффлайн сайт с помощью ServiceWorkers и UpUp: https://dev.opera.com/articles/offline-with-upup-service-workers/

[25] Полный гайд по поддержке превью-текста в письмах: https://litmus.com/blog/the-ultimate-guide-to-preview-text-support

[26] Встречайте WPGulp: простой в использовании WordPress Gulp Boilerplate: https://ahmadawais.com/introducing-wpgulp-an-easy-to-use-wordpress-gulp-boilerplate/

[27] Проблемы date input: http://html5doctor.com/the-woes-of-date-input/

[28] Улучшаем отзывчивые изображения с помощью клиентских подсказок: https://www.smashingmagazine.com/2016/01/leaner-responsive-images-client-hints/

[29] Подборка свежих ссылок на материалы и демки по теме SVG: https://css-tricks.com/svg-funsville-links/

[30] О ссылках, кнопках и div`ах: http://adrianroselli.com/2016/01/links-buttons-submits-and-divs-oh-hell.html

[31] Настройка Google Map маркеров: http://pepsized.com/customize-your-google-map-markers/

[32] Ленивая загрузка изображений: как действительно не разрдражать ваших пользователей: http://www.sitepoint.com/lazy-loading-images-not-really-annoy-users/

[33] Текущее состояние веб-безопасности (интервью с Anselm Hannemann): https://css-tricks.com/interview-web-security/

[34] Еженедельная подборка красивых эффектов на CSS/SVG/JS #21: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-21.html

[35] SVG clip-path Hover Effect : http://codepen.io/noeldelgado/pen/PZJGLx

[36] Анимированная SVG гитара: http://codepen.io/iamjoshellis/pen/qbBKZB

[37] WebGL эксперимент The Spirit: http://www.edankwan.com/experiments/the-spirit/

[38] Анимированная Хаски на чистом CSS: http://codepen.io/davidkpiano/pen/wMqXea

[39] Несколько дельных советов по CSS: https://habrahabr.ru/post/273403/

[40] Пришло время переосмыслить вендорные префиксы в CSS: http://prgssr.ru/development/prishlo-vremya-pereosmyslit-vendornye-prefiksy-v-css.html

[41] It’s Time to Rethink Vendor Prefixes in CSS: http://www.sitepoint.com/its-time-to-rethink-vendor-prefixes-in-css/

[42] Прогрессоре: http://prgssr.ru

[43] Первый CSS-модуль 4 уровня в статусе кандидата в рекомендации: http://css-live.ru/vecssti-s-polej/1st-css4-module-candidate.html

[44] Управляем поведением font-face в CSS: https://ymatuhin.ru/front-end/font-display/

[45] Подсетки в Grid Layout жизненно важны: http://css-live.ru/articles/podsetki-v-grid-layout-zhiznenno-vazhny.html

[46] Subgrids Considered Essential: http://meyerweb.com/eric/thoughts/2016/01/15/subgrids-considered-essential/

[47] CSS модули — решаем проблему масштабирования стилей: http://e-planet.ru/company/blog/css-moduli-reshaem-problemu-masshtabirovanija-stilej.html

[48] CSS Modules — Solving the challenges of CSS at scale: https://medium.com/front-end-developers/css-modules-solving-the-challenges-of-css-at-scale-85789980b04f

[49] Думаете, что flexbox — это сложно? Тогда посмотрите на последние примеры из CSS Grid спицификации: https://drafts.csswg.org/css-grid/#example-64f80282

[50] Исследуем функцию кеширования в Stylus: http://ash.gd/exploring-the-stylus-cache-function/

[51] Заметки по концепциям в CSS: https://github.com/vasanthk/css-refresher-notes

[52] Webkit Flexbox Patterns: http://webkit-flex.atomeye.com/

[53] Песочница Flexbox: http://codepen.io/enxaneta/full/adLPwv/

[54] Sass: директива : http://vanseodesign.com/css/sass-the-media-directive/

[55] media: https://habrahabr.ru/users/media/

[56] Преимущества наследования через @extend в Sass: http://www.sitepoint.com/the-benefits-of-inheritance-via-extend-in-sass/

[57] Трюк для организации фолбэка для CSS свойства object-fit для Edge (и других браузеров): https://medium.com/@primozcigler/neat-trick-for-css-object-fit-fallback-on-edge-and-other-browsers-afbc53bbb2c3#.mylooz8xd

[58] Стилевое руководство для edX-приложений: http://ux.edx.org/

[59] Timelined — настраиваемая временная шкала на базе CSS: https://github.com/andriussev/timelined

[60] CSS Gradient Animator: http://www.gradient-animator.com/

[61] Microsoft отправила запрос на аппрув реализации поддержки ChakraCore в Node.js наряду с движком V8: https://habrahabr.ru/post/275779/

[62] Перевод «Simplified JavaScript Jargon»: https://habrahabr.ru/post/275531/

[63] 7 жизненно важных функций в JavaScript: http://frontender.info/essential-javascript-functions/

[64] Что нового в jQuery 3.0 и как это использовать: http://www.sitepoint.com/whats-new-jquery-use/

[65] Храним обещания с помощью JS: http://code.tutsplus.com/tutorials/keeping-promises-with-javascript--cms-25056

[66] Интервью с мастером JS: какая разница между наследованием класса и прототипным наследованием?: https://medium.com/javascript-scene/master-the-javascript-interview-what-s-the-difference-between-class-prototypal-inheritance-e4cd0a7562e9

[67] Matthew Podwysocki: «Реактивный JavaScript в Netflix, Microsoft и мире»: https://www.youtube.com/watch?v=eaap06m2Iqw#t=0m45s

[68] Пять примеров использования функции jQuery.each(): http://www.sitepoint.com/jquery-each-function-examples/

[69] Обзор GraphQL: http://www.sitepoint.com/graphql-overview/

[70] Польза JS веб-приложений: http://molily.de/javascript-web-apps/

[71] CMS.js — генератор статических сайтов: http://cdmedia.github.io/cms.js/

[72] 5 шагов для изучения разработки приложений на React: http://developer.telerik.com/featured/5-steps-for-learning-react-application-development/

[73] Создайте ваше первое приложение на React.js: https://medium.com/learning-new-stuff/building-your-first-react-js-app-d53b0c98dc

[74] Изучение основ React и создание прототипа небольшого приложения: http://codeutopia.net/blog/2016/01/17/learning-react-basics-and-building-a-basic-application-prototype/

[75] Почему React/Redux это не лучшая парадигма: http://staltz.com/why-react-redux-is-an-inferior-paradigm.html

[76] Лучшие практики при работе с React.js в 2016-м: https://blog.risingstack.com/react-js-best-practices-for-2016/

[77] Динамическое руководство по AngularJS для JS разработчиков: http://www.snowbubble.xyz/

[78] Состояние в Meteor: когда что-то пошло не так: https://www.discovermeteor.com/blog/the-state-of-meteor-part-1-what-went-wrong/

[79] Шпаргалка по ES6: https://github.com/DrkSephy/es6-cheatsheet

[80] 7 путей для улучшения вашего JS-программирования с помощью ES2015: http://www.javacodegeeks.com/2016/01/7-ways-es2015-can-improve-your-javascript-programming.html

[81] Объектно-ориентированный JavaScript — глубокое погружение в ES6-классы: http://www.sitepoint.com/object-oriented-javascript-deep-dive-es6-classes/

[82] Релиз Masonry v4 и imagesLoaded v4: отказ от поддержки IE8 & 9, на 25% & 50% меньше, обратная совместимость: http://metafizzy.co/blog/masonry-v4-imagesloaded-v4-drop-ie8/

[83] Umbrella JS: https://github.com/umbrellajs/umbrella

[84] Сравнение JavaScript календарей и планировщиков: http://www.sitepoint.com/comparison-javascript-calendars-schedulers/

[85] Десять лучших jQuery и HTML5 WYSIWYG плагинов: http://www.sitepoint.com/10-best-html-wysiwyg-plugins/

[86] Drop.js: http://github.hubspot.com/drop/docs/welcome/

[87] Philter — применение CSS фильтров с помощью HTML-атрибутов: http://specro.github.io/Philter/

[88] Релиз web-браузера Chrome 48: http://www.opennet.ru/opennews/art.shtml?num=43709

[89] Google Chrome станет быстрее с новым алгоритмом сжатия данных Brotli: http://itc.ua/news/google-chrome-stanet-byistree-s-novyim-algoritmom-szhatiya-dannyih-brotli/

[90] Facebook тестирует новый браузер, с которым никогда не возникнет потребности покидать приложение: http://itc.ua/news/facebook-testiruet-novyiy-brauzer-s-kotoryim-nikogda-ne-vozniknet-potrebnosti-pokidat-prilozhenie/

[91] Firefox будет автоматически менять старый Youtube Flash код на HTML5: http://itc.ua/blogs/firefox-budet-avtomaticheski-menyat-staryiy-youtube-flash-kod-na-html5/

[92] Проект Mozilla продлил возможность работы с неподписанными дополнениями в Firefox: http://www.opennet.ru/opennews/art.shtml?num=43722

[93] В Firefox 44 появится возможность выполнения WebGL в отдельном потоке: http://www.opennet.ru/opennews/art.shtml?num=43721

[94] Бывший глава Mozilla и автор языка JavaScript представил миру браузер Brave: https://xakep.ru/2016/01/22/brave-browser/

[95] 6 мифов веб-разработчиков о Microsoft Edge: http://www.sitepoint.com/6-web-development-myths-microsoft-edge/

[96] Loving what you do takes work: http://bryanthughes.com/

[97] beoplayh8: http://www.beoplay.com/products/beoplayh8#buy

[98] colonelsanders.com: http://www.colonelsanders.com/#

[99] The grey tales: http://thegreytales.net/en/

[100] johos.at: http://johos.at/#/en/0/0

[101] gidmotion.com: http://www.gidmotion.com/

[102] Сайты, которые нужно смотреть со звуком: http://www.dejurka.ru/web-design/web-design-with-sound/

[103] Accessibility: Как «Яндекс» создает доступные интерфейсы: https://vc.ru/p/yandex-accessibility

[104] 10 популярных заблуждений при создании логотипа: http://ain.ua/2016/01/22/627239

[105] 7 причин отказаться от бесконечного скроллинга: http://www.dejurka.ru/articless/infinite-scroll-bad-idea/

[106] Справочник: размеры картинок для 9 социальных сетей: http://tilda.education/articles-images-for-social

[107] Дизайн для детей — это не детская игра: https://www.smashingmagazine.com/2016/01/designing-apps-for-kids-is-not-childs-play/

[108] Самые большие ошибки в веб-дизайне, которых стоит избегать в 2016-м: http://modernweb.com/2016/01/19/biggest-web-design-mistakes-avoid-2016/

[109] Создание более выразительной картинки для профиля: https://medium.com/facebook-design/designing-a-more-expressive-profile-picture-f575841e0c74

[110] UI Анимация. Микровзаимодействие и макрорезультат: http://tubikstudio.com/ui-animation-microinteraction-for-macroresult/

[111] Советы для дизайнеров, которые не пишут код: http://speckyboy.com/2016/01/20/tips-for-designers-who-dont-code/

[112] UX vs CX: что более важно?: http://blog.usabilla.com/ux-vs-cx-which-is-more-important/

[113] Интервью с Michael Flarup: со-основателем и ведущим дизайнеров в Robocat: http://theindustry.cc/2016/01/14/interview-with-michael-flarup/

[114] Движение со смыслом: семантическая анимация в дизайне интерфейса: http://alistapart.com/article/motion-with-meaning-semantic-animation-in-interface-design

[115] (Незаконченные) основы цвета: https://medium.com/life-tips/the-unfinished-basics-of-colour-292858f62e62

[116] Спроси DN: какие книги почитать в 2016-м?: https://www.designernews.co/stories/62432-ask-dn-what-books-to-read-in-2016

[117] Canvas от Facebook: https://canvas.facebook.com/

[118] Прекрасные причины: https://medium.com/accurat-studio/beautiful-reasons-c1c6926ab7d7

[119] Дизайн продукта — как мы делаем сложные задачи простыми: https://www.gosquared.com/blog/make-complex-tasks-simple

[120] Drive 47: https://suganth.cc/drive-47-66154efed63c#.aoa4idso1

[121] Открытое письмо дизайнерам делающих редизайны без запроса, а так же авторам несоздаваемых приложений: https://medium.com/@tedgoas/an-open-letter-to-designers-of-unsolicited-redesigns-and-unbuildable-apps-44048ba16b76

[122] Что Дисней знает об анимации интерфейса?: https://medium.com/@vlh/what-does-disney-know-about-interface-animation-anyway-86b32d01bc4a

[123] Scrawl: https://demos.samgentle.com/scrawl/

[124] Геометрический дизайн: диаграмма «Heavenly City»: http://design.tutsplus.com/tutorials/geometric-design-the-heavenly-city-diagram--cms-25624

[125] От мебели к экранам: https://medium.com/figma-design/from-furniture-to-screens-6676b9d9e247

[126] Кривая точности: Как взвесить затраты и выгоды создания макетов пользовательского интерфейса: https://m.signalvnoise.com/the-fidelity-curve-weighing-the-costs-and-benefits-of-interface-design-mockups-b259634807e2

[127] Плагин для Sketch для генерации вида изменений: https://github.com/mathieudutour/git-sketch-plugin

[128] Коллекция уроков по созданию типографики в Photoshop: http://www.designyourway.net/drb/an-awesome-collection-of-80-photoshop-typography-tutorials/

[129] Почему San Francisco (шрифт): https://medium.com/martiancraft-s-syndicate/why-san-francisco-b86bd45f3273#.8zlblcqra

[130] Занимательная типографика: http://www.dejurka.ru/inspiration/inspiring-typography/

[131] Panda в 2015-м: http://usepanda.com/2015/

[132] Dribble в 2015-м: https://dribbble.com/stories/2016/01/15/2015-year-in-review

[133] 50 шуток для веб-дизайнеров: http://line25.com/articles/web-designer-jokes-that-will-definitely-make-you-laugh

[134] Бесплатные текстуры обоев в викторианском стиле: http://www.dejurka.ru/graphics/free-victorian-textures/

[135] Бесплатный вектор на вегетарианскую тему: http://www.dejurka.ru/graphics/free-vegetarian-vector/

[136] Набор иконок в формате AI, PSD, SVG​: https://dribbble.com/shots/2459452-72-Icons-Free-Download

[137] Иконки в стиле Material Design: http://www.webdesignfreebies.net/icons/350-free-material-design-icons/

[138] Набор иконок Swifticons (AI, SKETCH): http://www.webdesignfreebies.net/icons/swifticons-freebie-ai-sketch/

[139] 14 шрифтов к Дню святого Валентина: http://slodive.com/design/17689/

[140] Ginebra — декоративный шрифт с засечками: https://www.behance.net/gallery/33012653/Ginebra-Free-Font

[141] Audrey — элегантный шрифт без засечек: https://www.behance.net/gallery/32938133/Audrey-FREE-FONT

[142] Alphabet реорганизовал лабораторию X и включил в неё подразделение робототехники: http://www.3dnews.ru/926779

[143] StatCounter: Windows 10 уже обошла Windows 8.1: http://www.wincore.ru/windows-news/3763-statcounter-windows-10-uzhe-oboshla-windows-81.html

[144] Срочно в номер: Microsoft закрывает линейку Lumia и Windows 10 Mobile: http://gagadget.com/announce/20244-srochno-v-nomer-microsoft-zakryivaet-linejku-lumia-i-windows-10-mobile/

[145] Blue Origin запустила в космос уже летавшую суборбитальную ракету. И вновь посадила её: https://geektimes.ru/post/269632/

[146] Bing обновляет поисковый алгоритм ежедневно: http://www.searchengines.ru/news/archives/bing_obnovlyaet.html

[147] Через Skype больше нельзя будет вычислить IP пользователя: https://tjournal.ru/c/21502-cherez-skype-bolshe-nelzya-budet-vichislit-ip-polzovatelya

[148] Алишер Усманов оказался одним из инвесторов Uber: https://vc.ru/n/usmanov-uber

[149] Google заплатила Apple $1 млрд за присутствие на iPhone: http://gagadget.com/business/20258-google-zaplatila-apple-1-mlrd-za-prisutstvie-na-iphone/

[150] Создан сервис, распознающий сарказм в сообщениях: http://www.cossa.ru/news/244/118109/

[151] Анонсирована криптовалюта Zcash, обеспечивающая анонимность транзакций: http://www.opennet.ru/opennews/art.shtml?num=43707

[152] Дети видят в однополых смайлах Apple членов традиционной семьи: братьев, сестёр и других родственников: http://itc.ua/news/deti-vidyat-v-odnopolyih-smaylah-apple-chlenov-traditsionnoy-semi-bratev-sestyor-drugih/

[153] Что будет с технологиями и телекоммуникациями в 2016 году — прогноз Deloitte: http://ain.ua/2016/01/21/627951

[154] На МКС распустился первый в истории «космический» цветок: http://itc.ua/news/na-mks-raspustilsya-pervyiy-v-istorii-kosmicheskiy-tsvetok/

[155] «Как вы объясните важность HTML5 Ларри Пейджу?»: https://vc.ru/p/questions-google-interview

[156] 8 типов раздражающей рекламы, заблокированной Google в 2015 году: https://vc.ru/p/annoying-ads

[157] Что интернет делает с нашим вниманием: привычка отвлекаться: http://lifehacker.ru/2016/01/18/addicted-to-distraction/

[158] Присаживайтесь: https://nplus1.ru/material/2016/01/18/space-x-and-suff

[159] Как ваш компьютер и телефон понимают, чего вы от них хотите: http://theoryandpractice.ru/posts/12435-compilers

[160] Как изменится мир к 2045 году: http://lifehacker.ru/2016/01/22/world-predictions-2045/

[161] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/275279/

[162] dersmoll: http://habrahabr.ru/users/dersmoll/

[163] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[164] Источник: https://habrahabr.ru/post/275797/

Нажмите здесь для печати.