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

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

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

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

Веб-разработка [1]
CSS [2]
Javascript [3]
Браузеры [4]
Дизайн [5]
Новости [6]
Занимательное [7]

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016) - 2 Веб-разработка

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016) - 20 CSS

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016) - 40 JavaScript

Браузеры

Сайты с интересным дизайном и функциональностью

  • en foundermantras.com [99] — полноэкранный сайт с концептуальной навигацией
  • en We Doki Doki [100] — креативный сайт с разнонаправленным скроллом, симпатичными иллюстрациями и анимацией
  • en UI Viking [101] — сайт-портфолио с говорящим дизайном
  • en oursroux.com [102] — сайт с эффектом горизонтального слайд-скроллинга и упором на фоновые изображения и типографику
  • en aslanbakan.com [103] — креативный сайт-портфолио фронтенд-разработчика
  • en gordon24ever.com [104] — вертикальный сайт на автомобильную тематику с отличной анимацией и работой с типографикой
  • en Brand Colors [105]

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

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016) - 112 Подборка бесплатных дизайнерских печенек

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016) - 118 Новости

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016) - 119 Занимательное

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [174].
Материал подготовили dersmoll [175] и alekskorovin [176].

Автор: Zfort Group

Источник [177]


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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

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

[8] 10 прогнозов для веба на 2016 год: http://prgssr.ru/development/10-prognozov-dlya-veba-na-2016-god.html

[9] Google приглашает протестировать AMP-функционал в Search Console: http://www.searchengines.ru/news/archives/google_test_amp_search_console.html

[10] Производительность WordPress в будущем: CDN, HTTP/2 и т.д.: http://oddstyle.ru/wordpress-2/stati-wordpress/proizvoditelnost-wordpress-v-budushhem-cdn-http2-i-t-d.html

[11] Google: как ускорить индексирование новой версии файла robots.txt: http://www.searchengines.ru/news/archives/google_robots_txt_new.html

[12] часть 1 : https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-1-67e8f2d4035

[13] часть 2: https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-2-6711cc15df46

[14] часть 2½: https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-2-1-598815d74f9c

[15] Путешествие в Webpack: https://blog.serverdensity.com/the-journey-to-webpack/

[16] Про оффлайн-установку npm пакетов от Addy Osmani: https://addyosmani.com/blog/using-npm-offline/

[17] Запуск локально установленных исполняемых npm: http://www.2ality.com/2016/01/locally-installed-npm-executables.html

[18] Cоглашение о BEMIT именовании: http://www.jamesturneronline.net/beautifulweb/bemit-naming-convention.html

[19] Service Worker: маленький производительный помощник Санты: http://12devsofxmas.co.uk/2016/01/day-9-service-worker-santas-little-performance-helper/

[20] 11 техник SEO для лучшего ранжирования в 2016-м: http://www.instantshift.com/2016/01/07/better-rank-seo-techniques/

[21] Бесплатные инструменты для веб-доступности: https://medium.com/bread-crumbs/free-web-accessibility-tools-round-up-b83a33797789

[22] 4 способа улучшить ваш код в 2016-м: http://thenewcode.com/349/Four-Ways-To-Improve-Your-Code-In-2016

[23] CodePen: обзор 2015-го года : http://blog.codepen.io/2016/01/01/2015-year-end-review/

[24] Самые популярные демки на CodePen за 2015: http://codepen.io/2015/popular/pens/

[25] Подсказки по тестированию Polymer-а: https://medium.com/google-developer-experts/polymer-testing-tips-f217ba94a64

[26] GPU рендеринг текста с векторными текстурами: http://wdobbie.com/post/gpu-text-rendering-with-vector-textures/

[27] Актуальное руководство по собеседованию на тему Bootstrap: http://webdesignledger.com/vital-guide-bootstrap-interviewing

[28] Что нового в Foundation 6?: http://www.sitepoint.com/whats-new-in-foundation-6/

[29] Подтверждаем выбор пользователя с помощью чекбоксов: https://www.aaron-gustafson.com/notebook/affirming-user-choice-with-checkboxes/

[30] Паттерны для контента и отображения: https://medium.com/@danielmall/content-display-patterns-a9726f66eb88

[31] php-gif: https://github.com/ErikvdVen/php-gif

[32] Firefox будет поддерживать нестандартные CSS для совместимости с WebKit: http://habrahabr.ru/post/274563/

[33] Руководство по размеру текста для отзывчивого дизайна: http://css-live.ru/articles/rukovodstvo-po-razmeru-teksta-dlya-otzyvchivogo-dizajna.html

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

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

