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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

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

[8] Итоги 2015: веб-разработка: http://habrahabr.ru/company/geekbrains/blog/273171/

[9] Mozilla выпустила фреймворк A-Frame для создания сайтов виртуальной реальности: http://geektimes.ru/post/267942/

[10] Техники работы с DOM: родительские, дочерние и соседние элементы: http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html

[11] Запись конференции Web Standards Days в Москве, 2015: https://www.youtube.com/watch?v=qfEAt3LdLGg&feature=youtu.be

[12] Адаптивное прогрессивное доступное поле для поиска: http://adrianroselli.com/2015/12/responsive-progressive-accessible-vanilla-search.html

[13] Урок, посвященный возможностям OpenType, когда их использовать и почему они важны: http://practice.typekit.com/lesson/caring-about-opentype-features/

[14] Что нужно знать верстальщикам писем про Outlook 2016: https://www.emailonacid.com/blog/article/email-development/coding-for-outlook-2016

[15] Дебют Security Panel: https://developers.google.com/web/updates/2015/12/security-panel

[16] Представление фоновой синхронизации: https://developers.google.com/web/updates/2015/12/background-sync?hl=en

[17] Оптимизация процесса разработки шаблонов писем: http://julie.io/writing/optimize-email-development-workflow/

[18] Лучшие практики руководств по стилям: http://bradfrost.com/blog/post/style-guide-best-practices-at-beyond-tellerrand/

[19] satyr.io: http://satyr.io/

[20] Реализация полей ввода для тач-устройств с 2013-го года улучшилась всего на 9% (60% до сих пор используют их неправильно): http://baymard.com/blog/mobile-touch-keyboards

[21] 5 ресурсов для разработчиков, связанных со Звездными Войнами: http://developer.telerik.com/featured/5-star-wars-resources-for-developers/

[22] Компилирование в WebAssembly: это произошло!: https://hacks.mozilla.org/2015/12/compiling-to-webassembly-its-happening/

[23] Интерактивность — это улучшение: http://alistapart.com/article/interaction-is-an-enhancement

[24] Основы доступности в вебе: https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/

[25] Создание собственных веб-компонентов с X-Tag: http://www.sitepoint.com/building-custom-web-components-with-x-tag/

[26] SMIL мертв! Да здравствует SMIL! Руководство по альтернативам к основным особенностям SMIL: https://css-tricks.com/smil-is-dead-long-live-smil-a-guide-to-alternatives-to-smil-features/

[27] Примеры настройки производительности enterprise-решений: http://apmblog.dynatrace.com/2015/12/18/enterprise-front-end-tuning-worst-practices-case-study/

[28] Что мы узнали после четырехлетнего мониторинга развития веба: http://www.soasta.com/blog/page-bloat-2015-web-performance-monitoring/

[29] Использование отзывчивых изображений и асинхронной загрузки позволяет уменьшить вес начальной загрузки страницы на ~80%: http://calendar.perfplanet.com/2015/immaculate-imagery-with-lazy-pictures-bpg/

[30] Critical Metric: Critical Resources: http://calendar.perfplanet.com/2015/critical-metric-critical-resources/

[31] Анимация обрезанных элементов в SVG: http://www.smashingmagazine.com/2015/12/animating-clipped-elements-svg/

[32] SVG Text On A Path — Part 1 : http://vanseodesign.com/web-design/svg-text-on-a-path-part-1/

[33] SVG иконки просты, но фоллбеки их — нет: http://maketea.co.uk/2015/12/14/svg-icons-are-easy-but-the-fallbacks-arent.html

[34] Частичная размытость в SVG и прозрачность в стиле iOS: http://w3.eleqtriq.com/2015/11/svg-partial-blur/

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

[36] Лучшие библиотеки для анимации в 2016-м: http://www.sitepoint.com/top-9-animation-libraries-use-2016/

[37] Создание режима ночного для вашего сайта, часть 1: http://thenewcode.com/319/Create-a-Night-Vision-Mode-For-Your-Website-Part-1

[38] Анимация пути на картах для интерактивного повествования: http://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/

[39] Почему я в восторге от «родных» CSS-переменных: http://css-live.ru/articles/about-native-css-variables.html

