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

---

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

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

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

[1] Эффект Motion Blur с помощью SVG: http://habrahabr.ru/post/255423/

[2] Как перестать беспокоиться и начать жить без Flash: http://habrahabr.ru/post/255253/

[3] Маленькая неочевидность в SVG-паттернах: по следам трансформации-невидимки: http://css-live.ru/svg/malenkaya-neochevidnost-v-svg-patternax-po-sledam-transformacii-nevidimki.html

[4] Старое SEO vs. новое SEO: как изменился подход к поисковому продвижению (инфографика): http://ain.ua/2015/04/07/574108

[5] #ДАМП, секция #FrontTalks, видео докладов.: http://fronttalks.ru/

[6] Результаты Developer Survey 2015 на StackOverflow: http://stackoverflow.com/research/developer-survey-2015

[7] Изменения в алгоритме Google, определяющем мобильную дружественность сайта: http://www.paulund.co.uk/google-mobile-friendly-algorithm-change

[8] Grid: http://www.nativegrid.com/

[9] Необходимые плагины для Gulp: http://ipestov.com/essential-plugins-for-gulp/

[10] Кодим карусель: http://christianheilmann.com/2015/04/08/keeping-it-simple-coding-a-carousel/

[11] Семантика HTML для веб контента: http://sixrevisions.com/html/semantic-html-web-content/

[12] Не учите фреймворки. Изучайте архитектуру: http://kukuruku.co/hub/programming/do-not-learn-frameworks-learn-the-architecture

[13] Десять лет Git: интервью с создателем Git Linus Torvalds: http://www.linux.com/news/featured-blogs/185-jennifer-cloer/821541-10-years-of-git-an-interview-with-git-creator-linus-torvalds

[14] HTML5 Web Messaging: http://www.w3.org/TR/2015/PR-webmessaging-20150407/

[15] SVG2: http://www.w3.org/TR/SVG2/

[16] Разработка адаптивных интерфейсов с поддержкой тестирования: http://www.smashingmagazine.com/2015/04/07/visual-test-driven-development-responsive-interface-design/

[17] Уменьшение размера полупрозрачных изображений с помощью Canvas: http://lindsayjopson.com/reduce-the-size-of-transparent-images-through-canvas/

[18] Как сделать расширение для Chrome за 10 минут: http://www.sitepoint.com/create-chrome-extension-10-minutes-flat/

[19] Добавление временной шкалы на сайт с Google Charts: http://www.sitepoint.com/add-timeline-website-google-charts/

[20] Основы WebGL: http://webglfundamentals.org/

[21] WebGL GLSL Shader Editor — дополение к хрому для редактирования шейдеров: https://github.com/spite/ShaderEditorExtension

[22] Страница, разделенная пополам слайд-панелями и имеющая 3d-эффекты открытия. Создано с помощью Stylus и vanilla JavaScript.: http://ettrics.com/code/dual-sliding-panels/

[23] 3D Bold Navigation: http://codyhouse.co/gem/3d-bold-navigation/

[24] Любимые работы Sara Soueidan на CodePen: http://davidwalsh.name/sara-soueidans-favorite-codepen-demos

[25] The Path to Performance: http://pathtoperf.com/

[26] Техники загрузки шрифтов: http://davidwalsh.name/font-loading

[27] Улучшение производительности при использовании нестандартных шрифтов с помощью Subsetting и Local Storage: http://www.sitepoint.com/improving-font-performance-subsetting-local-storage/

[28] Более быстрая загрузка шрифтов с помощью Font Events: https://jonsuh.com/blog/font-loading-with-font-events/

[29] Еще больше техник оптимизации для повышения скорости сайта: http://sixrevisions.com/web-performance/improve-website-speed-02/

[30] Калькулятор на чистом CSS3: http://habrahabr.ru/company/paysto/blog/255511/

[31] Весенние новинки Рабочей группы CSS: http://css-live.ru/vecssti-s-polej/vesennie-novinki-rabochej-gruppy-css.html

[32] Пособие для начинающих по позиционированию фона в CSS: http://css-live.ru/articles/posobie-dlya-nachinayushhix-po-pozicionirovaniyu-fona-v-css.html

[33] «A Primer To Background Positioning In CSS»: http://blogs.adobe.com/dreamweaver/2015/03/a-primer-to-background-positioning-in-css.html#.VSe5tJNpf_j

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

