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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

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

[8] Responsive Image Breakpoints Generator: https://www.smashingmagazine.com/2016/01/responsive-image-breakpoints-generation/

[9] Представление Security Panel в DevTools: http://blog.chromium.org/2016/01/introducing-security-panel-in-devtools.html

[10] Проблема с Chromium WebViews: http://www.quirksmode.org/blog/archives/2016/01/the_problem_wit_1.html

[11] Jake Archibald: 2016 — год веб-потоков: https://jakearchibald.com/2016/streams-ftw/

[12] Альтернативы закрывающемуся сервису Parse: https://github.com/relatedcode/ParseAlternatives

[13] Зовите меня E-schmail: укрощение чудовища, имя которому HTML Email: http://zurb.com/article/1424/call-me-e-schmail-conquering-the-beast-th

[14] Поддержка атрибутов HTML5 hidden и aria-hidden в 2016-м: https://www.paciellogroup.com/blog/2016/01/the-state-of-hidden-content-support-in-2016/

[15] Разбор веб-анимации на топ 30 сайтов с Awwwards.com: https://ihatetomatoes.net/web-animation-trends/

[16] Урок по созданию Pull Request: https://yangsu.github.io/pull-request-tutorial/

[17] Когда вы знаете основы, но все еще не можете кодить: http://www.programmingforbeginnersbook.com/blog/when_you_know_the_basics_but_you_still_cant_code/

[18] Согласование процесса работы с фронтендерами: http://ashleynolan.co.uk/blog/aligning-frontend-process

[19] Новая функциональность в CodePen — JS Console: http://blog.codepen.io/2016/01/27/new-feature-javascript-console/

[20] Создание простой оффлайн-страницы с помощью Service Workers: http://deanhume.com/home/blogpost/create-a-really--really-simple-offline-page-using-service-workers/10135

[21] Урок от Sara Soueidan по созданию анимированного SVG-баннера c помощью GSAP : http://www.creativebloq.com/web-design/supercharge-svg-animations-gsap-11618683

[22] A Gulp-Based External SVG Symbol Sprite Icon System: http://una.im/svg-icons/

[23] Три плагина, которые стоит включать в каждую конфигурацию Grunt и Gulp: http://www.sitepoint.com/three-plugins-every-gruntfile-gulpfile-needs-make-website-great/

[24] Неофициальный генератор кода для вставки информационного виджета с данными CanIUse: http://caniuse.bitsofco.de/

[25] Конструктор бюджета проиводительного веб-приложения от Brad Frost: http://codepen.io/bradfrost/full/EPQVBp/

[26] Эксперты по веб-производительности делятся советами и ошибками : https://www.keycdn.com/blog/web-performance-advice/

[27] 18 советов по оптимизации производительности сайтов: https://www.keycdn.com/blog/website-performance-optimization/

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

[29] Elastic Circle Slideshow: http://tympanus.net/codrops/2016/01/27/elastic-circle-slideshow/

[30] Создание загрузочных кнорок с помощью SVG и Segment: http://x-team.com/2016/01/creating-loading-buttons-svg-segment/

[31] Минимально необходимые шрифты: http://css-live.ru/articles/minimalno-neobxodimye-shrifty.html

[32] CRITICAL WEB FONTS: http://www.zachleat.com/web/critical-webfonts/

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

[34] Переменные как основа архитектуры CSS при работе с препроцессорами: http://prgssr.ru/development/peremennye-osnova-arhitektury-css.html

[35] Variables: The Backbone Of CSS Architecture: https://www.smashingmagazine.com/2016/01/variables-in-css-architecture/

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

[37] Очень простое руководство по CSS3-анимациям: http://frontender.info/ochen-prostoe-rukovodstvo-po-css-animatsiyam/

[38] frontender.info: http://frontender.info

[39] voxel.css: http://www.voxelcss.com/

[40] Структура в стиле masonry на чистом CSS: https://medium.com/@_jh3y/how-to-pure-css-masonry-layouts-a8ede07ba31a

[41] Расширяем Sass c помощью PostCSS: http://ashleynolan.co.uk/blog/extend-sass-with-postcss

[42] О правиле import в CSS: http://vanseodesign.com/css/sass-the-import-directive/