[36] Движение по криволинейной траектории в CSS с помощью анимации в нескольких плоскостях: http://tobiasahlin.com/blog/curved-path-animations-in-css/

[37] Что такое CSS анимация?: https://coveloping.com/what-is-css-animation

[38] Развенчивание мифов о режимах смешивания: http://alistapart.com/article/blending-modes-demystified

[39] Введение в правило @supports (поддержка функций): http://www.sitepoint.com/an-introduction-to-css-supports-rule-feature-queries/

[40] Утилиты для использования возможностей настройки типографики OpenType: http://utility-opentype.kennethormandy.com/

[41] React Container Query: настоящая модульность в стилизации отзывчивых компонентов: http://d6u.github.io/react-container-query/

[42] Простое слайдшоу, реализованное на CSS: http://snook.ca/archives/html_and_css/simplest-css-slideshow

[43] Самоуверенное руководство по стилям для масштабируемых приложений: https://github.com/grvcoelho/css

[44] Milligram — очередной минималистичный CSS фреймворк: http://milligram.github.io/index.html

[45] app-reset: https://github.com/benfrain/app-reset

[46] Sass-совет: The Double Ampersand Selector: http://blog.teamtreehouse.com/sass-tip-double-ampersand-selector

[47] Разбираемся с цветовыми палитрами, используя Sass: https://medium.com/@pentzzsolt/handling-color-sets-with-sass-59a00f274228

[48] Вдохновляющие примеры анимации в линейных стилях при наведении на пункты меню : http://tympanus.net/codrops/2016/01/06/inspiration-for-line-menu-styles/

[49] Швейцарские постеры, оживленные с помощью CSS-анимаций: http://swissincss.com/

[50] WebFonts — Level Up!: https://www.youtube.com/watch?v=Mho5DIT6MWM

[51] The Rise of Modular Style: https://www.youtube.com/watch?v=O_kGKC7s4U8

[52] Performance Beyond Page Load: https://www.youtube.com/watch?v=Wx1tpF57swY

[53] The End of Global CSS: https://www.youtube.com/watch?v=W17YAEmjeqY

[54] PostCSS — JS Your CSS: https://www.youtube.com/watch?v=6jz6p7wqOpI

[55] Una Kravets — Editing Images in CSS: https://www.youtube.com/watch?v=4BquKccQReM

[56] Rachel Andrew — The New CSS Layout: https://www.youtube.com/watch?v=mVk7xMrcEMk

[57] Релиз jQuery 2.2 и 1.12 Released: http://blog.jquery.com/2016/01/08/jquery-2-2-and-1-12-released/

[58] В JavaScript-движок V8 добавлена поддержка WebAssembly: http://www.opennet.ru/opennews/art.shtml?num=43651

[59] Итоги конкурса по программированию на JS: Почтовые фильтры: http://habrahabr.ru/company/hola/blog/274697/

[60] Разбираемся с синтаксисом шаблонов в Angular 2: http://habrahabr.ru/post/274743/

[61] Angular 2 против React: И будет кровь: http://habrahabr.ru/post/274523/

[62] «Angular 2 versus React: There Will Be Blood»: https://medium.com/@housecor/angular-2-versus-react-there-will-be-blood-66595faafd51

[63] Опыт Angular + Typescript + Offline SPA проекта через год: http://habrahabr.ru/post/274591/

[64] Как генерировать SVG на React: http://siteacademy.ru/jquery/generating-svg-with-react

[65] Why Angular 2 Is DOA: http://ilikekillnerds.com/2016/01/why-angular-2-is-doa/

[66] От Angular ES5 директив к Angular ES2015 компоненту (ES6): http://orizens.com/wp/topics/from-angular-es5-directive-to-angular-es2015-component/

[67] Урок: AngularJS для начинающих -1: https://codek.tv/6626

[68] Angular 2 ES6 TodoMVC: https://github.com/blacksonic/angular2-es6-todomvc

[69] OverReact — генератор React-файлов: http://www.overreact.io/

[70] Om Next для React разработчиков: состояние приложения: https://medium.com/@roman01la/om-next-for-react-devs-application-state-53af3ec7c42a

[71] Создание веб-приложения с Backbone.js и Socket.io: http://www.sitepoint.com/build-a-web-app-with-backbone-js-and-socket-io/

[72] Ember.js — прощай MVC (часть 1): http://habrahabr.ru/post/274637/

[73] Представляем Meteor Guide: http://info.meteor.com/blog/introducing-the-meteor-guide