[35] То, что никто не рассказывает вам про «will-change»: http://css-live.ru/articles/to-chto-nikto-ne-rasskazyvaet-vam-pro-will-change.html

[36] «What nobody tells you about «will-change»»: http://cssmojo.com/the-dark-side-of-the-will-change-property/

[37] 1. FlexBox на практике : https://www.youtube.com/watch?v=RNjnRA0QSug&list=PLY4rE9dstrJzj68Y8SlQlhIdb5hbGQLIU&index=1

[38] 2. FlexBox на практике : https://www.youtube.com/watch?v=GPie9Mo93JE&list=PLY4rE9dstrJzj68Y8SlQlhIdb5hbGQLIU

[39] 3. Свойства FlexBox: https://www.youtube.com/watch?v=sAStjXp_4eM

[40] 4. Управляем размерами блоков: https://www.youtube.com/watch?v=zkb8q-eeJ3Q

[41] Адаптивные таблицы на чистом CSS: https://techblog.livingsocial.com/blog/2015/04/06/responsive-tables-in-pure-css/

[42] Основы Sass: управляющие директивы и выражения: http://www.sitepoint.com/sass-basics-control-directives-expressions/

[43] Эстетический Sass: цвета и палитры : https://scotch.io/tutorials/aesthetic-sass-2-colors

[44] Перемещение и масштабирование SVG графики с помощью атрибута viewBox: http://www.vanseodesign.com/web-design/svg-viewbox/

[45] Отменяем нативную оптимизацию стилей писем в Gmail: https://css-tricks.com/override-gmail-mobile-optimized-email/

[46] CSS3 Keyframes Animation Generator: http://cssanimate.com/

[47] Делаем миксины медиа-запросов более гибкими: http://sassbreak.com/flexible-media-query-mixins/

[48] CSS Font Sizing: http://bitsofco.de/2015/css-font-sizing/

[49] MultiLayer Effects With CSS Clip Paths, Filters, and Blend Modes: http://demosthenes.info/blog/1012/MultiLayer-Effects-With-CSS-Clip-Paths-Filters-and-Blend-Modes

[50] Hampton Catlin – The Future of SASS (видео подскаст) : http://unmatchedstyle.com/podcast/hampton-catlin.php

[51] Symbol — новый тип данных в JavaScript: http://habrahabr.ru/post/255137/

[52] Использование символов: http://habrahabr.ru/post/255389/

[53] Вышла первая версия фреймворка Matreshka.js: http://habrahabr.ru/company/matreshka/blog/253909/

[54] 10 причин попробовать Матрешку: http://habrahabr.ru/company/matreshka/blog/254927/

[55] Ionic framework. Обзор экосистемы: http://habrahabr.ru/company/simpleweek/blog/254681/

[56] Рисование эллипса под произвольным углом в canvas на JavaScript: http://habrahabr.ru/post/255485/

[57] RadioJS, Выпуск 21:: http://radiojs.ru/2015/04/radiojs-21/

[58] Борьба с асинхронностью в JavaScript. Promise и шаблоны асинхронного программирования. (Владимир Дашукевич): http://html5.by/blog/async-javascript-video

