Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №191 (20 — 27 декабря 2015)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

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

[8] Цена использования фреймворков: http://habrahabr.ru/company/mailru/blog/273613/

[9] Вёрстка писем: 60 полезных ресурсов, руководств и исследований: http://habrahabr.ru/company/pechkin/blog/273677/

[10] WebGL для всех: http://habrahabr.ru/company/2gis/blog/273735/

[11] Создание веб-сайта. Курс молодого бойца: http://habrahabr.ru/post/273795/

[12] Инструмент проверки микроразметки Google теперь показывает ошибки AMP-страниц: http://www.searchengines.ru/news/archives/instrument_prov.html

[13] Объясняем про GSP-формат: как добавить видео из YouTube в письмо?: http://www.cossa.ru/articles/152/116641/

[14] Отзывчивые изображения уже появились в ядре WP: http://www.smashingmagazine.com/2015/12/responsive-images-in-wordpress-core/

[15] Почему ваши изображения не используют Chroma-Subsampling?: http://calendar.perfplanet.com/2015/why-arent-your-images-using-chroma-subsampling/

[16] Начинаем работать с прогрессивными веб-приложениями: http://addyosmani.com/blog/getting-started-with-progressive-web-apps/

[17] Reimagining Single-Page Applications With Progressive Enhancement: http://www.smashingmagazine.com/2015/12/reimagining-single-page-applications-progressive-enhancement/

[18] О поддержке SVG в письмах: https://css-tricks.com/a-guide-on-svg-support-in-email/

[19] Жизненное руководству по HTML5 собеседованию: http://webdesignledger.com/the-vital-guide-to-html5-interviewing

[20] Что было на вершине GitHub-а в 2015-м: http://sdtimes.com/what-topped-the-github-charts-in-2015/

[21] Stackoverflow 2015 Developer Survey: http://stackoverflow.com/research/developer-survey-2015

[22] Часть 1, для новичков: https://medium.freecodecamp.com/how-the-web-works-a-primer-for-newcomers-to-web-development-or-anyone-really-b4584e63585c

[23] часть 2: модель клиент-сервер и структура веб-приложений: https://medium.freecodecamp.com/how-the-web-works-part-ii-client-server-model-the-structure-of-a-web-application-735b4b6d76e3

[24] Front-end инструменты: некоторые из моих находок в 2015: http://www.sitepoint.com/front-end-tools-favorite-finds-2015/

[25] Совмещаем программирование и преподавание в одной карьере: https://medium.com/@pamelafox/combining-coding-and-teaching-into-a-career-2e15f11ffcd8

[26] Beyond Offline: https://hacks.mozilla.org/2015/12/beyond-offline/

[27] Оптимизация загрузки SVG с помощью Service Worker: https://www.clicktorelease.com/blog/optimise-svg-load-service-worker

[28] Начинаем работать с инструментарием Service Worker: http://deanhume.com/Home/BlogPost/getting-started-with-the-service-worker-toolbox/10134

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

[30] Большой обзор красивых многоуровневых меню с codepen: http://habrahabr.ru/company/mr_gefest/blog/273907/

[31] Эффектный индикатор прогресса скроллинга страницы: https://codyhouse.co/gem/reading-progress-indicator

[32] Классный CSS: подход к таблицам стилей Sass как к программе: http://css-live.ru/articles/klassnyj-css-podxod-k-tablicam-stilej-sass-kak-k-programme.html

[33] Методология CSS-модулей: http://prgssr.ru/development/metodologiya-css-modulej.html

[34] Флексбоксы прощаются с экспериментальным статусом: http://css-live.ru/vecssti-s-polej/flexbox-ready-to-cr.html

[35] Выбираем между min-width и max-width в медиа-запросах: http://www.the-haystack.com/2015/12/23/choosing-between-min-and-max-width/

[36] Как создать гибкие шаблоны с помощью Susy и Breakpoint: http://www.creativebloq.com/web-design/flexible-layouts-susy-and-breakpoint-121518452

[37] Expressive CSS: http://johnpolacek.github.io/expressive-css/