[43] Объяснение нового свойства display: contents c примерами кода: https://rachelandrew.co.uk/archives/2016/01/29/vanishing-boxes-with-display-contents/

[44] Рефакторинг CSS без потери вашего клиента или разума : http://blog.alexdevero.com/refactoring-css-without-losing-your-client-or-your-mind/

[45] Использование современного CSS для создания адаптивной сетки с изображениями: http://www.sitepoint.com/using-modern-css-to-build-a-responsive-image-grid/

[46] CSS Font Features для WebKit: https://webkit.org/blog/5735/css-font-features/

[47] Новый взгляд на паттерн Float Label, реализованный с помощью CSS: http://thatemil.com/blog/2016/01/23/floating-label-no-js-pure-css/

[48] Пишем офигенный Sass с OOSass: https://blog.farrant.me/writing-kick-ass-sass-with-oosass/

[49] Bulma — очередной CSS-фреймворк, построенный на Flexbox: http://bulma.io/

[50] Hint.css 2.0: http://kushagragour.in/lab/hint/

[51] Learn CSS Layout: the pedantic way : http://book.mixu.net/css/

[52] Как бы выглядел ваш JS-фреймворк, если бы был кошкой?: http://whichcatisyourjavascriptframework.com/

[53] Моя реакция на React: https://pseudoconcurrentthought.wordpress.com/2016/01/26/my-reaction-to-react/

[54] React и экономика динамических веб-интерфейсов: https://www.nczonline.net/blog/2016/01/react-and-the-economics-of-dynamic-web-interfaces/

[55] Девять вещей, которые должен знать каждый начинающий в React.js: https://camjackson.net/post/9-things-every-reactjs-beginner-should-know

[56] Создание универсального приложения-блога на React: пошаговое руководство: http://www.sitepoint.com/building-a-react-universal-blog-app-a-step-by-step-guide/

[57] Создание приложения чата за 40 минут с React и Meteor: https://www.youtube.com/watch?v=xcej5OboUVM

[58] Angular против React: пошаговое сравнение: http://tutorials.pluralsight.com/review/angular-vs-react-a-side-by-side-comparison

[59] Angular JS 2.0 для революционной разработки UI/UX: http://blog.spec-india.com/angular-js-2-0-to-revolutionize-uiux-development

[60] Особенности ES2016 и ECMAScript как стандарта: https://ponyfoo.com/articles/es2016-features-and-ecmascript-as-a-living-standard

[61] Простые примеры, помогающие лучше понять ES6: https://github.com/sgaurav/understanding-es6

[62] Создание ES6 Javascript для браузера с Gulp, Babel, и другими средствами: https://thesocietea.org/2016/01/building-es6-javascript-for-the-browser-with-gulp-babel-and-more/

[63] Хардкорный JS или мощь в 30-ти строках: http://ipestov.com/hardcore-javascript-or-power-of-30-lines/

[64] Полное руководство по графикам в JavaScript: http://www.fusioncharts.com/javascript-charts-guide/

[65] Понимание трансдьюсеров в JS: https://medium.com/@roman01la/understanding-transducers-in-javascript-3500d3bd9624

[66] Чего ожидать от JS в 2016-м — улучшения языка: http://developer.telerik.com/featured/what-to-expect-from-javascript-in-2016-language-enhancements/

[67] You Dont / Might Not Need ...: https://github.com/shaundunne/you-dont-need

[68] Чему мы можем научиться у jQuery, который симбиозом продвинул веб-платформу?: https://medium.com/ben-and-dion/what-can-we-learn-from-how-jquery-symbiotically-pushed-the-web-platform-forward-ce6b20cd4e98

[69] Изучение нативных функций JS и как их использовать: https://scotch.io/tutorials/learning-javascript-native-functions-and-how-to-use-them

[70] Сердце и душа прототипного OO: конкатенативное наследование: https://medium.com/javascript-scene/the-heart-soul-of-prototypal-oo-concatenative-inheritance-a3b64cb27819

[71] Почему все говорят об изоморфном/универсальном JavaScript и в чем его особенность: http://www.capitalone.io/blog/why-is-everyone-talking-about-isomorphic-javascript/

[72] Modern JavaScript: The Smalltalk Influence: http://www.wirfs-brock.com/allen/wp-content/uploads/2016/01/Smalltalkjavascript.pdf

