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

---

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

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

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

[1] Динамическое обновление веб-страницы: http://habrahabr.ru/post/253805/

[2] TARS, сделай уровень frontend-рутины 0%: http://habrahabr.ru/company/2gis/blog/254105/

[3] Что такое хорошо: как мы разрабатывали критерии для оценки качества вёрстки веб-проектов: http://habrahabr.ru/company/htmlacademy/blog/254171/

[4] Хватит разрушать веб: http://web-standards.ru/articles/stop-breaking-the-web/

[5] Крис Койер делится стратегиями, чтобы быть чемпионами в веб-производительности: http://css-live.ru/articles/strategii-chtoby-byt-chempionami-v-veb-proizvoditelnosti.html

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

[7] Искусство Node: http://frontender.info/art-of-node/

[8] Подкаст SDCast #22: http://sdcast.ksdaemon.ru/2015/03/sdcast-22/

[9] Основы клиентского кэширования понятными словами и на примерах.: http://html5.by/blog/cache/

[10] Image Formats: The Nerdy Parts: http://larahogan.me/images/

[11] Создание анимированного «ныряющего индикатора загрузки» с помощью SVG и GSAP : http://tympanus.net/codrops/2015/03/25/jump-loader-animation-svg-gsap/

[12] Мобильное SEO: 6 шагов к мобильно-дружественному сайту: http://www.sitepoint.com/mobile-seo-6-steps-mobile-friendly-website/

[13] Продвинутый аудит производительности с помощью DevTools: http://www.paulirish.com/2015/advanced-performance-audits-with-devtools/

[14] Live Reload & BrowserSync: http://webdesign.tutsplus.com/tutorials/the-command-line-for-web-design-live-reload-browsersync--cms-23455

[15] автоматизация с Gulp: http://webdesign.tutsplus.com/tutorials/the-command-line-for-web-design-automation-with-gulp--cms-23642

[16] автоматизация с Grunt: http://webdesign.tutsplus.com/tutorials/the-command-line-for-web-design-automation-with-grunt--cms-23454

[17] Потрясающая отзывчивая вёрстка с использованием CSS-областей: http://frontender.info/killer-responsive-layouts-with-css-regions/

[18] Маскирование в CSS: http://htmlbook.ru/blog/maskirovanie-v-css

[19] 8 правил для улучшения вашего CSS: http://forwebdev.ru/css/8-rules-to-improve-css/

[20] Primer — CSS инструментарий и наборы решений, которые используются на GitHub.: http://primercss.io/

[21] Советы по написанию чистого CSS: https://github.com/sezgi/CSS-Best-Practices

[22] Поддержка доступности генерируемого CSS контента: http://tink.uk/accessibility-support-for-css-generated-content/

[23] Как сохранить разработку фреймворка простой и безошибочной: http://www.smashingmagazine.com/2015/03/27/simple-real-and-bug-free-foundation-development/

[24] BEM Constructor: https://github.com/danielguillan/bem-constructor

[25] Введение в CSS переменные : http://sixrevisions.com/css/variables/

[26] SVG Animations Using CSS and Snap.svg: http://davidwalsh.name/svg-animations-snap

[27] Численные поля ввода — сравнение значений по-умолчанию в браузерах: https://css-tricks.com/numeric-inputs-a-comparison-of-browser-defaults/

[28] Понимание блочной модели CSS для строчных элементов : https://hacks.mozilla.org/2015/03/understanding-inline-box-model/

[29] CSS3 Border-Image Explained: http://demosthenes.info/blog/438/CSS3-Border-Image-Explained

[30] Строкий контроль отзывчивой типографики: http://madebymike.com.au/writing/precise-control-responsive-typography/

[31] CSS Testing with PhantomCSS, PhantomJS, CasperJS and Grunt: http://www.phase2technology.com/blog/css-testing-with-phantomcss-phantomjs-casperjs-and-grunt/

[32] Эстетический Sass: архитектура и организация стилей: https://scotch.io/tutorials/aesthetic-sass-1-architecture-and-style-organization

[33] Коллекция сниппетов для анимации и демками на чистом: http://marketblog.envato.com/inspirations/pure-css-animation-snippets/

[34] Beyond Media Queries — It’s Time to Get Elemental: http://www.sitepoint.com/beyond-media-queries-time-get-elemental/

[35] Детальный статья, разбирающая нюансы позиционирования фона в CSS: http://blogs.adobe.com/dreamweaver/2015/03/a-primer-to-background-positioning-in-css.html#.VRUiVkY7nGA

[36] Mappy Breakpoints: http://www.zell-weekeat.com/mappy-breakpoints

[37] Отключаем выделение текста с помощью CSS: http://sixrevisions.com/css/disable-text-selection/

[38] Подкаст RadioJs, Выпуск №20: Инженер или Entwickler: http://radiojs.ru/2015/03/radiojs-20/

[39] Facebook представил фреймворк React Native и среду разработки Nuclide: http://www.opennet.ru/opennews/art.shtml?num=41918

[40] API для интернационализации JavaScript: реализация в Firefox: http://habrahabr.ru/post/253913/

[41] Еще одна статья про индексацию ajax-сайтов поисковиками : http://habrahabr.ru/post/254213/

[42] Базовый набор знаний для фронт-енд (js) разработчика в 2015-м: http://rmurphey.com/blog/2015/03/23/a-baseline-for-front-end-developers-2015/

[43] Создание кастомного контекстного меню с помощью JS: http://www.sitepoint.com/building-custom-right-click-context-menu-javascript/

[44] Простое наследование с помощью JS : http://www.sitepoint.com/simple-inheritance-javascript/

[45] JointJS: http://jointjs.com/