[40] Why I’m Excited About Native CSS Variables: http://philipwalton.com/articles/why-im-excited-about-native-css-variables/

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

[42] CSS-переменные стали кандидатом в рекомендации: http://css-live.ru/vecssti-s-polej/css-peremennye-stali-kandidatom-v-rekomendacii.html

[43] Псевдостоинства и непсевдостатки: http://css-live.ru/articles/psevdostoinstva-i-nepsevdostatki.html

[44] Pseudo and pseudon’t: https://adactio.com/journal/10000

[45] Управляем поведением font-face в CSS: http://ymatuhin.ru/front-end/loading-font-face-css/

[46] Flexibility: https://github.com/10up/flexibility

[47] Страница для тестирования правил CSS Flexbox : http://flexbox.help/

[48] Сравнение инструментов для построения разметки: Flexbox Vs. Susy: http://www.smashingmagazine.com/2015/12/website-layout-tools-compared-flexbox-vs-susy/

[49] Сетка, Flexbox, выравнивание блоков: наша новая система для разметки: https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout

[50] Sierra library — самая маленькая и легкая библиотка для scss (ранее известная как penguin): http://penguin-library.github.io/

[51] Эволюция CSS: http://blogs.adobe.com/dreamweaver/2015/12/the-evolution-of-css.html

[52] Почему Bootstrap 4 означает, что Sass выиграл (у Less): http://developer.telerik.com/featured/why-bootstrap-4-means-sass-has-won/

[53] Лучшие демки и концепты 2015-го года на чистом CSS: http://www.cssdesignawards.com/articles/best-pure-css-pens-of-2015/268/

[54] Понимание методологии CSS-модулей: http://www.sitepoint.com/understanding-css-modules-methodology/

[55] За гранью руководств по стилю: https://24ways.org/2015/beyond-the-style-guide/

[56] Angular2 теперь «бета»: http://habrahabr.ru/post/273445/

[57] Google переписал свой Angular JavaScript фреймворк: http://www.javaworld.com/article/3015539/javascript/google-rewrites-its-angular-javascript-framework.html

[58] Переход с 1.X: https://angular.io/docs/ts/latest/guide/upgrade.html

[59] React в 2015 — ретроспектива: https://blog.risingstack.com/react-in-2015/

[60] Rista: https://github.com/Riim/rista

[61] Victory: http://victory.formidable.com/

[62] React Refetch: https://github.com/heroku/react-refetch

[63] A Rundown of the Best New Features in ES2015: http://www.sitepoint.com/es2015-useful-parts-rundown-best-new-features/

[64] xto6 конвертор ES5 кода в ES6 вживую: http://xto6.js.org/

[65] 4 шаблона для JS разработчика, о которых вам следует знать: https://scotch.io/bar-talk/4-javascript-design-patterns-you-should-know

[66] Remy Sharp: моя стратегия тестирования в node: https://remysharp.com/2015/12/14/my-node-test-strategy

[67] Алгоритм Math.random был улучшен в Chrome: http://v8project.blogspot.ie/2015/12/theres-mathrandom-and-then-theres.html

[68] Что делает “!--” в JavaScript?: http://stackoverflow.com/questions/34323527/what-does-do-in-javascript

[69] Как будет выглядеть рынок работы в области JavaScript в 2016-м: https://medium.com/javascript-scene/forget-the-click-bait-here-s-what-the-javascript-job-market-really-looks-like-in-2016-ddfe0d39b467

[70] Конвертор из Java в TypeScript/JavaScript: http://www.jsweet.org/

[71] Детальный разбор CORS: http://www.sitepoint.com/an-in-depth-look-at-cors/

[72] Быстрый совет: прекращайте писать циклы, используйте лучше Maps: http://www.sitepoint.com/quick-tip-stop-writing-loops-start-thinking-with-maps/

[73] Как использовать RethinkDB с Node.js приложениями: http://www.sitepoint.com/how-to-use-rethinkdb-with-node-js-applications/

[74] Представление Lokka —  простой JavaScript клиент для GraphQL: https://voice.kadira.io/introducing-lokka-a-simple-javascript-client-for-graphql-e0802695648c