[73] Движение в сторону промисов для гео-локации: http://www.sitepoint.com/moving-modularized-promises-via-geolocation/

[74] Фильтрация и сортировка списка слов: http://www.jstips.co/en/filtering-and-sorting-a-list-of-strings/

[75] Противоречивое состояние JavaScript инструментария: https://ponyfoo.com/articles/controversial-state-of-javascript-tooling

[76] Справочник по Babel — использование и создание плагинов: https://github.com/thejameskyle/babel-handbook

[77] Библиотеки и архитектуры компонентов: http://developer.telerik.com/featured/front-end-application-frameworks-component-architectures/

[78] Юнит тестирование вашего JS с Mocha и Chai: http://www.sitepoint.com/unit-test-javascript-mocha-chai/

[79] Представление jCanvas: jQuery вместе с HTML5 Canvas: http://www.sitepoint.com/introduction-to-jcanvas-jquery-meets-html5-canvas/

[80] Коллекция плагинов и средств для создания всплывающих подсказок: http://appcues.com/blog/64-tooltip-plugins-made-with-jquery-css-javascript-or-more/

[81] Loud links — библиотека для добавления звуков при взаимодействии с интерфейсом: http://loudlinks.rocks/

[82] Viewer.js: https://github.com/fengyuanchen/viewerjs

[83] trunc-html — обрезка html по заданному количеству символов: https://github.com/bevacqua/trunc-html

[84] vivus — библиотека для реализации SVG-анимаций: http://maxwellito.github.io/vivus/

[85] datedropper — jQuery-плагин для создания полей ввода даты: http://felicegattuso.com/projects/datedropper/

[86] Релиз Firefox 44: http://www.opennet.ru/opennews/art.shtml?num=43764

[87] для разработчиков: http://tanalin.com/blog/2016/01/firefox-44/

[88] Браузер Mozilla Firefox теперь поддерживает всплывающие уведомления от веб-сайтов: http://itc.ua/news/brauzer-mozilla-firefox-teper-podderzhivaet-vsplyivayushhie-uvedomleniya-ot-veb-saytov/

[89] Making the Firefox developer tools accessible: https://www.marcozehe.de/2016/01/26/making-the-firefox-developer-tools-accessible/

[90] Блокировщику рекламы Adblock Plus исполнилось 10 лет: http://gagadget.com/announce/20262-blokirovschiku-reklamyi-adblock-plus-ispolnilos-10-let/

[91] Веб Push нотификация реализована в Firefox 44: https://hacks.mozilla.org/2016/01/web-push-arrives-in-firefox-44/

[92] Обзор V8 Релиз 4.9: http://v8project.blogspot.com/2016/01/v8-release-49.html

[93] Chrome для iOS стал быстрее и стабильнее: http://www.3dnews.ru/927425/

[94] Material дизайн перебирается в Google Chrome, вот как он выглядит: http://thenextweb.com/apps/2016/01/29/material-design-is-slowly-coming-to-google-chrome-heres-what-it-looks-like/

[95] Microsoft Edge сохраняет историю просмотра страниц в режиме InPrivate: http://www.3dnews.ru/927469/

[96] Выпуск Tor Browser 5.5: http://www.opennet.ru/opennews/art.shtml?num=43770

[97] Oracle прекратит поставку браузерного Java-плагина: http://www.opennet.ru/opennews/art.shtml?num=43775

[98] Общие принципы в создании мобильных приложений для начинающего UX/UI-дизайнера: https://habrahabr.ru/company/e-Legion/blog/275831/

[99] Yahoo запустила новый дизайн главной страницы и приложения: http://www.searchengines.ru/news/archives/yahoo_obnovila_design.html

[100] «ВКонтакте» показала версию редизайна: http://www.cossa.ru/news/244/118609/

[101] Зависимость продвижения сайта от веб-дизайна: http://www.cossa.ru/155/118591/

[102] Лучшие примеры кинетической типографики: http://www.designyourway.net/blog/inspiration/some-of-the-best-kinetic-typography-examples/

[103] 5 анти-принципов хорошего дизайна: http://fadeyev.net/anti-principles-of-good-design/

[104] Где разместить иконки в вашем аккордион-меню: http://uxmovement.com/navigation/where-to-place-your-accordion-menu-icons/