[74] Обзор 2015-го года от Sebastian McKenzie: https://medium.com/@sebmck/2015-in-review-51ac7035e272

[75] Исследование асинхронных техник в JS: https://github.com/thalesmello/exploring-async/blob/master/exploring_async.md

[76] Две развилки в лесу: использование операторов JavaScript if… else: http://thenewcode.com/352/Two-Paths-Diverged-In-A-Wood-Using-JavaScript-if-else-Statements

[77] Исследование Web Audio API с помощью D3: http://blog.scottlogic.com/2016/01/06/audio-api-with-d3.html

[78] Работа с ошибками JS c помощью window.onerror: http://blog.getsentry.com/2016/01/04/client-javascript-reporting-window-onerror.html

[79] Управление приватными данными ES6 классов: http://www.2ality.com/2016/01/private-data-classes.html

[80] Интервью с мастером JavaScript: что такое замыкание?: https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-closure-b2f0d2152b36

[81] Два столпа JavaScript —  часть 2: функциональное программирование: https://medium.com/javascript-scene/the-two-pillars-of-javascript-pt-2-functional-programming-a63aa53a41a4

[82] Постоянные переменные в JavaScript, или: когда «const» не константы: https://blog.mariusschulz.com/2015/12/31/constant-variables-in-javascript-or-when-const-isnt-constant

[83] Как разрвернуть ваше Node приложение на Linux, редакция 2016-го: https://certsimple.com/blog/deploy-node-on-linux

[84] Вы не должны быть волшебниками программирования, чтобы создать open-source библиотеку: https://medium.com/swlh/you-don-t-have-to-be-a-programming-wizard-to-build-an-open-source-library-8b788fa51bf3

[85] Собираем простое MariontteJS+ES6 приложение с помощью Brunch: http://habrahabr.ru/post/274655/

[86] Feature.js: http://featurejs.com/

[87] vectorious: https://github.com/mateogianolio/vectorious

[88] playcanvas-spine: https://github.com/playcanvas/playcanvas-spine

[89] Accelerating the Web through AMP: https://www.youtube.com/watch?v=3cJ1jojScRk

[90] Danese Cooper: The Node Foundation: https://www.youtube.com/watch?v=MNk5Jxj8Znw

[91] Matthew Podwysocki: Reactive JavaScript at Netflix, Microsoft and the World: https://www.youtube.com/watch?v=BwwgmB73Hzw

[92] Towards Universal JavaScript: https://www.youtube.com/watch?v=ld3X8PTOgQQ

[93] Карманный JavaScript: http://www.thedotpost.com/2015/12/henrik-joreteg-pocket-sized-javascript

[94] The whole future declared in a var: https://www.youtube.com/watch?v=BfZpr0USIi4

[95] На следующей неделе Microsoft прекращает поддержку всех версий IE, кроме 11: http://habrahabr.ru/post/274595/

[96] Около 40% пользователей Firefox не используют дополнения: http://www.opennet.ru/opennews/art.shtml?num=43631

[97] Обновление Firefox 43.0.4 с отменой блокировки SHA-1: http://www.opennet.ru/opennews/art.shtml?num=43635

[98] В Chrome наконец реализуют плавную прокрутку: http://itc.ua/blogs/v-chrome-nakonets-realizuyut-plavnuyu-prokrutku/

[99] foundermantras.com: http://foundermantras.com/

[100] We Doki Doki: http://thesoundofsilence.org/wedokidoki/#1

[101] UI Viking: http://uiviking.com/

[102] oursroux.com: http://www.oursroux.com/

[103] aslanbakan.com: http://aslanbakan.com/

[104] gordon24ever.com: http://www.gordon24ever.com/

[105] Brand Colors: http://brand-colors.com/

[106] Планы и итоги дизайнеров: что было в 2015-м, что планируется в 2016-м: http://thenuschool.com/designer-resolutions-2016

[107] 7 UX инструментов, которые стоит попробовать в 2016-м: http://www.creativebloq.com/ux/7-ux-tools-try-2016-11618647

[108] Тренды UX-дизайна для 2016-го: http://blog.invisionapp.com/2016-ux-design-trends/

[109] Состояние UX в 2016-м: https://medium.com/user-experience-design-1/the-state-of-ux-in-2016-4a87799647d8

[110] 15 трендов веб-дизайна на 2016-й: http://blogs.adobe.com/dreamweaver/2016/01/15-web-design-trends-to-look-for-in-2016.html

[111] Предсказание тренда веб-дизайна на 2016-й: вертикально разделенный экран: http://www.onextrapixel.com/2016/01/08/2016-web-design-trend-forecast-vertical-split-screen/