[75] Использование Google Maps без проблем с GMaps.js: http://www.sitepoint.com/google-maps-made-easy-with-gmaps-js/

[76] Руководство для начинающих по WebGL: http://www.sitepoint.com/beginners-guide-webgl/

[77] Создание приложения для настольных устройств с Angular 2 и Electron: https://auth0.com/blog/2015/12/15/create-a-desktop-app-with-angular-2-and-electron/

[78] timbre.js: http://mohayonao.github.io/timbre.js/

[79] Colorify.js: http://colorify.rocks/

[80] daterangepicker: https://sensortower.github.io/daterangepicker/

[81] grooscript: http://grooscript.org/

[82] Релиз Firefox 43: http://www.opennet.ru/opennews/art.shtml?num=43531

[83] Firefox 43, детали для разработчиков: http://tanalin.com/blog/2015/12/firefox-43/

[84] Браузер FireFox для Windows стал доступным в 64-битной версии: http://www.3dnews.ru/925326/

[85] Firefox 64-bit — что нового?: http://www.computerra.ru/137214/firefox-64-bit/

[86] 10 функций, которые я хотел бы увидеть в Microsoft Edge: http://keddr.com/2015/12/10-funktsiy-kotoryie-ya-hotel-byi-uvidet-v-microsoft-edge/

[87] Flynx – правильный браузер для социалок: http://keddr.com/2015/12/flynx-pravilnyiy-brauzer-dlya-sotsialok/

[88] Расширения для браузера Edge показали на видео: http://4pda.ru/2015/12/19/265187/

[89] Как Google Chrome уничтожил Internet Explorer: https://twitter.com/Designmodo/status/676318169326292992/video/1

[90] emojitracker.com: http://emojitracker.com/

[91] oursroux.c: http://www.oursroux.com/

[92] Soleil: http://silesoleil.com/

[93] sfcd.com: http://sfcd.com/

[94] Креативный сайт от Borjomi: http://125.borjomi.com/eng/1890-1900

[95] Frank Underwood: http://www.fu2016.com/

[96] Обзор года музыки от Spotify: https://yearinmusic.spotify.com/en-GB/worlds-top-albums/global/beauty-behind-the-madness

[97] bonnemarque.se: https://bonnemarque.se/

[98] Интерактивный видео-сайт: http://because-recollection.com/mr-oizo

[99] motiv-studio.com/: http://motiv-studio.com/

[100] because-recollection.com/rita-mitsouko: http://because-recollection.com/rita-mitsouko

[101] Убеждающий веб-дизайн: http://habrahabr.ru/company/ua-hosting/blog/272969/

[102] Вертикальные заголовки: кто прав?: http://habrahabr.ru/post/273381/

[103] Простота в UX-дизайне переоценена: http://ain.ua/2015/12/20/623108

[104] Новинки в веб-дизайне сайтов электронной коммерции. Часть 2: http://e-planet.ru/company/blog/novinki-v-veb-dizajne-sajtov-elektronnoj-kommertsii-chast-2.html

[105] Прототипирование ios приложения с помощью Marvel и Sketch: Часть 1 из 2: http://sketchapp.me/prototipirovanie-s-marvel-i-sketch-chast-1-iz-2/

[106] Полное руководство по дизайну iOS 9 в Sketch: http://sketchapp.me/polnoe-rukovodstvo-po-dizajnu-ios-9-v-sketch/

[107] Дебаггинг (Debugging) плагинов Sketch: http://sketchapp.me/debagging-debugging-plaginov-sketch/

[108] Урок по дизайну карточного интерфейса профиля в Sketch App 3: http://sketchapp.me/urok-po-dizajnu-kartochnogo-interfejsa-profilya-v-sketch-app-3/

[109] Рождественская гора подарков в Adobe Photoshop: http://www.dejurka.ru/tutorial/christmas-gift-miountain/

[110] Зимние уроки для Adobe Illustrator: http://www.dejurka.ru/tutorial/winter-tuts-adobe-illustrator/

[111] Редизайны года: «Почта России», «Кинопоиск», «Мотор», «Ведомости»: https://vc.ru/p/redesign-2015

[112] Обзор года от Vox Media: http://www.voxmedia.com/a/year-in-review-2015