[105] Делая дизайн для мобильного приложения meed: https://medium.com/@kenlopez15/designing-for-mobile-dc1c4dd01cd6

[106] Принципы простоты в дизайне: http://speckyboy.com/2016/01/26/design-principles-of-simplicity/

[107] Секреты веб-дизайна в стиле карточек: http://www.dejurka.ru/articless/card-design-secrets/

[108] Что нового в Sketch 3.5?: https://medium.com/minitheory-design/what-s-new-in-sketch-3-5-668d9e872199

[109] Создание иллюстраций Star Wars в Sketch: руководство для не-дизайнеров: http://sketchapp.me/sozdanie-illyustracij-star-wars-v-sketch-rukovodstvo-dlya-ne-dizajnerov/

[110] PaintCode — управление исходниками Sketch: http://sketchapp.me/paintcode-upravlenie-isxodnikami-sketch/

[111] Sketch Image Average Color — плагин для получения среднего цвета изображения в Sketch: http://sketchapp.me/sketch-image-average-color-plagin-dlya-polucheniya-srednego-cveta-izobrazheniya-v-sketch/

[112] Серия уроков Sketch (часть 3 из 5): Дизайн десктоп версии: http://sketchapp.me/seriya-urokov-sketch-chast-3-iz-5-dizajn-desktop-versii/

[113] gb-sketch-segmentcircle: https://github.com/design4use/gb-sketch-segmentcircle

[114] Команда Macaw присоединяется к InVision: http://blog.invisionapp.com/macaw-team-joins-invision/

[115] Почему дизайнeры должны пересмотреть отношение к минималистическим веб-сайтам: http://www.markitwrite.com/designers-reconsider-minimalistic-websites/

[116] Наука о цветах и красках: психология цвета: http://designation.io/chromantics/

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

[118] Проблема с Dribbble: https://medium.com/@vanschneider/the-problem-with-dribbble-8fd1627fd7d0

[119] Как сделать редизайн дайджеста рассылочного письма: https://medium.com/email-marketing-interviews/how-to-redesign-an-email-digest-581a773e7c40

[120] Будущее рядом: чертова дюжина предсказаний, относящихся к дизайну для 2017-го года: https://medium.com/@ChaseBuckleyUX/the-future-is-near-13-design-predictions-for-2017-654761f12c45

[121] Пять модных (но бесполезных) веб-компонентов, которые нужно избегать: http://www.sitepoint.com/5-fancy-useless-web-components-avoid/

[122] Я не умный, я просто дольше сижу здесь дольше тебя: https://medium.com/user-experience-design-1/i-m-not-smart-i-just-sat-there-for-longer-than-you-1f35b5246cbd

[123] Как ожидание пользователей сделать приятным: http://www.sitepoint.com/make-users-enjoy-waiting/

[124] Пять инструментов о которых нужно знать веб-дизайнерам в 2016-м: https://medium.com/@zorzini/5-need-to-know-tools-for-all-web-designers-in-2016-9ca18182db42

[125] Как создать ретро-иллюстрацию в стиле 50-х в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-create-a-50s-fashion-illustration-in-adobe-illustrator--cms-25564

[126] Иконки в веб-дизайне: http://www.designyourway.net/blog/design/icons-in-web-design/

[127] Коллекция из 50 экранов регистрации для iPhone 6 в формате Sketch: http://sketchapp.me/kollekciya-iz-50-skrinov-registracii-v-formate-sketch/

[128] Бесплатные космические кисти для Adobe Photoshop: http://www.dejurka.ru/graphics/free-space-photoshop-brushes/

[129] Шаблоны для генерации иконок для Photoshop, Illustrator, Sketch и Affinity Designer: https://bjango.com/designresources/

[130] Наборы UI для iOS и Android: http://speckyboy.com/2016/01/25/free-mobile-ui-kits-ios-android/

[131] Абстрактная сферическая графика в векторном формате: http://blog.spoongraphics.co.uk/freebies/12-free-abstract-sphere-graphics-in-vector-format

[132] Три десятка наборов UI элементов: http://webresourcesdepot.com/free-ui-kit-elements/

[133] Набор векторных иконок посвященных интернету: http://webresourcesdepot.com/freebie-36-internet-icons-vectors/

[134] Набор контурных иконок посвященных науке (в форматах AI, EPS, PSD, SVG, PNG): http://tympanus.net/codrops/2016/01/29/freebie-science-line-icons/

