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

---

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

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

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

[1] Сайт с нуля на полном стеке БЭМ-технологий. Методология Яндекса: http://habrahabr.ru/company/yandex/blog/251473/

[2] Повышаем стабильность Front-end: http://habrahabr.ru/company/tcsbank/blog/251421/

[3] Обеспечение лучшей резервной поддержки SVG и управление оформлением с помощью элемента <picture>: http://css-live.ru/articles/obespechenie-luchshej-rezervnoj-podderzhki-svg-i-upravlenie-oformleniem-s-pomoshhyu-elementa-picture.html

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

[5] Создание аудиоплеера при помощи HTML5. Часть 3: микроданные и внешний вид: http://css-live.ru/faq/sozdanie-audiopleera-pri-pomoshhi-html5-chast-3-mikrodannye-i-vneshnij-vid.html

[6] 5 мифов, связанных с оптимизацией скорости работы сайта: http://oddstyle.ru/wordpress-2/stati-wordpress/5-mifov-svyazannyx-s-optimizaciej-skorosti-raboty-sajta.html

[7] 20 лучших советов по Emmet для ускорения написания вашего кода: http://beebom.com/2015/02/best-emmet-tips-to-code-htmlcss-fast

[8] Выпадающие меню, предусматривающие небрежное наведение мышкой: http://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/

[9] RICG Responsive Images For WordPress: http://www.smashingmagazine.com/2015/02/24/ricg-responsive-images-for-wordpress/

[10] Быстрое применение техники Offline-first с модулем sw-precache: http://updates.html5rocks.com/2015/02/offline-first-with-sw-precache

[11] Хочешь изучить SVG? Начните с этой статьи: http://www.designyourway.net/blog/resources/want-to-learn-about-svg-start-with-this-article/

[12] Сравнение статических движков для создания сайтов — Jekyll, Middleman and Harp: http://developer.telerik.com/topics/comparing-static-site-engines-2/

[13] Скользящая навигация второго уровня: http://codyhouse.co/gem/secondary-sliding-navigation/

[14] frontend-guidelines: https://github.com/bendc/frontend-guidelines

[15] Еще двадцать сборников документации для фронт-энд разработчиков: http://www.sitepoint.com/another-20-docs-guides-front-end-developers/

[16] Как расшарить изображения в Pinterest с помощью кнопки: http://www.sitepoint.com/images-pinterest-call-to-action/

[17] Разметка с SVG и Flexbox для простых D3 графиков: http://www.scottlogic.com/blog/2015/02/02/svg-layout-flexbox.html

[18] My Gulp Workflow: http://lifes.gd/2015/02/24/my-gulp-workflow.html

[19] Синхронизация задач Gulp с run-sequence: http://davidwalsh.name/gulp-run-sequence

[20] Простая сцена с трехмерным эффектом наведения с помощью CSS3 трансформаций: http://codepen.io/ariona/pen/JopOOr

[21] CSS+SVG Pacman : http://codepen.io/buschidos/pen/zxjrLR

[22] Симпатичный концепт анимации для диалогового окна: http://codepen.io/akwright/pen/XJqLNv

[23] Эффект текста, печатающегося в консоли DOS, с помощью CSS: http://codepen.io/ruggero/pen/KwRwoN

[24] Спецификация Pointer Events стала рекомендацией: http://web-standards.ru/news/960/

[25] Производительность CSS-анимаций: http://css-live.ru/articles/proizvoditelnost-css-animacij-nerasskazannaya-istoriya-s-kommentariyami-pola-ajrisha.html

[26] Условная инструкция &commat;supports: http://www.dejurka.ru/css/css3-conditional-statements/

[27] Расширяем цветовой каскад с помощью переменной currentColor: http://blogs.adobe.com/dreamweaver/2015/02/extending-the-color-cascade-with-the-css-currentcolor-variable.html

[28] Вдохновляющие эффекты и стили для кнопок: http://tympanus.net/codrops/2015/02/26/inspiration-button-styles-effects/

[29] Примеры материального дизайна на HTML & CSS в действии: http://speckyboy.com/2015/02/26/html-css-examples-of-material-design-in-action/

[30] Разбираемся с размерными единицами в Sass: http://www.sitepoint.com/understanding-sass-units/

[31] Определяем возможности CSS: Modernizr или Feature-запросы? : http://webdesign.tutsplus.com/tutorials/css-feature-detection-modernizr-or-feature-queries--cms-23508

[32] Blackhole: http://www.html5depot.com/blackhole/index.html