[46] Five to Six — список инструментов для работы с ECMAScript 6 от Addy Osmani: http://www.super-script.us/2015/es6-tools.html

[47] 13 факторов, которые стоит рассмотреть при выборе JS библиотеки с графиками : http://davidwalsh.name/13-factors-choosing-javascript-charting-library

[48] Что вы имеется в виду по «Шейдерами»? Как создать их с помощью HTML5 и WebGL : http://www.sitepoint.com/mean-shaders-create-html5-webgl/

[49] Родное поведение плавной прокрутки : http://blog.gospodarets.com/native_smooth_scrolling/

[50] Обновление в Chrome DevTools: В Хром была добавлена функция отображения переменных инлайн во время дебага: http://www.reddit.com/r/javascript/comments/30bc39/chrome_devtools_update_display_variable_values

[51] Еще одно обновление в DevTools: Record Filmstrip in Network Panel: https://twitter.com/malyw/status/581877260082388992

[52] Responsible.js: http://davidwells.tv/code/responsible/

[53] Svidget.js:: http://www.svidget.com/

[54] Создаем табы с стиле Chrome на Bootstrap и AngularJS: https://scotch.io/tutorials/build-chrome-like-tabs-with-bootstrap-and-angularjs

[55] WebRTC in Firefox 38: Multistream and renegotiation: https://hacks.mozilla.org/2015/03/webrtc-in-firefox-38-multistream-and-renegotiation/

[56] 15 советов и хитростей инструментов разработчика Chrome, которые вы обязаны знать: http://habrahabr.ru/post/254007/

[57] Яндекс.Браузер: интерфейс будущего теперь в бете: http://habrahabr.ru/company/yandex/blog/253775/

[58] Прощай, Internet Explorer: краткая история браузера от Microsoft: http://internetno.net/category/obzoryi/prowaj_internet_explorer_kratkaya_istoriya_brauzera_ot_microsoft/

[59] Google незаметно сделала доступным режим экономии трафика в Chrome для ПК: http://itc.ua/blogs/google-nezametno-sdelala-dostupnyim-rezhim-ekonomii-trafika-v-chrome-dlya-pk/

[60] Дизайнер запустил сайт с короткими GIF-курсами по маркетингу, веб-дизайну и программированию: http://siliconrus.com/2015/03/howwwto/

[61] 1000.chromeexperiments.com: http://1000.chromeexperiments.com/

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

[63] Gyroscope: https://gyrosco.pe/features/

[64] bellbros.com: http://bellbros.com/

[65] Качественная графика и параллакс-эффект: http://alfoart.com/portfolio.html

[66] italic-studio.com: http://italic-studio.com/

[67] Что раздражает дизайнеров в интерфейсах: http://www.lookatme.ru/mag/how-to/inspiration-howitworks/212993-ui-ux

[68] Дизайнер выбрал непонятные иконки в интерфейсах: http://www.lookatme.ru/mag/live/experience-news/213071-icons

[69] 3 способа, чтобы преодолеть разрыв между веб-дизайнеров и разработчиков : http://www.creativebloq.com/web-design/3-ways-bridge-gap-between-web-designers-and-developers-31514530

[70] Топ 5 игр для дизайнеров: http://www.yesimadesigner.com/top-5-games-for-designers/

[71] 5 правил для визуального направления в дизайне взаимодействия : http://www.creativebloq.com/netmag/5-rules-visual-direction-interaction-design-31514304

[72] Шпаргалка по типографике: http://www.typewolf.com/cheatsheet

[73] My Thoughts on Designing in the Browser vs. Designing in Photoshop: http://webdesign.tutsplus.com/articles/my-thoughts-on-designing-in-the-browser-vs-designing-in-photoshop--cms-23405

[74] 5 эффективных техник для графических дизайнеров: http://www.script-tutorials.com/5-effective-techniques-for-graphic-designers/

[75] Принципы анимации в вебе: https://cssanimation.rocks/principles/

[76] Винтаж возвращается в тренд: лучшие сайты с ретро-дизайном : http://www.onextrapixel.com/2015/03/26/vintage-is-back-in-trend-best-retro-website-designs/

[77] Еще один тренд: разделенные по центру лейауты: http://line25.com/articles/web-design-trend-showcase-centrally-divided-layouts

[78] Лучшая иконка — это текстовая метка: http://thomasbyttebier.be/blog/the-best-icon-is-a-text-label

[79] Новые шрифты, созданные в 2015-м: http://designmodo.com/new-fonts-2015/

[80] История Google Maps: http://habrahabr.ru/company/airbnb/blog/253863/

[81] Microsoft и Samsung объединяются в альянс против Google: http://www.3dnews.ru/911450/

[82] Microsoft хочет привязать оборудование к Windows 10: использование UEFI Secure Boot будет обязательным: http://itc.ua/news/microsoft-hochet-privyazat-oborudovanie-k-windows-10-ispolzovanie-uefi-secure-boot-budet-obyazatelnyim/

[83] Западные IT-корпорации против слежки АНБ: http://droider.ru/post/zapadnyie-it-korporatsii-protiv-slezhki-anb-28-03-2015/

[84] Началось тестирование браузерной версии Skype: http://itc.ua/blogs/nachalos-testirovanie-brauzernoy-versii-skype/

[85] DARPA разрабатывает альтернативу GPS: http://www.computerra.ru/119342/adaptable-navigation-by-darpa/

[86] Часы Pebble Time стали абсолютным рекордсменом краудфандинга: http://www.3dnews.ru/911694/#551509feb4182ebb198b4575

[87] Биохакеры провели первую инъекцию ночного зрения: http://naked-science.ru/article/sci/biokhakery-proveli-pervuyu-ine

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

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

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

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

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