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

---

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

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

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

[1] Список YouTube-каналов для обучения веб-разработке: http://habrahabr.ru/post/247893/

[2] 8 вещей, которые я хотел бы знать в начале карьеры: http://forwebdev.ru/other/8-things-for-beginners/

[3] Топ-20 CodePen’ов 2014 года: часть 2: http://forwebdev.ru/collections/top20-codepens-2014-part2/

[4] HTML5 Video: фрагменты, субтитры, и динамические миниатюры-кадры: http://www.sitepoint.com/html5-video-fragments-captions-dynamic-thumbnails/

[5] Создание приложения-чата с material-дизайном с помощью Polymer и PubNub: http://www.pubnub.com/blog/creating-a-polymer-chat-app-with-material-design/

[6] Как использовать Yeoman для построения вашего следующего веб-приложения: http://wes.is/2015/01/13/how-to-use-yeoman-to-scaffold-your-next-web-app/

[7] Создание SVG спрайтов: http://blog.teamtreehouse.com/create-svg-sprite-sheet

[8] Автоматически скрывающаяся прилипающая шапка: http://osvaldas.info/auto-hide-sticky-header

[9] Pattern Library: http://ux.mailchimp.com/patterns/

[10] Скринкаст от CSS-Tricks: Three Ways to Animate SVG: https://www.youtube.com/watch?v=lM7cuk5DPgc

[11] Learn Version Control with Git: http://www.git-tower.com/learn/videos#episodes

[12] Скажите привет WebRTC : http://speckyboy.com/2015/01/14/say-hello-webrtc/

[13] Создаем отзывчивые сайты с помощью Foundation: http://www.creativebloq.com/web-design/build-responsive-sites-foundation-11513848

[14] О правильном использовании атрибута Lang : http://blog.adrianroselli.com/2015/01/on-use-of-lang-attribute.html

[15] Использование WEBP/JPEG 2000/JPEG-XR/APNG уже сейчас с помощью Picturefill и Modernizr: http://www.useragentman.com/blog/2015/01/14/using-webp-jpeg2000-jpegxr-apng-now-with-picturefill-and-modernizr/

[16] is-progressive: https://github.com/sindresorhus/is-progressive

[17] Периодическая таблица тем WordPress : http://wpthemetable.com/

[18] import.io: https://import.io/advanced-data-platform

[19] Фильтрация контента: http://codyhouse.co/gem/content-filter/

[20] Отчет по использованию CSS в 2014-м году (статистика): http://reports.quickleft.com/css

[21] CSS на больших проектах: http://css-tricks.com/css/

[22] Сокращенный вариант записи свойства CSS Background: http://sixrevisions.com/css/background-css-shorthand/

[23] Экстра map функции в Sass: http://www.sitepoint.com/extra-map-functions-sass/

[24] Управление RTL CSS с помощью Sass и Grunt: http://www.sitepoint.com/manage-rtl-css-sass-grunt/

[25] flexbugs: https://github.com/philipwalton/flexbugs

[26] Что нового в CSS Selectors 4: https://grack.com/blog/2015/01/11/css-selectors-4/

[27] Начинаем разбираться с Myth: препроцессором будущего: http://www.sitepoint.com/getting-started-myth-preprocessor-future/

[28] Стратегии для сохранения низкой CSS специфики: http://css-tricks.com/strategies-keeping-css-specificity-low/

[29] Вертикальное центрирование с помощью CSS Flexbox: http://davidwalsh.name/css-vertical-center-flexbox

[30] Адаптивный дизайн с помощью Bootstrap 3 Grid System: http://www.script-tutorials.com/adaptive-design-using-bootstrap-3-grid-system/

[31] OOCSS/Atomic CSS являются «анти-паттерном» для отзывчивого дизайна: http://benfrain.com/oocss-atomic-css-responsive-web-design-anti-pattern/

[32] CSS демки, эксперименты и полезные сниппеты, по которым можно учиться: http://www.designyourway.net/blog/resources/css-demos-experiments-and-useful-snippets-to-learn-from/

[33] Качественная реализация реалистичного переключателя средствами CSS: http://codepen.io/maturo/pen/dxAhE

[34] Component-Driven CSS Frameworks: http://www.sitepoint.com/component-driven-css-frameworks/

[35] Интернационализация на основе CSS с использованием JavaScript: http://frontender.info/css-driven-internationalization-in-javascript/