[113] Лучшие дизайны обложек в 2015-м: http://kottke.org/15/12/the-best-book-cover-designs-for-2015

[114] Обзор года от Campaign Monitor: https://www.campaignmonitor.com/2015/

[115] Лучшее прочитанное мной о дизайне в 2015: https://medium.com/@tedgoas/the-best-design-things-i-read-in-2015-95c54edb11dc

[116] Мои любимые статьи о дизайне в 2015-м: https://medium.com/@sjors/my-favourite-design-articles-2015-55c55dbccaa5

[117] MailChimp 2015: http://mailchimp.com/2015/#visit-from-a-mariachi-band

[118] Что я узнала о продуктовом дизайне в этом году: https://24ways.org/2015/what-i-learned-about-product-design-this-year/

[119] 7 основных принципов дизайна, которым учат Star Wars: http://ain.ua/2015/12/19/622894

[120] Новогодние логотипы для вдохновения: http://www.dejurka.ru/inspiration/christmas-logo-inspiration/

[121] Лучшие практики для UX навигации: http://blogs.adobe.com/dreamweaver/2015/12/best-practices-for-the-ux-of-navigation.html

[122] Лучший метод для создания отзывчивого дизайна в 2016-м году: http://studio.uxpin.com/blog/a-better-responsive-web-design-process-for-2016/

[123] 7 причин, по которым бесконечный скроллинг, возможно, плохая идея: http://adamsilver.io/articles/7-reasons-why-infinite-scrolling-is-probably-a-bad-idea/

[124] Пользовательский опыт важен для веб-дизайнеров: http://www.designyourway.net/blog/design/user-experience-is-important-for-web-designers/

[125] Рекомендованное чтиво для дизайнеров: http://blog.scottlogic.com/2015/12/17/recommended-reading-for-designers.html

[126] Вызовет ли мобилгеддон революцию веб-дизайна? : http://www.instantshift.com/2015/12/14/mobile-website-design-revolution/

[127] Выявленные ограничения Apple Watch: http://www.uxbooth.com/articles/embracing-the-constraints-of-the-apple-watch/

[128] Этюд: Mixcloud: https://medium.com/sketch-app-sources/etude-mixcloud-2bac3bd34ede#.46h1c99fo

[129] Дизайн коллажа Facebook: https://medium.com/facebook-design/designing-facebook-collage-304436764ca8

[130] Для @Elonmusk: восемь улучшений UI Tesla: https://medium.com/@UNITiD/for-elon-8-improvements-for-the-tesla-ui-1cf969a3ceb0

[131] Этнография = лучший дизайн: https://deardesignstudent.com/ethnography-better-design-d0fd8d35fc82

[132] Делаем акцент на данных: https://medium.com/user-experience-design-1/bring-the-data-forward-1593932775d

[133] Четыре совета по использованию анимации в дизайне: http://www.sitepoint.com/4-tips-for-using-animation-in-design/

[134] Как создать иллюстрацию мультяшного пингвина в Affinity дизайнeр: http://design.tutsplus.com/tutorials/how-to-create-a-cartoon-penguin-winter-illustration-in-affinity-designer--cms-25265

[135] Как сделать дизайн открытки в ретро-стиле в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-design-a-retro-christmas-postcard-in-adobe-illustrator--cms-25427

[136] Дизайн логотипа олимписких игр от дошкольников: http://www.raischstudios.com/preschool-tokyo2020-logo

[137] Да пребудут с вами шрифты!: https://www.fontshop.com/content/star-wars-may-the-fonts-be-with-you

[138] Текстуры с фото космоса: http://webresourcesdepot.com/free-space-photoshop-textures/

[139] Бесплатные новогодние баннеры: http://www.dejurka.ru/graphics/free-christmas-banner/

[140] Топ 15 бесплатных символьных шрифтов: http://www.creativebloq.com/typography/symbol-fonts-2131972

[141] Свежие наборы UI: http://www.webdesignfreebies.net/ui-kits/fresh-free-ui-kits-to-download-today/

[142] Мокап iPhone 6s: http://www.dreamstale.com/freebie-iphone-6s-mockups/

[143] Небольшой набор рождественских иконок: https://dribbble.com/shots/2393747-Christmas-Icons-Freebie-3-3-Holidays