[38] A Responsive Guide to Type Sizing: http://blog.cloudfour.com/responsive-guide-to-type-sizing/

[39] Шаблоны использования flexbox c кодом и примерами: http://www.flexboxpatterns.com/

[40] Less. Путеводитель для новичков : https://www.gitbook.com/book/mrmlnc/less-guidebook-for-beginners/details

[41] Странная работа свойства `flex-grow`: https://css-tricks.com/flex-grow-is-weird/

[42] О Flexbox Grid в Foundation 6: https://scotch.io/tutorials/get-to-know-the-flexbox-grid-in-foundation-6

[43] Мысли вслух о TypeScript: http://habrahabr.ru/post/272055/

[44] Как на самом деле будет выглядеть рынок JavaScript в 2016 году: http://habrahabr.ru/company/ua-hosting/blog/274013/

[45] Упрощенный жаргон JS: https://github.com/HugoGiraudel/SJSJ

[46] Усталость от Javascript: https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4

[47] JavaScript: обзор 2015-го года: http://www.sitepoint.com/javascript-2015-review/

[48] JavaScript: объяснения простыми словами: http://webdesignledger.com/javascript-jargon

[49] Remy Sharp: Как должны работать табы: https://24ways.org/2015/how-tabs-should-work/

[50] Быстрый старт за 5 минут с Angular 2: http://habrahabr.ru/post/273545/

[51] Angular 2 для разработчиков React: https://angularclass.com/angular-2-for-react-developers/

[52] Хватит стайлить компоненты React с помощью JS: https://medium.com/front-end-developers/stop-styling-react-components-with-javascript-8b4a7ec96eea

[53] Создаем сборку Angular 2 с Gulp, TSLint и DefinitelyTyped: http://blog.scottlogic.com/2015/12/24/creating-an-angular-2-build.html

[54] ES6 Rest/Spread, Defaults and Destructuring: http://www.datchley.name/es6-rest-spread-defaults-and-destructuring/

[55] ES2015 — некоторые особенности, которые вы будете всегда использовать : http://engineering.laterooms.com/es2015-some-features-youll-always-use/

[56] Tree-shaking с webpack 2 и Babel 6: http://www.2ality.com/2015/12/webpack-tree-shaking.html

[57] Радости замыкания с ES6: http://www.sitepoint.com/joys-block-scoping-es6/

[58] bala.js — убийца jQuery в 400-с-мелочью символах кода *tutorial: http://habrahabr.ru/post/273751/

[59] Sharer.js: http://ellisonleao.github.io/sharer.js/

[60] Установка прошлых или будущих версий npm пакетов: http://www.2ality.com/2015/12/npm-install-tag-version.html

[61] Как Vorlon.js помогает улучшить ваш веб-код: http://www.sitepoint.com/vorlon-js-helps-improve-web-code/

[62] RxJS прекрасен. Почему я перешел с него?: https://medium.com/@puppybits/rxjs-is-great-so-why-have-i-moved-on-534c513e7af3

[63] Браузерные войны: история противостояния Netscape, Internet Explorer, Mozilla Firefox и Google Chrome: https://vc.ru/p/browser-wars

[64] Push-уведомления в Firefox 44 и выше: http://habrahabr.ru/company/pushall/blog/273567/

[65] Тестирование Firefox 44-beta и Firefox Developer Edition 45: http://www.opennet.ru/opennews/art.shtml?num=43557

[66] В Firefox 45 появится WebExtensions, совместимый с Chrome интерфейс разработки дополнений: http://www.opennet.ru/opennews/art.shtml?num=43574

[67] В Firefox 45 появится поддержка временной установки неподписанных дополнений: http://www.opennet.ru/opennews/art.shtml?num=43585

[68] Developer Edition 45 – Animations, Memory Tools and More: https://hacks.mozilla.org/2015/12/developer-edition-45-animations-memory-tools-and-more/

[69] Google досрочно прекратит поддержку SHA-1 в Chrome: http://www.opennet.ru/opennews/art.shtml?num=43565