[36] Свершилось! io.js Version 1.0.1 (Beta stability) released!: http://habrahabr.ru/post/247837/

[37] Федор Индутный о io.js: http://codehipsters.com/2015/01/14/indutny-interview.html

[38] и еще немного деталей: http://blog.risingstack.com/iojs-overview/

[39] Material Design и AngularJS: http://habrahabr.ru/post/247719/

[40] Простой парсинг сайтов с помощью SlimerJS: http://habrahabr.ru/post/247847/

[41] Все способы перебора массива в JavaScript: http://habrahabr.ru/post/247857/

[42] Пишем быстрый и экономный код на JavaScript: http://habrahabr.ru/post/248111/

[43] Большой список материалов для изучения Meteor.JS: http://habrahabr.ru/post/248169/

[44] Конструкторы в JavaScript: http://forwebdev.ru/javascript/constructors/

[45] Основные ссылки по JavaScript: https://gist.github.com/ericelliott/d576f72441fc1b27dace

[46] Интерактивные уроки по JavaScript: http://sixrevisions.com/javascript/interactive-javascript-tutorials/

[47] Написание CSS-парсера на JavaScript: https://medium.com/jotform-form-builder/writing-a-css-parser-in-javascript-3ecaa1719a43

[48] Искусство создания архитектуры, базирующейся на промисах: http://rangle.io/blog/the-art-of-promise-based-architecture/

[49] 2015-й: конец монолитного JavaScript фреймворка: https://andywalpole.me/#!/blog/142134/2015-the-end-the-monolithic-javascript-framework

[50] проблеме с Angular-ом: http://www.quirksmode.org/blog/archives/2015/01/the_problem_wit.html

[51] Проекты 6to5 и esnext объединились: http://6to5.org/blog/2015/01/12/6to5-esnext/

[52] Начинаем работать с NativeScript: http://developer.telerik.com/featured/getting-started-nativescript/

[53] Краткое руководство по React : http://www.jackcallister.com/2015/01/05/the-react-quick-start-guide.html

[54] Почему Panda Strike написали самый быстрый JSON Schema валидатор для Node.js: http://gilesbowkett.blogspot.co.uk/2015/01/why-panda-strike-wrote-fastest-json.html

[55] наборы — объединение, пересечение, разница: http://www.2ality.com/2015/01/es6-set-operations.html

[56] HTML шаблоны в ES6 с использованием template strings: http://www.2ality.com/2015/01/template-strings-html.html

[57] One JavaScript: уход от версионирования в ECMAScript 6: http://www.2ality.com/2014/12/one-javascript.html

[58] 3D Curtain Template: http://codyhouse.co/gem/3d-curtain-template/

[59] Почему я променял Angular на React: http://sixrevisions.com/javascript/why-i-ditched-angular-for-react/

[60] Создание многошаговой регистрационной формы с помощью React: http://viget.com/extend/building-a-multi-step-registration-form-with-react

[61] Почему одного AJAX не достаточно. (о протоколе WAMP): http://www.smashingmagazine.com/2015/01/13/why-ajax-isnt-enough/

[62] Minimap: http://www.toolitup.com/minimap.html

[63] insignia: https://github.com/bevacqua/insignia

[64] Z3d: https://github.com/NathanEpstein/Z3d

[65] Cquence: https://github.com/RamonGebben/Cquence

[66] Релиз Firefox 35: http://www.opennet.ru/opennews/art.shtml?num=41448

[67] Firefox 35: видеозвонки между браузерами и другие новинки: http://geektimes.ru/post/244324/

[68] И еще раз о новинках для разработчиков в Firefox 35 : http://tanalin.com/blog/2015/01/firefox-35/

[69] Новому году — новые браузеры!: http://www.computerra.ru/113197/browsers-2015/

[70] Новая технология Google позаботится об автоматическом включении «режима инкогнито» в браузере: http://naked-science.ru/article/media/novaya-tekhnologiya-google-poz

[71] Microsoft Spartan: один браузер для всех версий Windows 10: http://microsoftportal.net/microsoft/4555-microsoft-spartan-odin-brauzer-dlya-vseh-versiy-windows-10.html

[72] Как делать скриншоты в Firefox: http://davidwalsh.name/create-screenshots-firefox

[73] Новый инструмент для управления анимациями в Firefox 37: https://www.youtube.com/watch?v=3UZdsbmYduQ

[74] harukimurakami.com: http://www.harukimurakami.com/

