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

---

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

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

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

[1] How-to: Правила вёрстки email-писем: http://habrahabr.ru/company/pechkin/blog/255819/

[2] Необходимый минимум для фронтенд-разработчика: http://frontender.info/a-baseline-for-front-end-developers/

[3] Yeoman-генератор своими руками. Зачем нужны yeoman-генераторы и не лучше ли по старинке? (Борис Мосунов): http://html5.by/blog/yeoman-video/

[4] Полное руководство по типам ссылок в гиперссылках: http://sixrevisions.com/html/link-types-hyperlinks/

[5] Grid Item Animation Layout: http://tympanus.net/codrops/2015/04/15/grid-item-animation-layout/

[6] О том, нужны ли дополнительные атрибуты ARIA для семантических элементов в HTML: http://html5doctor.com/on-html-belts-and-aria-braces/

[7] Измерение производительности: http://davidwalsh.name/measuring-performance

[8] HTTP/2 быстрее SPDY благодаря приоритизации зависимостей: http://blog.kazuhooku.com/2015/04/dependency-based-prioritization-makes.html

[9] Find Guidelines: http://findguidelin.es/

[10] Sublime Text и Emmet – ускоряем HTML разработку: https://scotch.io/tutorials/sublime-text-and-emmet-speed-up-html-development

[11] Большой вес не означает более долгое ожидание : http://www.filamentgroup.com/lab/weight-wait.html

[12] Email Framework: http://glennsmith.me/email/framework/

[13] Адаптивные лого, часть 2: делаем логотипы действительно адаптивными с инлайновым-SVG: http://viget.com/inspire/responsive-logos-part-2-making-logos-truly-responsive-with-svg

[14] «How to Code in HTML5 and CSS3»: http://howtocodeinhtml.com/

[15] Команды Вырезать и Скопировать: http://updates.html5rocks.com/2015/04/cut-and-copy-commands

[16] WebRx: http://webrxjs.org/

[17] Расширяем HTML, используя Aurelia.io: http://www.sitepoint.com/extending-html-aurelia-io-way/

[18] Как получать уведомления когда кто-то публикует статью с вашего домена на Hacker News используя Node.js, Firebase и Twilio: https://www.twilio.com/blog/2015/04/get-notified-when-someone-posts-an-article-from-your-domain-on-hacker-news-using-node-js-firebase-and-twilio.html

[19] Гипнотическая демка на canvas: http://codepen.io/ge1doot/full/jEgLKo/

[20] Pie Menu Generator: http://pmg.softwaretailoring.net/

[21] Trianglify Generator: http://qrohlf.com/trianglify-generator/

[22] Как писать более чистый CSS и рациональный SASS: http://habrahabr.ru/company/paysto/blog/255981/

[23] Адаптивная турнирная сетка на CSS3: http://css-live.ru/articles-css/adaptivnaya-turnirnaya-setka-na-css3.html

[24] Эффекты с несколькими слоями при помощи контуров обрезки, фильтров и режимов наложения в CSS: http://css-live.ru/articles/effekty-s-neskolkimi-sloyami-pri-pomoshhi-konturov-obrezki-filtrov-i-rezhimov-nalozheniya-v-css.html

[25] 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

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

[27] Визуальный гид по свойству Flexbox CSS3 : https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties

[28] 4 совета для более умной работы с CSS: http://www.creativebloq.com/web-design/4-tips-smarter-css-workflow-11514036

[29] Как выбрать между rem и em: http://blog.donnywals.com/how-to-choose-between-rem-and-em/

[30] HTML vs Body in CSS: https://css-tricks.com/html-vs-body-in-css/

[31] Масштабирование встроенного SVG: CSS и другие печали: http://codepen.io/Tigt/blog/scaling-inline-svg-css-and-other-sadnesses

[32] Netflix Logo на CSS : http://hugogiraudel.com/2015/04/15/netflix-logo-in-css/

[33] Все о CSS анимациях: http://www.kirupa.com/html5/all_about_css_animations.htm

[34] Вертикальное центрирование на CSS, или как я перестал беспокоиться и полюбил Display: Table : http://stinaq.me/blog/2015/04/13/css-vertical-align-or-how-i-learned-to-stop-worrying-and-love-display-table/