[112] Важные элементы UX для оптимизации страницы продукта в Ecommerce : http://speckyboy.com/2016/01/07/ux-ecommerce-product-pages/

[113] UX в дизайне писем: http://www.webdesignerdepot.com/2016/01/ux-in-email-design/

[114] Уже 2016-й год, как сайты умудряются до сих пор плевать на UX?: http://www.troyhunt.com/2016/01/its-2016-already-how-are-websites-still.html

[115] Джедайские принципы UI анимации: https://medium.com/@adaptivepath/jedi-principles-of-ui-animation-2b88423b1dac

[116] Серия уроков Sketch (часть 1 из 5): Настройка Sketch: http://sketchapp.me/seriya-urokov-sketch-chast1-iz-5-nastrojka-sketch/

[117] Зачем дизайнеры делают вещи неудобными: http://www.the-village.ru/village/home/home-guide/228479-inconvenient-design

[118] Как избавиться от полупикселей в Sketch: http://sketchapp.me/pixel-perfect-shapes-kak-izbavitsya-ot-polupikselej-v-sketch-pri-izmenenii-razmera-figury/

[119] Юзабилити не только для пользователей: http://www.webdesignerdepot.com/2016/01/usability-isnt-just-for-users/

[120] Создание дизайна главной страницы сайта Casper: http://destroytoday.com/writings/building-the-casper-homepage/

[121] Как Headspace привлекает новых пользователей: http://www.useronboard.com/how-headspace-onboards-new-users/

[122] Дизайним Adobe Portfolio.: https://medium.com/@andrewcouldwell/designing-adobe-portfolio-ffa1358e4913

[123] О шрифтах в Tourism Ireland, c. 2010–2014: http://fontsinuse.com/uses/6287/tourism-ireland-c-2010-2014

[124] Принципы продуктового цифрового дизайна: https://medium.com/@WdeB/digital-product-design-principles-8bc9eb6c080c

[125] Наши пользователи заслуживают лучший опыт: http://fight-for-ux.myshopify.com/

[126] Невостребованный совет по дизайну дат: http://joelcalifa.com/blog/unsolicited-dating-advice/

[127] Неофициальные награды Apple Icon Design: http://www.elischiff.com/blog/2016/1/5/apple-icon-design-awards

[128] Дизайн самого желанного продукта: исследование дизайна банкнот: https://www.smashingmagazine.com/2016/01/learn-from-the-history-of-banknote-design-most-desirable-product/

[129] Является ли гамбургерное меню проблемой?: https://medium.com/readme-mic/is-the-hamburger-menu-a-problem-d606d40a105f

[130] Заметки для дизайна лучших интерфейсов мобильных приложений: http://www.sitepoint.com/designing-mobile-application-interfaces/

[131] Двадцать один пункт по гарантированному привлечению мобильных пользователей: http://www.sitepoint.com/the-21-step-checklist-for-bulletproof-mobile-user-onboarding/

[132] Что делает Slack таким захватывающим?: http://www.sitepoint.com/what-makes-slack-so-addictive/

[133] Визуальное планирование для дизайнеров: http://blog.invisionapp.com/visual-planning-for-designers/

[134] Самое растиражированное дизайнерское заблуждение, или священная корова 7±2: https://medium.com/@kichinsky/%D1%81%D0%B0%D0%BC%D0%BE%D0%B5-%D1%80%D0%B0%D1%81%D1%82%D0%B8%D1%80%D0%B0%D0%B6%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D0%BE%D0%B5-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D1%81%D0%BA%D0%BE%D0%B5-%D0%B7%D0%B0%D0%B1%D0%BB%D1%83%D0%B6%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B8%D0%BB%D0%B8-%D1%81%D0%B2%D1%8F%D1%89%D0%B5%D0%BD%D0%BD%D0%B0%D1%8F-%D0%BA%D0%BE%D1%80%D0%BE%D0%B2%D0%B0-7-2-a900c6937d13#.yeeawixqp

[135] Как создать actions с демонстрацией анимации прогресса в работе в Adobe Photoshop: http://design.tutsplus.com/articles/how-to-create-an-animated-work-in-progress-action-in-adobe-photoshop--cms-25546

[136] Как создать аватарки профессий в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-create-flat-profession-avatars-in-adobe-illustrator--cms-25507

[137] Как раскрасить традиционный комикс в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-color-in-a-traditionally-inked-comic-in-adobe-illustrator--cms-25376

[138] Набор «Казахские шрифты»: http://youdesigner.kz/fonts/kazahskie_shrifty.html