[144] Набор иконок с плоским дизайном и тенями «Freelancer»: http://www.onextrapixel.com/2015/12/14/freebies-beautiful-freelancer-icon-set-for-your-business/

[145] Иконки с обозначениями видов пищевой аллергии (AI, EPS, PSD, SVG, PNG): http://tympanus.net/codrops/2015/12/18/freebie-allergen-friendly-cosmetics-and-food-icons/

[146] UIcons – контурные иконки (AI, EPS, SVG, PNG): http://designmodo.com/uicons-free/

[147] Рождественские веб-иконки: http://www.webdesignfreebies.net/icons/free-christmas-web-icons/

[148] Рождественский набор иконок (AI, PSD, EPS): http://www.smashingmagazine.com/2015/12/freebie-christmas-icons-illustrations/

[149] Три десятка рождественских контурных иконок: http://www.webdesignfreebies.net/icons/30-free-christmas-icons/

[150] Коллекция бесплатных шрифтов: http://www.webdesignfreebies.net/fonts/collection-of-free-fonts-and-typefaces-2/

[151] Декоративный шрифт Tessellate: https://www.behance.net/gallery/31732123/Tessellate-FREE-FONT

[152] Декоративный шрифт Curely: http://www.webdesignerdepot.com/2015/12/free-download-curely-font/

[153] Шрифты с эффектом кисти: http://inspiredm.com/20-free-powerful-brush-fonts/

[154] Adobe представила новый инструмент Adobe Post для «профессиональной графики»: https://vc.ru/n/adobe-post-graphics

[155] Google будет по умолчанию индексировать HTTPS-версию страницы: http://www.searchengines.ru/news/archives/google_https.html

[156] Создатели Slack открыли платформу приложений для мессенджера и запустили фонд на $80 млн: https://vc.ru/n/slack-platform

[157] Akamai: глобальная средняя скорость интернет-доступа за год увеличилась на 14% – до 5,1 Мбит/с: http://itc.ua/news/akamai-globalnaya-srednyaya-skorost-internet-dostupa-za-god-uvelichilas-na-14-5-1-mbit-s/

[158] Некорректно настроенные серверы MongoDB являются источником утечки 684 Тб данных: http://www.opennet.ru/opennews/art.shtml?num=43540

[159] Google собрал 30 самых популярных мемов рунета за 2015 год на одной картинке: https://tjournal.ru/p/google-memes-2015

[160] Тим Кук представил своего возможного преемника: http://naked-science.ru/article/media/tim-kuk-predstavil-svoego-vozm

[161] Microsoft пытается навязать апгрейд до Windows 10 всеми способами: https://xakep.ru/2015/12/18/win-10-upgrade/

[162] Побит рекорд скорости передачи данных по протоколу TCP: http://www.3dnews.ru/925265/

[163] Пробуждение Силы: как Google становится Microsoft: http://gagadget.com/19726-probuzhdenie-silyi-kak-google-stanovitsya-microsoft/

[164] 100 самых актуальных цитат о программировании: http://tproger.ru/digest/programming-quotes/

[165] Илон Маск опасается, что Третья мировая война может сорвать освоение Марса: http://geektimes.ru/post/267664/

[166] Как правильно распределять свое время — совет от сотрудников Google: http://ain.ua/2015/12/17/622675

[167] Какие приложения предприниматели и представители зарубежной ИТ-индустрии держат на первом экране смартфона: https://vc.ru/p/screen-abroad

[168] Игры 2015 года за две минуты: http://itc.ua/blogs/igryi-2015-goda-za-dve-minutyi/

[169] Если ребёнок — хакер: http://www.computerra.ru/137220/hacker-child/

[170] Na`Vi — вторые на ESL ESEA Pro League S2, Virtus.pro с серебром The Summit 4: дайджест новостей киберспорта: http://itc.ua/articles/navi-vtoryie-na-esl-esea-pro-league-s2-virtus-pro-s-serebrom-the-summit-4-daydzhest-novostey-kibersporta/

[171] Наиболее популярные новости из мира разработки рассылочных писем в 2015-м: https://litmus.com/blog/top-10-email-developments-in-2015

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

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

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

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

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