[35] Три вещи которые (почти) никто не знает о CSS: http://www.sitepoint.com/3-things-almost-one-knows-css/

[36] Анимация градиентов на чистом CSS: https://medium.com/dave_lunny/animating-css-gradients-using-only-css-d2fd7671e759

[37] CSS фильтры прекрасны!: http://dibaiee.ir/css-filters/

[38] Sass темы с конфигурационными файлами: http://www.sitepoint.com/sass-theming-withconfiguration-files/

[39] Адаптивные таблицы: полный список решений: http://www.sitepoint.com/responsive-data-tables-comprehensive-list-solutions/

[40] Как создать собственный CSS пре-процессор с PostCSS: http://www.sitepoint.com/build-css-preprocessor-postcss/

[41] CSS realistic 3D globe. Non-WebGL : http://codepen.io/edankwan/pen/emqgpr

[42] Jonathan Snook – CSS is a Mess (Software GR — March 24, 2015) : https://www.youtube.com/watch?v=fAcW-wOFYjw

[43] Очень субъективный обзор JS фреймворков. AmpersandJS, часть 0: http://habrahabr.ru/post/255769/

[44] Отладка сборки javascript в IntelliJ IDEA/PHPStorm/WebStorm: http://habrahabr.ru/post/255837/

[45] Параллельность в JavaScript. Web Workers: кто они такие и чем помогут нам? (Алексей Саскевич): http://html5.by/blog/parallel-javascript-video/

[46] jQuery считается вредным: http://lea.verou.me/2015/04/jquery-considered-harmful/

[47] The React.js Way: руководство для начинающих : http://blog.risingstack.com/the-react-way-getting-started-tutorial/

[48] dns.js.org: http://dns.js.org/

[49] Одиннадцать фактов о jQuery, которых вы не знали: http://sixrevisions.com/javascript/things-about-jquery/

[50] Функция стрелка в ES6, синтаксис и лексическая область видимости: http://toddmotto.com/es6-arrow-functions-syntaxes-and-lexical-scoping/

[51] API разрешений для Web: http://updates.html5rocks.com/2015/04/permissions-api-for-the-web

[52] Взрывающийся LocalStorage (или что происходит когда вы превышаете его квоту): http://www.raymondcamden.com/2015/04/14/blowing-up-localstorage-or-what-happens-when-you-exceed-quota

[53] Улучшение результатов анализа производительности JS с помощью User Marks: http://www.sitepoint.com/improve-javascript-performance-analysis-results-user-marks/

[54] Использование пространства замыкания для создания настоящих private members в JS: http://www.sitepoint.com/using-closure-space-create-real-private-members-javascript/

[55] Представление T3: Включение крупномасштабных JS приложений: https://www.box.com/blog/introducing-t3-enabling-large-scale-javascript-applications/

[56] В Ember 2.0 отказываются от поддержки IE8: https://github.com/emberjs/rfcs/pull/45?#issuecomment-93009469

[57] Юнит-тестирование в AngularJS: сервисы, контроллеры и провайдеры: http://www.sitepoint.com/unit-testing-angularjs-services-controllers-providers/

[58] Таблицы для React: http://zippyui.github.io/react-datagrid/

[59] Создание JS приложения нового поколения с Aurelia: http://www.sitepoint.com/creating-next-generation-javascript-application-aurelia/

[60] DOM Attributes now on the prototype chain: http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype

[61] dragula: https://github.com/bevacqua/dragula

[62] Определение устройств в приложениях с помощью WURFL.js: http://www.sitepoint.com/device-detection-apps-wurfl-js/

[63] Полифил для Placeholder с поддержкой Password: http://osvaldas.info/placeholder-polyfill-with-password-support

[64] Papa Parse: http://papaparse.com/

[65] RQ: http://www.rq.crockford.com/

[66] (пере)Представление eSpeak.js: http://blog.monotonous.org/2015/04/14/reintroducing-espeak-js/

[67] layzr.js: https://github.com/callmecavs/layzr.js

[68] basket.js: http://addyosmani.github.io/basket.js/

[69] Релиз web-браузера Chrome 42: http://www.opennet.ru/opennews/art.shtml?num=42039