[59] Интерактивный 8-битный JavaScript (демо с #fdconf): http://bakhirev.biz/demo/fdconf2/

[60] ItemSlide.js: http://itemslide.github.io/

[61] cta.js: http://kushagragour.in/lab/ctajs/

[62] Первоначальный код jQuery с аннотациями от его создателя John Resig: http://genius.it/5088407/ejohn.org/files/jquery-original.html

[63] Анализ чисел в JavaScript: http://numericjs.com/

[64] Развертывание ES6: http://www.2ality.com/2015/04/deploying-es6.html

[65] Конвертор ES5 кода в ES6: https://mohebifar.github.io/xto6/

[66] Облегчение асинхронного кодинга с помощью функций Async в ES7 : http://www.sitepoint.com/simplifying-asynchronous-coding-es7-async-functions/

[67] Ошеломляющая вселенная стратегий работы с модулями в JavaScript: https://www.airpair.com/javascript/posts/the-mind-boggling-universe-of-javascript-modules

[68] Начинаем разбираться с Node.js и Mocha: https://semaphoreci.com/community/tutorials/getting-started-with-node-js-and-mocha

[69] Выпрямление Backbone-архитектуры: Урок разработки событийного пользовательского интерфейса: https://code.mixpanel.com/2015/04/08/straightening-our-backbone-a-lesson-in-event-driven-ui-development/

[70] Ускорение разработки JS с CoffeeScript: http://www.sitepoint.com/accelerate-javascript-development-coffeescript/

[71] AngularJS-Boilerplate: https://github.com/jbutko/AngularJS-Boilerplate

[72] Angular2 — первые впечатления: http://blog.mgechev.com/2015/04/06/angular2-first-impressions/

[73] Десять JS библиотек для рисования собственных диаграмм (включая две платные): http://modeling-languages.com/javascript-drawing-libraries-diagrams/

[74] Определение минифицированного JS кода: https://blog.mariusschulz.com/2015/04/08/detecting-minified-javascript-code

[75] Практическая разработка на TypeScript с использованием Gulp: https://www.airpair.com/typescript/posts/typescript-development-with-gulp-and-sublime-text

[76] Autocompeter: https://autocompeter.com/

[77] Markdownify: https://tibastral.github.io/markdownify/

[78] space.js: http://www.slashie.org/space.js/

[79] black-hole.js: http://cliffcrosland.tumblr.com/post/115981256393/black-hole-js

[80] «Defender» by Keith Clark — 1023 bytes с JS1k2015: http://js1k.com/2015-hypetrain/demo/2306

[81] Страница about:about в Firefox: http://habrahabr.ru/post/255345/

[82] Project Maelstrom вышел в публичную бету: http://habrahabr.ru/post/255507/

[83] Обзор браузера Microsoft Project Spartan: что нас ждет вместо Internet Explorer?: http://www.3dnews.ru/912222/

[84] Firefox для Android преодолел рубеж в 100 млн загрузок: http://www.opennet.ru/opennews/art.shtml?num=42010

[85] Тренды Апреля 2015: StatCounter против NetMarketShare: http://www.sitepoint.com/browser-trends-april-2015-statcounter-vs-netmarketshare/

[86] Trainspotting: Firefox 37, Developer Edition and More: https://hacks.mozilla.org/2015/04/trainspotting-firefox-37-developer-edition-and-more/

[87] За спинами Firefox, Chrome и IE: некоторые браузеры, о которых знают меньше: http://speckyboy.com/2015/04/09/beyond-firefox-chrome-and-ie-some-lesser-known-browsers/

[88] Главный разработчик президентского сайта Kremlin.ru о работе над ресурсом: http://siliconrus.com/2015/04/kremlin/

[89] http://bonhommeparis.com/en/: http://bonhommeparis.com/en/

[90] Apple Watch Review: http://www.theverge.com/a/apple-watch-review

[91] twofold.com: http://twofold.com/

[92] Сайты, насыщенные анимацией на главной странице : http://www.onextrapixel.com/2015/04/11/energized-home-pages-with-fancy-animations-fresh-examples/

[93] 20 сайтов со встроенной модульной сеткой: http://line25.com/articles/20-web-designs-built-with-modular-grid-layouts

[94] fabrica.it: http://www.fabrica.it/

[95] mirumagency.com: http://www.mirumagency.com/london

[96] Разбираемся в трендах веб-дизайна: http://habrahabr.ru/post/255287/

[97] Продуктовый дизайн: 20 самых важных материалов за месяц: http://siliconrus.com/2015/04/vetrov-5/

[98] Шаблон интерфейса Apple Watch, лекция Быстроновского, иконки Material Design и еще 6 новостей дизайна: http://siliconrus.com/2015/04/digest-11/

[99] Дизайнер выбрал хорошие шрифты для интерфейсов: http://www.lookatme.ru/mag/live/experience-news/213479-typefaces

[100] Достоверное движение: http://css-live.ru/articles/materialnyj-dizajn-dostovernoe-dvizhenie.html

[101] Отзывчивое взаимодействие: http://css-live.ru/articles/materialnyj-dizajn-otzyvchivoe-vzaimodejstvie.html

[102] Осмысленные переходы: http://css-live.ru/articles/materialnyj-dizajn-osmyslennye-perexody.html

[103] Приятные мелочи: http://css-live.ru/articles/materialnyj-dizajn-priyatnye-melochi.html

[104] Коллекция правдивых гифок про работу дизайнеров и UX-специалистов: http://siliconrus.com/2015/04/ui-gif/

[105] Designers checklist advices: http://adrien-heury.net/designers-checklists/

[106] Сопротивление редизайну: http://zurb.com/article/1383/resist-the-redesign

[107] Интервью с продуктовым дизайнером Facebook Kristina Varshavskaya: https://medium.com/wesmagness/ama-with-kristina-varshavskaya-e684b93184cd

[108] Adobe Character Animator позволяет анимировать персонажей, используя собственное лицо: http://www.cartoonbrew.com/tech/adobe-character-animator-lets-you-animate-with-your-face-111638.html

[109] InVision предлагает быстрое прототипирование под мобильные устройства: http://blog.invisionapp.com/mobile-prototyping-for-ios-and-android-is-now-instant-offline-and-awesome/

[110] Дорогой веб-дизайнер, давайте прекращать нарушать возможности прокрутки: https://medium.com/user-experience-design-1/dear-web-designer-let-s-stop-breaking-the-affordance-of-scrolling-fe8bf258df7b

[111] Пять вещей, которые вы должны знать, когда делаете дизайн для Apple Watch: https://medium.com/soundwave-stories/5-things-you-need-to-know-when-designing-for-apple-watch-654393aa0460

[112] Дизайн приложения Tower для Yosemite: http://git-tower.com/blog/tower2-yosemite-design

[113] Не подходит для печати: когда хороший дизайн становится плохим: https://medium.com/aj-news/not-fit-to-print-when-good-design-goes-bad-cc52931a2ce0

[114] Четырнадцать правил для создания работающих CTA кнопок: http://www.sitepoint.com/cta-buttons-that-work/

[115] Как сетка автоматизирует веб-дизайн без убийства дизайнера: http://www.fastcodesign.com/3044670/how-the-grid-will-automate-web-design-without-killing-the-designer

[116] Как увлечь аудиторию движением: https://blog.percolate.com/2015/04/how-to-captivate-your-audiences-with-motion/

[117] Коллекция дизайнерских идей о предполагаемой скорости работы интерфейса: http://gabinaureche.com/reactivedesign/

[118] Падение дизайнера часть 1: модная ерунда: http://www.elischiff.com/blog/2015/4/7/fall-of-the-designer-part-i-fashionable-nonsense

[119] Позиционирование градиента в фотошопе: http://bjango.com/articles/photoshopgradientpositioning/

[120] Как создать собственные кисти с грязевыми пятнами в фотошопе: http://design.tutsplus.com/tutorials/how-to-create-custom-dirt-and-decay-brushes-in-adobe-photoshop--cms-23648

[121] Создание карнавального эффекта на тексте с помощью панели Appearance в иллюстраторе: http://design.tutsplus.com/tutorials/create-a-carnival-text-effect-using-adobe-illustrators-appearance-panel--cms-23618

[122] Быстрая подсказка: использование эффектов в Adobe InDesign: http://design.tutsplus.com/tutorials/quick-tip-using-effects-in-adobe-indesign--cms-23559

[123] Прекрасные иллюстрации посвященных Играм Престолов от Ивана Беликова: http://www.youthedesigner.com/graphic-design-tips/game-of-thrones-illustrations-by-ivan-belikov/

[124] Красота и уродство в дизайне типографики: http://www.aiga.org/beauty-and-ugliness-type-design-karloff/

[125] Лучшие шрифтовые семейства в UI проявляются незаметно: http://thomasbyttebier.be/blog/the-best-ui-typeface-goes-unnoticed

[126] Создание шрифта: Maximal — часть 1: http://learn.scannerlicker.net/2015/04/03/making-a-font-maximal-part-i/

[127] часть 2: http://learn.scannerlicker.net/2015/04/07/making-a-font-maximal-part-ii/

[128] Веб-сайты с бесплатным видео: http://www.denisbouquet.com/free-stock-video-websites/

[129] Упаковки размытых фонов: http://webresourcesfree.com/blurred-background-packs-for-designer/

[130] Блестяшки — паттерны и стили для фотошопа: http://blog.spoongraphics.co.uk/freebies/8-free-glitter-effect-patterns-styles-for-photoshop

[131] Мокапы для демонстрации дизайна логотипов: http://webresourcesfree.com/free-realistic-logo-mockup-templates-psd/

[132] Коллекция Apple Watch мокапов в формате PSD: http://webresourcesfree.com/apple-watch-mockup-psd-templates/

[133] Свежие мокапы для демонстрации дизайна визиток (апрель 2015): http://www.fusionplate.com/5400/22-fresh-free-business-card-mock-ups-psd-templates-april-2015-edition/

[134] Мокапы последних Android и Windows устройств для демонстрации дизайнов интерфейсов приложений: http://webresourcesfree.com/latest-android-and-windows-mockup-psd-templates/

[135] Набор UI с Material Design: http://speckyboy.com/2015/04/07/freebie-material-design-ui-kit-psd/

[136] Ghost Ship Mobile UI Kit Free: http://pixelbuddha.net/freebie/free-ui-kit-mobile-ios-ghost-ship

[137] Коллекция ресурсов векторных и растровых: http://designshack.net/articles/freebies/handy-graphic-vector-freebies-from-1001freedownloads/

[138] Минималистичные иконки на каждый день: http://matt-cooper.com/minimalistic-icons/

[139] Иконки Ego с индивидуальностью: http://ego-icons.com/

[140] Набор иконок для иллюстратора и Sketch на тему выходных дней и хобби: http://designmodo.com/free-icons/

[141] Пятнадцать векторных наборов на различную тематику: http://www.webappers.com/2015/04/07/15-free-vector-design-resources-for-designers/

[142] Четыре десятка шрифтов за апрель 2015: от Fabfelt Script до ORDNUNG: http://www.fusionplate.com/5315/40-amazing-free-fonts-for-commercial-use-april-2015-edition/

[143] FAKEDES — декоративный скругленный контурный шрифт: https://www.behance.net/gallery/24935473/FAKEDES-Free-Font

[144] Hamster Script — курсивный шрифт имитирующий плакатный шрифт нарисованный кистью: https://www.behance.net/gallery/24882765/Hamster-Script-(Free-Font)

[145] ATHENA — декоративное и геометрическое семейство шрифтов в стиле пост-модерн: https://www.behance.net/gallery/24273339/ATHENA-Post-modern-Typeface

[146] Запущен Stack Overflow на русском — ru.stackoverflow.com: http://ru.stackoverflow.com/

[147] Опрос Stack Overflow: WordPress вошла в тройку самых отпугивающих технологий: http://oddstyle.ru/wordpress-2/novosti-wordpress/opros-stack-overflow-wordpress-voshla-v-trojku-samyx-otpugivayushhix-texnologij.html

[148] Adobe анонсировала новшества в Premiere Pro и других приложениях: http://www.3dnews.ru/912435/

[149] Google выпустит корпоративный вариант Hangouts под названием GMeet: http://gagadget.com/16772-google-vyipustit-korporativnyij-variant-hangouts-pod-nazvaniem-gmeet/

[150] «Яндекс.Карты» получили новый интерфейс и интеграцию с «Народной картой»: http://www.3dnews.ru/912339/?feed=

[151] Google переносит свои серверы в российские дата-центры: http://siliconrus.com/2015/04/google-move-law/

[152] Делаем скриншоты правильно: практические советы: http://habrahabr.ru/company/alconost/blog/255373/

[153] Лучшее на Medium: Почему видеоблогеры не зарабатывают на рекламе в YouTube: http://siliconrus.com/2015/04/just-ask/

[154] Закону Мура исполняется 50 лет: http://www.3dnews.ru/912194/#55223a96b4182e0e6b8b456f

[155] Что Читают Билл Гейтс и Элон Маск. Любимые Книги Гениальных Руководителей: http://geniusmarketing.me/lab/chto-chitayut-bill-gejts-i-elon-mask-lyubimye-knigi-genialnyx-rukovoditelej/

[156] Что объединяет миллиардные ИТ-компании, в успех которых на старте никто не верил: http://siliconrus.com/2015/04/bln-now/

[157] Leap Motion, Kinect, Oculus: Есть ли перспективы у «естественных» пользовательских интерфейсов: http://siliconrus.com/2015/04/natural-user-interfaces/

[158] Сколько зарабатывают популярные российские видеоблогеры на YouTube: http://siliconrus.com/2015/04/youtube-russian/

[159] На пенсию в 32: почему я отказываюсь от карьеры программиста ради возможности путешествовать по миру: http://ain.ua/2015/04/09/574561

[160] Мифы о НАСА: http://geektimes.ru/post/248844/

[161] Эволюция офисов Google: от гаража в Менло Парке до Цюриха и Будапешта: http://siliconrus.com/2015/04/google-office-evolution/

[162] DARPA создаёт софт, который будет работать 100 лет: https://xakep.ru/2015/04/10/darpa-soft/

[163] История Windows RT: от великого до смешного: http://gagadget.com/windows/16760-istoriya-windows-rt-ot-velikogo-do-smeshnogo/

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

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

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

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

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