[33] Специфичность селекторов при использовании CSS-препроцессоров: http://www.sitepoint.com/selector-specificity-css-preprocessors/

[34] BattleGIS — JavaScript-движок для игры в Танчики: http://habrahabr.ru/company/2gis/blog/251283/

[35] (Часть 1): http://habrahabr.ru/company/paysto/blog/251277/

[36] (Часть 2): http://habrahabr.ru/company/paysto/blog/251329/

[37] Введение в разработку слайд-шоу на JavaScript: http://habrahabr.ru/post/251783/

[38] SummaryJS, выпуск 3: http://habrahabr.ru/post/251801/

[39] Используем ES6 rest-параметры: http://forwebdev.ru/javascript/rest-parameters/

[40] Использование AngularJS для визуализации данных: http://css-live.ru/articles/ispolzovanie-angularjs-dlya-vizualizacii-dannyx.html

[41] Изоморфные JS-приложения — будущее веба?: http://www.sitepoint.com/isomorphic-javascript-applications/

[42] Bower и Grunt: брак, заключенный на небесах : http://clubmate.fi/bower-and-grunt-match-made-in-heaven/

[43] Введение в React: http://developer.telerik.com/featured/introduction-to-the-react-javascript-framework/

[44] Radium: http://projects.formidablelabs.com/radium/

[45] Используем jQuery-плагины с npm: http://blog.npmjs.org/post/112064849860/using-jquery-plugins-with-npm

[46] Отслеживаем ошибки JavaScript, AngularJS и jQuery с помощью Google Analytics: http://blog.gospodarets.com/track_javascript_angularjs_and_jquery_errors_with_google_analytics/

[47] AngularJS vs. EmberJS: http://blog.backand.com/angularjs-vs-emberjs/

[48] Организация ваших Grunt-задач: http://alwaystwisted.com/articles/organising-your-grunt-tasks

[49] Итерируемые и итераторы в ES6: http://www.2ality.com/2015/02/es6-iteration.html

[50] Как я написал ультра-скоростной алгоритм выравнивания последовательностей ДНК на JS: https://medium.com/@keithwhor/nbeam-how-i-wrote-an-ultra-fast-dna-sequence-alignment-algorithm-in-javascript-c199e936da

[51] Три JS библиотеки, за которыми стоит следить в 2015-м: http://www.sitepoint.com/3-javascript-libraries-keep-eye-2015/

[52] Исследование классов ES6 в Angular 1.x: http://www.michaelbromley.co.uk/blog/350/exploring-es6-classes-in-angularjs-1-x

[53] Философия Ramda: http://fr.umio.us/the-philosophy-of-ramda/

[54] дистанционное управление с помощью смартфона, решение построенное на Node.js и Socket.io: http://tutorialzine.com/2015/02/smartphone-remote-control-for-presentations/

[55] Plyr: http://plyr.io/

[56] RIN: http://sanographix.github.io/rin/

[57] Flickity: отзывчивые тач-галереи: http://flickity.metafizzy.co/

[58] NgReact: http://davidchang.github.io/ngReact/

[59] proginoskes: https://github.com/jas-/proginoskes

[60] Новинки последних сборок Opera Developer 29: http://habrahabr.ru/company/opera/blog/251369/

[61] Релиз Firefox 36 с поддержкой HTTP/2.0: http://www.opennet.ru/opennews/art.shtml?num=41719

[62] Некоторые особенности Firefox 36, которые будут полезны веб-разработчикам: http://tanalin.com/blog/2015/02/firefox-36/

[63] Выход Firefox 37-beta и Firefox Developer Edition 38: http://www.opennet.ru/opennews/art.shtml?num=41750

[64] Hello! Firefox и другие браузеры вместо Skype: http://www.computerra.ru/116767/mozilla-firefox-hello-voip/

[65] Браузер Vivaldi бьёт рекорды по темпам развития: http://www.computerra.ru/116876/vivaldi-browser-second-review/

[66] Вьюпорт device-width уберёт тач-задержку в IE: http://web-standards.ru/news/961/

[67] Проблемы интерфейсов будущего: Какие шрифты использовать в гаджетах: http://siliconrus.com/2015/02/typeface-challenges/

[68] Google показала футуристические концепты новой штаб-квартиры: http://siliconrus.com/2015/02/google-office-concept/

[69] Доступность, исходящая из UX: решения для BBC iPlayer: http://www.smashingmagazine.com/2015/02/23/bbc-iplayer-accessibility-case-study/

[70] О мета-дизайне и алгоритмических дизайнерских системах: http://runemadsen.com/blog/on-meta-design-and-algorithmic-design-systems/