[70] Вышел Chrome 42 с продвинутыми пуш-уведомлениями: https://xakep.ru/2015/04/15/chrome-42/

[71] Браузер BitTorrent выпущен в виде бета-версии: http://www.3dnews.ru/912521/

[72] Браузер Spartan в Windows 10 Mobile поддерживает HTML5 на 367 баллов: http://news.softodrom.ru/ap/b21738.shtml

[73] Отладка IE11 в Google Chrome : https://www.kobzarev.com/soft/ie-diagnostics-adapter.html

[74] Google продлила поддержку Chrome для Windows XP до конца года: http://www.3dnews.ru/912872

[75] Новинки FF 39 Developer Edition: https://hacks.mozilla.org/2015/04/drag-elements-console-history-and-more-firefox-developer-edition-39/

[76] Chrome 43 Beta: Web MIDI and upgrading legacy sites to HTTPS : http://blog.chromium.org/2015/04/chrome-43-beta-web-midi-and-upgrading.html

[77] О незадокументированных возможностях Chrome и о непрочтенных спецификациях W3C: http://www.quirksmode.org/blog/archives/2015/04/of_undocumented.html

[78] Принципы анимации для веба: http://habrahabr.ru/company/htmlacademy/blog/255583/

[79] Подробные интервью с разработчиками и дизайнерами: http://www.lookatme.ru/mag/live/interweb/213529-iterate

[80] Советы для тех, кто хочет стать круче в интернете: http://www.lookatme.ru/mag/live/interweb/213635-devtips

[81] Как уменьшить размер файлов формата PSD: http://www.dejurka.ru/articless/reduce-file-size/

[82] Создаем каменное лицо в Adobe Photoshop: http://www.dejurka.ru/tutorial/stone-face-photoshop/

[83] Текстура дерева в Adobe Illustrator: http://www.dejurka.ru/tutorial/wood-texture-adobe-illustrator/

[84] Скажи, что ты видишь: http://tjournal.ru/paper/that-logo

[85] Что такое UX дизайнер и что он делает?: http://www.designyourway.net/blog/web-and-mobile-design/what-is-a-user-experience-designer-what-does-he-do/

[86] В UX меньше не всегда значит больше: http://developer.telerik.com/featured/in-ux-less-isnt-always-more/

[87] 7 ошибок, которых следует избежать в мобайл-френдли дизайне: http://modernweb.com/2015/04/16/7-mistakes-that-you-should-avoid-in-mobile-friendly-web-design/

[88] Интервью с иллюстратором Chad Sell: http://design.tutsplus.com/articles/to-the-point-an-interview-with-chad-sell--cms-23541

[89] Новые идеи дизайна из 2015: http://www.sitepoint.com/web-layout-ideas-2015/

[90] Новые материалы по Material Design от Google: http://www.google.com/design/spec/whats-new/whats-new.html

[91] Первая имплементация Material Design от команды Feedly: https://medium.com/feedly-behind-the-curtain/first-implementation-of-material-design-by-feedly-fba1494022a4

[92] Концепт кухни 2025 года: http://www.conceptkitchen2025.com/

[93] SparkBox редизайнит CodePen: http://codepen.seesparkbox.com/

[94] Центрированные сайты — новый и текущий тренд в веб-дизайне: http://www.onextrapixel.com/2015/04/15/centered-site-layouts-new-and-current-trend-in-website-design/

[95] Использование OmniGraffle для веб-дизайна: http://speckyboy.com/2015/04/15/using-omnigraffle-for-web-design/

[96] Как сделать CTO кнопки более эффективными: http://www.designyourway.net/blog/web-and-mobile-design/making-call-to-action-buttons-more-efficient/

[97] Семь вещей, которые каждый дизайнер должен знать о доступности: https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b

[98] Искусство фракталов: создание 3D Julian фрактала в Apophysis: http://design.tutsplus.com/tutorials/fractal-art-create-a-3d-julian-fractal-in-apophysis--cms-23669

[99] Как создать инфографику за 15 минут: http://www.sitepoint.com/infographics-with-canva-tutorial/

[100] Шрифт Hillary Clinton: http://kottke.org/15/04/hillary-clinton-logo-typeface