[139] Более семи десятков кистей к фотошопу: http://www.vandelaydesign.com/free-photoshop-brushes/

[140] Векторный клипарт на тему фото- и видеокамер: http://www.dejurka.ru/graphics/free-camera-vector-art/

[141] Фоны и паттерны ко Дню Влюбленных: http://www.dejurka.ru/graphics/free-valentine-patterns/

[142] Изображения наиболее популярных мобильных устройств в формате Sketch: http://facebook.github.io/design/devices.html

[143] Зерновые текстуры : http://blog.spoongraphics.co.uk/freebies/9-free-high-resolution-grain-textures-in-jpg-png-format

[144] Три десятка шрифтов, от BIG JOHN / SLIM JOE до CABANA: http://line25.com/articles/high-quality-free-fonts-you-should-definitely-own

[145] день ноль: http://www.3dnews.ru/926228/

[146] день первый: http://www.3dnews.ru/926307/

[147] день второй: http://www.3dnews.ru/926350/

[148] Нулевой день выставки: http://www.mobile-review.com/articles/2016/ces-day0.shtml

[149] День первый: http://www.mobile-review.com/articles/2016/ces-day1.shtml

[150] День второй: http://www.mobile-review.com/articles/2016/ces-day2.shtml

[151] CES 2016: часы Razer, наушники-нейростимулятор Nervana, фитнес-трекер Go, экшен-камера Activeon Solar X на солнечных батареях и многое другое: http://lifehacker.ru/2016/01/08/ces-2016-3/

[152] Главные тренды выставки CES 2016: http://itc.ua/articles/glavnyie-trendyi-vyistavki-ces-2016/

[153] Джек Дорси объяснил отказ от ограничения в 140 символов в Твиттере записью со скриншотом длинного текста: https://tjournal.ru/p/twitter-long

[154] Lenovo отказывается от бренда Motorola: http://itc.ua/news/lenovo-otkazyivaetsya-ot-brenda-motorola/

[155] Amazon вышла на рынок процессоров: http://www.3dnews.ru/926302/

[156] Анализ популярности языков программирования в 2015 году: http://www.opennet.ru/opennews/art.shtml?num=43643

[157] Netflix пришёл в Россию и ещё 130 стран: http://geektimes.ru/post/268830/

[158] Все, что вам нужно о нем знать: http://disgustingmen.com/blog/blog-netflix/

[159] Мертвый единорог: компания Gilt, которая ранее оценивалась более чем в $1 млрд, продалась за $250 млн: http://ain.ua/2016/01/08/625665

[160] Microsoft работает над версией Skype для HoloLens: http://www.3dnews.ru/926245/

[161] Сокращение производства iPhone. Перегретый рынок: http://keddr.com/2016/01/sokrashhenie-proizvodstva-iphone-peregretyiy-ryinok/

[162] За что геймеры платят в Steam: самые популярные игры года: http://ain.ua/2016/01/05/625438

[163] Каково быть стажером в крупных ИТ-компаниях: Facebook, Google, Microsoft, «Яндексе», Mail.Ru и Rambler&Co: https://vc.ru/p/it-interns

[164] Как Цукерберг испытывает наше терпение: http://keddr.com/2016/01/kak-tsukerberg-ispyityivaet-nashe-terpenie/

[165] Цукерберг создаст искусственный интеллект для управления своим домом: http://ain.ua/2016/01/04/625267

[166] Сферы жизнедеятельности людей, где 3D-печать произвела переворот: http://hitech-news.ru/2016/01/08/devyat-sfer-zhiznedeyatelnosti-lyudej-gde-3d-pechat-seryozno-prodvinulas-v-2015-godu/

[167] Профессии цифрового будущего: какие специальности появятся в ближайшее время, а какие исчезнут: http://www.cossa.ru/149/117262/

[168] Как blockchain изменит нашу жизнь?: http://rusbase.com/opinion/blockchain/

[169] Что меня раздражает в MacBook: http://geektimes.ru/post/268688/

[170] Несколько интересных фактов о Кремниевой долине: http://keddr.com/2016/01/neskolko-interesnyih-faktov-o-kremnievoy-doline/

[171] 6 предсказаний Стива Джобса, которые сбылись: http://keddr.com/2016/01/6-predskazaniy-stiva-dzhobsa-kotoryie-sbyilis/

[172] Научные мифы, которые невозможно развенчать: http://geektimes.ru/company/ua-hosting/blog/268950/

[173] BB8 из «Звездных Войн»: http://charliejwalter.net/bb8/

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

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

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

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