[71] Тестирование дизайнов меню-аккордионов и иконографии: http://viget.com/inspire/testing-accordion-menu-designs-iconography

[72] 10 принципов хорошего дизайна: https://www.vitsoe.com/eu/about/good-design

[73] Design Principles: http://learndesignprinciples.com/

[74] It’s Only Color: https://robots.thoughtbot.com/Its-only-color

[75] Разница между минимализмом и простотой: http://www.youthedesigner.com/graphic-design-tips/minimalism-simplicity-difference/

[76] Making ArtList: https://medium.com/about-artlist/this-product-journey-led-us-to-sell-basquiat-and-warhol-online-89a8809db1ac

[77] Невыносимая недоступность слайд-шоу: http://www.sitepoint.com/unbearable-accessible-slideshow/

[78] Доработка изображения для пробуждения у пользователей эмоций: http://www.sitepoint.com/tricks-images-make-users-feel-think/

[79] Концепт дизайна венгерской версии евро: https://www.behance.net/gallery/19414395/Hungarian-paper-money

[80] Редизайн журнала New York Times, включая новый логотип и акцент на более «цифровом» имидже: http://www.slate.com/blogs/the_eye/2015/02/19/new_york_times_magazine_redesign_includes_a_new_logo_fonts_and_social_media.html

[81] Сложности редизайна: приложение Nest для iPhone: https://medium.com/weekly-redesign-challenge/redesign-challenge-6-52-nest-for-iphone-d322c6778941

[82] Как надо учиться дизайну, исходя из японских традиций военных искусств: http://blog.gibbon.co/posts/2015-02-26-shu-ha-ri-is-how-you-learn-design.html

[83] Origami: http://facebook.github.io/origami/

[84] Introducing Origami Live and Origami 2.0: https://medium.com/bwalkin/introducing-origami-live-and-origami-2-0-a68116294e65

[85] Использование Pixate — инструмента для прототипирования: https://medium.com/andrew.burton/using-pixate-e096aab532d9

[86] Как писать незабываемые тексты для интерфейсов: http://www.sitepoint.com/create-unforgettable-interface-copy/

[87] Дизайн в деталях: Инстаграм для iOS: http://blog.brianlovin.com/design-details-instagram-for-ios/

[88] Создание изометрического здания в стиле пиксель-арт в фотошопе: http://design.tutsplus.com/tutorials/create-an-isometric-pixel-art-office-building-in-adobe-photoshop--cms-23357

[89] Дизайн панели поиска и интерфейса изображения в фотошопе: http://design.tutsplus.com/tutorials/design-a-search-bar-and-image-display-interface-in-adobe-photoshop--cms-23210

[90] Лучшие инструменты для рисования типографики в 2015-м году: https://medium.com/handling-the-curve/lettering-gear-guide-2015-5112e7dcd81e

[91] Шрифт, заменяющий пустые слова на стилизованный bullshit: http://www.sansbullshitsans.com/

[92] Designer’s Toolkit:Prototyping Tools: http://www.cooper.com/prototyping-tools

[93] v2.polarr.co: https://v2.polarr.co/

[94] colorable: http://jxnblk.com/colorable/

[95] Free UI Kit from PixelKit: http://www.syntaxxx.com/free-ui-kit-from-pixelkit/

[96] 25 Sketch Freebies for Web & Graphic Designers: http://designm.ag/freebies/25-sketch-freebies-web-graphic-design/

[97] Freebie: Flat design UI kit by TeslaThemes: http://inspiredm.com/freebie-flat-design-ui-kit-by-teslathemes/

[98] 15 Free PSD Poster/Flyer Mock-ups – February 2015 Edition: http://www.fusionplate.com/4877/15-free-psd-posterflyer-mock-ups-february-2015-edition/

[99] 22 Smartphone Perspective PSDs for Conceptual App Mockups: http://spyrestudios.com/22-smartphone-perspective-psd-mockups/

[100] Free download: Lucid one page PSD template: http://www.webdesignerdepot.com/2015/02/free-download-lucid-one-page-psd-template/

[101] 10 Free Vintage Retro Labels(PSD): http://webdesignledger.com/freebies/10-free-vintage-retro-labels

[102] Free User pics: https://dribbble.com/shots/1938508-Free-User-pics

[103] Space icon .ai for free: https://dribbble.com/shots/1938848-Space-icon-ai-for-free

[104] 77 Essential Icons — Free Icon Set Download: https://www.behance.net/gallery/23688967/77-Essential-Icons-Free-Icon-Set