[101] PassportIndex: http://www.passportindex.org/

[102] futuramo: https://futuramo.com/

[103] TypeSlab: http://typeslab.com/

[104] 9 squares: http://9-squares.tumblr.com/

[105] Photoshop-экшены для ретуширования кожи: http://www.dejurka.ru/graphics/free-skin-retouching-actions/

[106] Бесплатный клипарт на туристическую тему: http://www.dejurka.ru/graphics/free-travel-vector/

[107] Векторные цветы для вашего дизайна: http://www.dejurka.ru/graphics/free-vector-flowers/

[108] Бесплатные плагины для Sketch: http://designmodo.com/free-plugins-sketch/

[109] Мокапы журналов в PSD формате: http://webdesignledger.com/freebies/free-magazine-mockup-psds

[110] Векторные овощи: http://gomedia.com/zine/downloads/freebie-vector-vegetables/

[111] Простой набор UI: http://www.1stwebsuite.com/2014/12/free-psd-simple-web-ui-kit-web.html

[112] Коллекция PSD стикеров и бейджиков: http://webdesignfm.com/2015/04/huge-collection-of-free-psd-stickers-and-badge-designs/

[113] Иконки для ресторанов и бисторо от Freepic: http://www.webdesignfact.com/2015/04/free-restaurant-and-bistro-icons-from-freepik.html

[114] Foody Icons: http://studiosmacznego.com/portfolio-foodyIcons.html

[115] Два шрифта: Jekyll и Hyde, без засечек и с ними: https://www.behance.net/gallery/25167839/Jekyll-and-Hyde

[116] Аналитики: Apple продала больше Watch за сутки, чем производители часов на базе Android Wear за весь 2014 год: http://tjournal.ru/paper/apple-watch-first-day-estimates

[117] Google представил систему рукописного ввода для платформы Android: http://www.opennet.ru/opennews/art.shtml?num=42048

[118] AMD считает Windows 10 главным катализатором продаж ПК: http://www.3dnews.ru/912852/

[119] Microsoft запускает финальную версию Skype for Business: http://www.3dnews.ru/912707/

[120] Windows 10 предложит единый магазин для приложений, музыки и видео: http://www.3dnews.ru/912507/

[121] Bing обновил дизайн мобильной версии главной страницы: http://www.searchengines.ru/news/archives/bing_obnovil_diz_mob.html

[122] LinkedIn заплатит $1,5 млрд за образовательную платформу Lynda.com: http://www.3dnews.ru/912461/

[123] Вышел первый в мире смартфон на Ubuntu: http://naked-science.ru/article/media/vyshel-pervyi-v-mire-smartfon

[124] DARPA создаст ПО, не требующее обновления : http://keddr.com/2015/04/darpa-sozdast-po-ne-trebuyushhee-obnovleniya/

[125] В Disney разработали 3D-принтер, печатающий тканью: http://www.lookatme.ru/mag/live/experience-news/213741-fabric

[126] Google пожертвовал безопасностью своей главной страницы ради первоапрельской шутки: http://tjournal.ru/paper/google-clickjacking

[127] Как будет работать новый алгоритм Google, наказывающий «немобильные» сайты: вопросы и ответы: http://ain.ua/2015/04/14/575267

[128] 25 самых странных вопросов, которые задавали кандидатам на собеседованиях в Apple: http://ain.ua/2015/04/14/575257

[129] Google царит в прошлом, а не в будущем, и это поднимает серьезные вопросы о компании: http://inoblogger.ru/2015/04/13/google-past/

[130] Миллионы на играх: Почему киберспорт — это следующая крупнейшая спортивная империя: http://siliconrus.com/2015/04/esport/

[131] 8 правил управления командой, которыми руководствовался Стив Джобс во время работы в NeXT: http://siliconrus.com/2015/04/steve-jobs-rules/

[132] Intel: Закон Мура будет актуальным по меньшей мере 10 лет: http://www.3dnews.ru/912898/#553251b4b4182e93628b456d

[133] Сергей Брин, Макс Левчин, Ян Кум и другие иммигранты, создавшие успешные ИТ-компании в США: http://siliconrus.com/2015/04/11-immigrant/

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

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

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

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

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