[70] Самые посещаемые сайты РФ, США и КНР по версии Goldman Sachs: http://droider.ru/post/samyie-poseshhaemyie-saytyi-rf-ssha-i-knr-po-versii-goldman-sachs-27-12-2015/

[71] Первый веб-сайт был запущен 25 лет назад: http://itc.ua/blogs/pervyiy-veb-sayt-byil-zapushhen-25-let-nazad/

[72] qz.com/gift-guide: http://qz.com/gift-guide/

[73] cryptarismission.com: http://www.cryptarismission.com/

[74] newdealdesign.com: http://www.newdealdesign.com/

[75] Social Wars: http://www.socialbakers.com/social-wars/

[76] Собеседование на UX дизайнера: http://habrahabr.ru/post/273711/

[77] Landing page. Что такое. Из чего состоит. Виды. Процесс работы: http://habrahabr.ru/post/273917/

[78] 20 лучших концептов в стиле Material Design за 2015 год — выбор MaterialUp: https://vc.ru/p/md-2015

[79] Оглянемся на дизайн 2016-го года: https://medium.com/hh-design/a-look-back-at-2016-6b643a0d123a

[80] Лучшие статьи по дизайну на Medium в 2015-м: https://medium.com/life-learning/the-best-design-writing-of-2015-7776699d4796

[81] Лучшее в дизайне в 2015-м по версии Muzli: https://medium.com/muzli-design-inspiration/muzli-choices-in-the-design-world-for-2015-f72734193d01

[82] Год в дизайне: https://medium.com/@zeldman/the-year-in-design-9c06acf55b88#.gpr3fkhtk

[83] Обзор DN в 2015: http://design.lc/designer-news-statistics-2015/

[84] Обзор года от Pingdom: https://www.pingdom.com/2015

[85] часть I: наиболее выдающиеся: http://www.underconsideration.com/brandnew/archives/the_best_and_worst_identities_of_2015_part_1_the_most_notable_reviewed.php

[86] часть 2-я: обзор лучших: http://www.underconsideration.com/brandnew/archives/the_best_and_worst_identities_of_2015_part_2_the_best_reviewed.php

[87] Как приложение Sketch вынудило Adobe улучшить Photoshop?: http://www.sitepoint.com/has-sketch-app-forced-adobe-to-improve-photoshop/

[88] Удобная IOS сетка для дизайна мобильных приложений в Sketch: http://sketchapp.me/udobnaya-ios-setka-dlya-dizajna-mobilnyx-prilozhenij-v-sketch/

[89] Copy & Paste Guides — Плагин для копирования и вставки гайдов: http://sketchapp.me/copy-paste-guides-plagin-dlya-kopirovaniya-i-vstavki-gajdov/

[90] Прототипирование в Marvel и Sketch: часть 2 из 2: http://sketchapp.me/prototipirovanie-v-marvel-i-sketch-chast-2-iz-2/

[91] 5 способов продвинуться из туториалов в сторону профессионального дизайнера: http://www.creativebloq.com/web-design/5-ways-move-tutorials-pro-designer-121518477

[92] Практическое руководство по отзывчивому mobile-first дизайну: http://studio.uxpin.com/blog/a-hands-on-guide-to-mobile-first-design/

[93] 9 технических трендов, которые изменят веб-дизайн: http://www.creativebloq.com/web-design/9-tech-trends-will-change-web-design-2016-121518355

[94] Как тренировать человека: дизайн для более здоровых привычек: https://medium.com/@lakshmoo/how-to-train-your-human-using-design-to-help-users-form-healthy-habits-40e889e9b23e

[95] Не ругайте Steve Harvey: плохой дизайн стал причиной фиаско на Мисс Вселенной: https://medium.com/hh-design/don-t-blame-steve-harvey-bad-design-caused-the-miss-universe-fiasco-e55d33f4218a

[96] Исследование форм для создания персонажей Звездных войн: руководство для не-дизайнеров: https://medium.com/sketch-app-sources/exploring-shapes-to-create-star-wars-characters-a-guide-for-non-designers-23ee387e66b6