[105] Travel icon pack: http://www.1001freedownloads.com/free-vector/travel-icon-pack

[106] Freebie: Flat Icon Pack (AI, SVG, EPS, PSD, PNG): http://tympanus.net/codrops/2015/02/27/freebie-flat-icon-pack-ai-svg-eps-psd-png/

[107] Growl — Free Font: https://www.behance.net/gallery/23871901/Growl-Free-Font

[108] 30 бесплатных наборов векторных лент: http://www.dejurka.ru/graphics/free-vector-ribbons/

[109] MWC 2015: Samsung Galaxy S6 и S6 Edge — да здравствует предсказуемость: http://gagadget.com/16491-mwc-2015-samsung-galaxy-s6-i-s6-edge--da-zdravstvuet-predskazuemost/

[110] MWC 2015: HTC Vive — шлем виртуальной реальности в партнерстве с Valve: http://gagadget.com/mwc/16484-mwc-2015-htc-vive--shlem-virtualnoj-realnosti-v-partnerstve-s-valve/

[111] MWC 2015: смартфон ZTE Grand S3 умеет сканировать глазное яблоко: http://www.3dnews.ru/910225/#54f32a14b4182e7e598b4567

[112] MWC 2015. Спортивный браслет HTC Grip : http://keddr.com/2015/03/mwc-2015-sportivnyiy-braslet-htc-grip/

[113] MWC 2015. Huawei Watch представлены официально. : http://keddr.com/2015/03/mwc-2015-huawei-watch-predstavlenyi-ofitsialno-i-oni-shikarnyi/

[114] Google с апреля поднимет в поисковой выдаче сайты, адаптированные под мобильные устройства: http://siliconrus.com/2015/02/google-mobile-friendly/

[115] Google купил стартап мобильных платежей для укрепления Google Wallet: http://www.cossa.ru/news/247/97693/

[116] Google тестирует чаты компаний с клиентами в результатах поисковой выдачи: http://www.searchengines.ru/news/archives/google_testirue_chaty.html

[117] Искусственный интеллект от Google научился проходить компьютерные игры: http://ain.ua/2015/02/28/567083

[118] Большинство людей в мире не имеют доступа в Интернет: http://www.3dnews.ru/910070/

[119] Несмотря на миллиардную аудиторию, YouTube практически не даёт прибыли: http://www.3dnews.ru/910112/

[120] Тим Кук: смарт-часы Apple Watch заменят ключи для автомобилей: http://www.3dnews.ru/910194/

[121] Теперь в Googe Music можно загружать 50 тысяч своих треков: http://lifehacker.ru/2015/02/28/google-music-mozhno-zagruzhat-50-000-trekov/

[122] Рейтинг мировых IT-брендов по популярности в интернете: http://ain.ua/2015/02/25/566615

[123] Google Adwords представил способ автоматического преобразования Flash-объявлений в HTML5: http://www.searchengines.ru/news/archives/google_adwords_flash.html

[124] Компьютерная память будет в дефиците в этом году: http://www.3dnews.ru/910154/#54f04155b4182e67368b4567

[125] Часть 1: http://habrahabr.ru/post/251373/

[126] Часть 2: http://habrahabr.ru/post/251501/

[127] «Выход из тела» на несколько дней при помощи Oculus Rift: http://geektimes.ru/post/246260/

[128] История войны за Sex.com — самый дорогой домен в истории: http://siliconrus.com/2015/02/sexcom/

[129] Пять главных проблем российской ИТ-журналистики: http://siliconrus.com/2015/02/it-media/

[130] Как западные и российские бренды отреагировали на масштабное обсуждение цвета платья в соцсетях: http://siliconrus.com/2015/02/what-the-dress/

[131] Реактивный двигатель напечатали на 3D-принтере: http://naked-science.ru/article/hi-tech/reaktivnyi-dvigatel-napechatal

[132] Google Now против русской Siri : https://www.youtube.com/watch?v=g_bloOeuVsg

[133] Видео: Microsoft показала технологии будущего: http://naked-science.ru/article/concept/video-microsoft-pokazala-tekhn

[134] Беспилотником научились управлять силой мысли: http://naked-science.ru/article/sci/bespilotnikom-nauchilis-upravl

[135] Как наш мозг воспринимает цвета (+ подборка лучших оптических иллюзий): http://lifehacker.ru/2015/02/27/kak-nash-mozg-vosprinimaet-tsveta-podborka-luchshih-opticheskih-illyuzij/

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

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

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

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

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