[135] Наборы графики с изображениями жестов: http://designmodo.com/gesture-icons/

[136] Иконки «Двенадцать месяцев» (PSD, AI, EPS, SVG, PNG): https://www.smashingmagazine.com/2016/01/months-of-the-year-icon-set/

[137] Иконки к Дню святого Валентина: http://www.webdesignfreebies.net/icons/30-valentine-icons-for-free/

[138] Набор векторных иконок: звездные войны и герои комиксов Marvel: http://www.onepagemania.com/blog/free-icon-set-star-wars-and-marvel-superheros/

[139] Шрифты с засечками для цифровых дизайнеров: http://www.vandelaydesign.com/serif-fonts/

[140] OVERPASS — шрифт без засечек созданный по мотивам шрифта Highway Gothic: http://overpassfont.org/

[141] «Яндекс» обновил логотип и сменил домен новой версии «Кинопоиска»: https://vc.ru/n/kinopoisk-new-logo

[142] В 2015 году мировой рынок смартфонов составил 1,4 млрд устройств: http://itc.ua/news/v-2015-godu-mirovoy-ryinok-smartfonov-sostavil-1-4-mlrd-ustroystv/

[143] Создатель системы управления версиями Mercurial передаёт проект в руки сообщества: http://www.opennet.ru/opennews/art.shtml?num=43757

[144] Аналитики предсказывают бум смартфонов с датчиками силы прикосновения во втором квартале 2016 года: http://www.3dnews.ru/927119/

[145] Прибыль Microsoft упала на 15 %, продажи телефонов — на 50 %: http://www.3dnews.ru/927538/

[146] Google обновил Руководство для вебмастеров: http://www.searchengines.ru/news/archives/google_obnovil_rykovodstvo.html

[147] Facebook удвоил чистую прибыль в 2015 году: http://www.searchengines.ru/news/archives/facebook_udvoil.html

[148] VMware увольняет американские команды разработчиков Workstation и Fusion: http://www.opennet.ru/opennews/art.shtml?num=43772

[149] 26 сайтов с головоломками и обучающими задачами для разработчиков: https://vc.ru/p/coders-puzzles

[150] Мытари Ее Величества vs Google: http://www.computerra.ru/139170/myitari-ee-velichestva-vs-google/

[151] 7 качеств хорошего менеджера по версии главного рекрутера Facebook: http://ain.ua/2016/01/28/629177

[152] Спорт будущего: Drone Racing League устраивает зрелищные гонки дронов: http://itc.ua/news/sport-budushhego-drone-racing-league-ustraivaet-zrelishhnyie-gonki-dronov/

[153] Главный инноватор: Чем сооснователь Google Ларри Пейдж занимается в холдинге Alphabet: https://vc.ru/p/larry-innivator-in-chief

[154] Twitter – всё?: http://keddr.com/2016/01/twitter-vsyo/

[155] Информационная безопасность — Итоги 2015: http://www.computerra.ru/spec/top2015-itsecurity/

[156] Мировой рынок e-commerce в огне: бывшие «единороги» умирают один за другим: http://ain.ua/2016/01/21/627719

[157] Молодые таланты больше не хотят работать в Apple — обзор The Guardian: https://vc.ru/p/apple-job

[158] Разработки Microsoft опередившие своё время: http://gagadget.com/science/20343-razrabotki-microsoft-operedivshie-svoyo-vremya/

[159] Как включить быстрый запуск системы на Windows 10: http://keddr.com/2016/01/kak-vklyuchit-byistryiy-zapusk-sistemyi-na-windows-10/

[160] Сколько Google заплатила за потерявшийся домен google.com: http://gagadget.com/announce/20379-skolko-google-zaplatila-za-poteryavshijsya-domen-googlecom/

[161] Гаджеты: Топ-5 актуальных подарков на День святого Валентина: http://naked-science.ru/article/top/gadzhety-top-5-aktualnykh-poda

[162] Надежды на Bitcoin не сбылись?: http://inoblogger.ru/2016/01/25/bitcoin-promise/

[163] Форматы видео, поддерживаемые HTML5, доминируют в вебе: http://arc.applause.com/2016/01/28/html5-video-codec-usage/

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

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

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

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

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