[75] homunculus.jp: http://homunculus.jp/

[76] 3D визуализация пути подъема альпинистов: http://www.nytimes.com/interactive/2015/01/09/sports/the-dawn-wall-el-capitan.html?_r=1

[77] wonderfulcolorado.com: http://wonderfulcolorado.com/

[78] craftedbygc.com: http://www.craftedbygc.com/

[79] agence-belle-epoque.fr: http://agence-belle-epoque.fr/

[80] mashvp.com: http://mashvp.com/

[81] Welcome to Snowflake City: http://thecroc.com/christmas/

[82] forneverproductions.com: http://www.forneverproductions.com/

[83] Дизайн блога: какой он должен быть: http://habrahabr.ru/post/247693/

[84] 02 Ссылки для UX-специалистов: http://habrahabr.ru/post/248091/

[85] Минимализм в веб-дизайне: http://www.dejurka.ru/web-design/minimalism-in-web-design/

[86] Плоские иллюстрации в веб-дизайне: http://www.dejurka.ru/web-design/flat-illustrators-web-design/

[87] Рисуем mock-up для iPad в Adobe Photoshop: http://www.dejurka.ru/tutorial/ipad-mockup-adobe-photoshop/

[88] Лучшие блоги на тумблере, посвященные дизайну : http://www.youthedesigner.com/graphic-design-tips/the-best-design-tumblr-blogs-to-follow/

[89] Тренды веб-дизайна, которые будут править в 2015-м году: http://designmodo.com/web-design-trends-2015/

[90] Доска для настроя (или как сконцентрировать вдохновение): http://www.sitepoint.com/mood-boards-finding-inspiration/

[91] Направление настроения: задавая тон для вашего дизайна: http://www.zevendesign.com/mood-lines-giving-designs-attitude/

[92] Полное руководство по символике: http://www.youthedesigner.com/inspiration/a-comprehensive-guide-to-symbolism/

[93] Руководство по созданию мокапов: http://www.uxpin.com/guide-to-mockups.html

[94] Иллюстрации для Medium: https://medium.com/@Thomas_Danthony/illustrating-for-medium-45088765decc

[95] Тестирование различных вариантов дизайна поля поиска в шапке: http://viget.com/inspire/refreshing-search-testing-search-box-variations

[96] Почему мы избавились от иконки-гамбургера в приложении iPhone: https://redbooth.com/blog/hamburger-menu-iphone-app

[97] Пятнадцать посадочных страниц с выдающимся UX: http://www.webdesignerdepot.com/2015/01/15-landing-pages-with-outstanding-ux/

[98] Быстрое прототипирование дизайна iOS-приложений с помощью Pixate: http://robots.thoughtbot.com/rapid-prototyping-with-pixate

[99] Для вдохновения: приложения использующие Material Design: http://www.designyourway.net/blog/inspiration/material-design-inspiration-android-apps-using-material-design/

[100] Создание гламурного постера посвященного кино в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-create-a-glamorous-cinema-poster-in-adobe-illustrator--cms-22956

[101] Рисуем винтажный Macintosh в Adobe Illustrator-е: http://designmodo.com/mac-illustration/

[102] Десятка самых популярных веб-шрифтов 2014-го года по версии Typewolf: http://www.typewolf.com/blog/most-popular-fonts-of-2014

[103] Вдохновляющие примеры стилевых гайдов по интерфейсу: http://speckyboy.com/2015/01/15/inspirational-examples-ui-style-guides/

[104] Более ста бесплатных векторных сердечек: http://www.dejurka.ru/graphics/free-hearts-clipart/

[105] Бесплатные кириллические и латинские шрифты в вашу коллекцию: http://www.dejurka.ru/graphics/free-fonts-december/

[106] Экшн для Photoshop-а, создающий эффект гравюры: http://blog.spoongraphics.co.uk/freebies/free-engraved-illustration-effect-action-for-photoshop

[107] Три десятка кистей для фотошопа с акварельными мазками и пятнами: http://www.youthedesigner.com/graphic-design-resources/30-free-watercolor-brush-sets/

[108] Набор контурных иконок, посвященных электронной коммерции: http://www.dreamstale.com/freebie-45-outline-e-commerce-icons/

[109] Набор одноцветных иконок социальных сетей Picons: http://webuilddesign.com/picons-social-icon-set-free-download/

[110] Набор монохромных векторных иконок, посвященных дню Святого Валентина: http://www.webdesignfact.com/2015/01/free-valentines-day-icons-from-freekpik.html