[97] Иллюстрации и графический дизайн для игры «Секрет Гитлера»: https://medium.com/@mackenzieschubert/secret-hitler-illustration-graphic-design-435be3e3586c

[98] Как я «вижу» в действительности: https://medium.com/designing-medium/how-i-really-see-d3cc2a642e2e#.iyk4e7b1e

[99] О редизайне приложения Airtable для iPhone: https://medium.com/@kasrak/putting-a-database-in-everyone-s-pocket-6e9fc1ec2bc4

[100] Анимации интерфейса. Сила движения: https://medium.com/@tubikstudio/interface-animation-the-force-of-motion-598b84734e69

[101] Невостребованный редизайн приложения: Yelp: https://medium.com/@kenlopez15/an-unsolicited-app-redesign-yelp-396c41947776

[102] Концепт редизайна Goodreads: https://www.behance.net/gallery/32296095/Reimagining-Goodreads

[103] Чему виртуальная реальность может научить о UX: http://www.sitepoint.com/what-vr-can-teach-us-about-ux/

[104] Искусство рукописи от Dina Rodriguez: http://blog.invisionapp.com/hand-lettering-dina-rodriguez/

[105] Как убедиться, что команда разработчиков понимает дизайн?: https://medium.com/@frankiefreesbie/how-do-you-ensure-that-the-dev-team-understands-the-design-b7043ea01cd8

[106] Проект Comet от Adobe: чего ожидать от публичной беты в 2016-м: http://whatpixel.com/project-comet-public-beta-2016/

[107] История создания китайского шрифта: http://qz.com/522079/the-long-incredibly-tortuous-and-fascinating-process-of-creating-a-chinese-font/

[108] Дизайн рождественских иконок в Sketch: http://sketchapp.me/dizajn-rozhdestvenskix-ikonok-v-sketch/

[109] Применение текстуры к 3D-тексту в Adobe Photoshop: http://www.dejurka.ru/tutorial/3d-wood-text-photoshop/

[110] Рассыпающийся 3D-текст в Adobe Illustrator: http://www.dejurka.ru/tutorial/shattered-3d-text-adobe-illustrator/

[111] Книга: руководство по созданию вайрфреймов (для дизайнеров, ПМ-ов, инженеров и других): http://mameara.com/free-ebook-the-guide-to-wireframing/

[112] Рождественские ресурсы для дизайнеров: https://medium.com/@order_group/christmas-freebies-for-designers-c2539ceffdca

[113] Векторные огни для вашего дизайна: http://www.dejurka.ru/graphics/free-vector-lights/

[114] Векторная рождественская графика: http://line25.com/articles/15-free-awesome-christmas-vectors-for-your-design-toolkit

[115] Цветные контурные иконки (SVG, PNG): http://tympanus.net/codrops/2015/12/23/freebie-colored-line-icons-svg-ai-png/

[116] Иконки и графические элементы для новогоднего дизайна: http://www.dejurka.ru/graphics/free-christmas-icons-elements/

[117] Набор рождественских контурных иконок с плоским дизайном: http://www.webdesignfreebies.net/icons/100-free-christmas-icons-in-flat-and-line-styles/

[118] Лучшие 50 наборов иконок из 2015: http://speckyboy.com/2015/12/21/top-50-free-icon-sets-2015/

[119] Сезонные иконки: зимнеяя тематика: http://designmodo.com/winter-icons/

[120] Шрифты: полная коллекция для 2016-го: http://designmodo.com/free-fonts-2016/

[121] Ретро и винтажные шрифты: http://webdesignledger.com/free-retro-and-vintage-fonts

[122] 451 по интернету: в HTTP появился новый статус для заблокированных властями сайтов: http://geektimes.ru/post/268134/

[123] SpaceX успешно посадила первую ступень Falcon 9: http://geektimes.ru/post/268080/