[111] Три десятка наборов с векторными иконками: монохромными, контурными, с плоским дизайном: http://spyrestudios.com/30-brand-new-vector-iconsets/

[112] Четыре с половиной десятка ретро и винтажных шрифтов: от заголовочного Streetwear до декоративного Trocadero: http://www.vandelaydesign.com/free-vintage-and-retro-fonts/

[113] Wild Spaces: http://wegraphics.net/downloads/wild-spaces-wilderness-font-face/?r=1820&i=b4

[114] Рейтинг языков программирования по популярности на GitHub и Stack Overflow: http://ain.ua/2015/01/16/558993

[115] Facebook открыл модули машинного обучения, использующие GPU для ускорения: http://www.opennet.ru/opennews/art.shtml?num=41479

[116] Сайт и приложение Facebook at Work начинают работу: http://www.searchengines.ru/news/archives/sayt_i_prilozhe.html

[117] Samsung наняла на должность руководителя отдела дизайна ученика Джонни Айва: http://itc.ua/news/samsung-nanyala-dolzhnost-rukovoditelya-otdela-dizayna-uchenika-dzhonni-ayva/

[118] Windows 7 готовят к отставке: http://www.computerra.ru/113250/windows-7-end-of-support/

[119] Элон Маск построит испытательный полигон для гиперпетли: http://naked-science.ru/article/media/elon-mask-postroit-trek-dlya-u

[120] Spiral 2 — первая коммерческая модель Project Ara: http://4pda.ru/2015/01/15/196671/

[121] СМИ: В Google Translate появятся синхронный перевод речи и дополненная реальность: http://tjournal.ru/paper/google-translate-sync

[122] YotaDevices работает над планшетом с двумя экранами: http://droider.ru/post/yotadevices-rabotaet-nad-planshetom-s-dvumya-ekranami-15-01-2015/

[123] В Google Translate появились функции синхронного перевода и распознавания текста на фотографиях: http://ain.ua/2015/01/15/558826

[124] Как дополнительная секунда повлияет на интернет и системы навигации: http://www.computerra.ru/113322/leap-second-consequences/

[125] Элон Маск инвестировал $10 млн в исследования по безопасности искусственного интеллекта: http://siliconrus.com/2015/01/musk-fights-ai/

[126] Google закрывает программу Glass Explorer, а Google Glass могут стать коммерческим продуктом: http://gagadget.com/koncepty/16242-google-zakryivaet-programmu-glass-explorer-a-google-glass-mogut-stat-kommercheskim-produktom/

[127] Бывший сотрудник Google: Множество разработчиков покинут компанию после получения премий в 2015 году: http://siliconrus.com/2015/01/leave-google/

[128] История Элона Маска и его компаний: От близости к банкротству до колонизации Марса: http://siliconrus.com/2015/01/musk-bio/

[129] Элон Маск рассказал о создании космического интернета по модели «Чебурашки» за $10 млрд: http://tjournal.ru/paper/musk-space-internet

[130] Могут ли два аспиранта свергнуть Google — обсуждение на Quora: http://siliconrus.com/2015/01/how-to-beat-google/

[131] Дайджест IT приколов 2014 года: http://dou.ua/lenta/digests/funny-meta-digest-2014/

[132] Лучшее на Medium: Как я попал в YCombinator и разочаровался в стартаперстве: http://siliconrus.com/2015/01/y-combinator-fail/

[133] Как работает GPS: http://keddr.com/2015/01/kak-rabotaet-gps/

[134] Каким телефон будущего видели в 1981 году: http://geektimes.ru/post/244448/

[135] Как 3D-проекции нарушают законы физики: http://www.lookatme.ru/mag/how-to/inspiration-howitworks/210937-mapping

[136] Во имя прогресса. Какими научными событиями запомнился 2014 год: http://gagadget.com/16240-vo-imya-progressa-kakimi-nauchnyimi-sobyitiyami-zapomnilsya-2014-god/

[137] 5 курьезных фактов из истории легендарных компьютерных игр: http://ain.ua/2015/01/16/559009

[138] 9 фильмов о геймерах, гиках и хакерах для геймеров, гиков и хакеров: http://ain.ua/2015/01/17/559026

[139] 20 событий 2014 года: http://geektimes.ru/post/244420/

[140] gorescript: http://timeinvariant.github.io/gorescript/play/

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

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

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

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

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