[124] Старый «КиноПоиск» останется основным ресурсом и поглотит новую версию в качестве раздела: http://itc.ua/news/staryiy-kinopoisk-ostanetsya-osnovnyim-resursom-poglotit-novuyu-versiyu-v-kachestve-razdela/

[125] Google и Microsoft запустили Санта-трекеры, позволяющие детям исследовать мир: http://itc.ua/news/google-microsoft-zapustili-santa-trekeryi-pozvolyayushhie-detyam-issledovat-mir/

[126] По мнению Дастина Киркленда, косвенно Ubuntu использует более миллиарда человек: http://www.opennet.ru/opennews/art.shtml?num=43580

[127] Mozilla работает над планшетом, маршрутизатором, медиаприставкой и умной клавиатурой: http://www.opennet.ru/opennews/art.shtml?num=43579

[128] Google создаст «умный» мессенджер: http://www.cossa.ru/news/244/116634/

[129] В YouTube появились интерактивные видео Spotlight Stories: http://www.searchengines.ru/news/archives/v_youtube_dobav.html

[130] Microsoft купила сервис для внедрения в Skype «облачных» звонков: http://www.cossa.ru/news/244/116580/

[131] Google запустил API для поиска по Сети знаний: http://www.searchengines.ru/news/archives/google_api_search.html

[132] Facebook променяла Flash на HTML5: http://www.3dnews.ru/925517/

[133] Взломать загрузчик Linux можно нажатием одной кнопки 28 раз: http://www.3dnews.ru/925452/

[134] Суперкомпьютеры: тренды и проблемы развития по мнению бывшего инженера IEEE Rebooting Computing: http://habrahabr.ru/company/1cloud/blog/273667/

[135] Соцсети и интернет: взгляд социолога: http://arzamas.academy/materials/955

[136] Virtual Reality – пришло ли время?: http://keddr.com/2015/12/virtual-reality-prishlo-li-vremya/

[137] Экономика большого киберспорта: Перспективы, доходы игроков и бюджеты: https://vc.ru/p/cyber-wargaming

[138] Boston Dynamics запрягла в рождественскую упряжку оленей-роботов: http://itc.ua/news/boston-dynamics-zapryagla-v-rozhdestvenskuyu-upryazhku-oleney-robotov/

[139] 10 главных научных достижений 2015 года: http://disgustingmen.com/nauka/10-science-shit-2015

[140] Coub назвал лучшие коубы 2015 года: http://itc.ua/news/coub-nazval-luchshie-koubyi-2015-goda/

[141] 10 главных видеоигр года: http://www.the-village.ru/village/city/itogi_2015/228821-2015-in-video-games

[142] Лучшие приложения 2015 года по мнению The Next Web: https://vc.ru/p/apps-tnw-2015

[143] На ошибках учатся: Провалившиеся проекты основателей Github, Youtube, Twitter, GoPro: https://vc.ru/p/falls-of-famous

[144] Идеальное ИТ-будущее. Бесплатная футурология без регистрации и СМС: https://roem.ru/23-12-2015/215724/ideal-it-future/

[145] Самые резонансные хакерские атаки уходящего года: http://www.gazeta.ru/tech/2015/12/24/7989839/best-hacks-2015.shtml

[146] Лучшие игры 2015 года: http://lenta.ru/articles/2015/12/25/bestgames2015/

[147] Производственный процесс: http://www.the-village.ru/village/business/process/227479-kak-delayut-multfilmy

[148] География пиратства: Африканский iTunes, бразильские видеоклубы и подпольный интернет на Кубе: http://www.furfur.me/furfur/changes/changes/216175-antropologiya-piratstva

[149] Жуткая сторона интернета вещей и умных домов : http://rusbase.com/story/creepy-smart-homes/

[150] «Всё грузится медленно, но я привык»: Китайцы и экспаты о жизни с самым закрытым интернетом в мире: http://www.furfur.me/furfur/freedom/freedom/216135-kitayskiy-internet

[151] Что дарят своим сотрудникам на Новый год и Рождество российские и зарубежные компании: https://vc.ru/p/2016-gifts

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

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

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

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

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