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

---

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

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

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

[1] Десять типичных вопросов на собеседованиях на знание HTML: http://habrahabr.ru/post/244929/

[2] Выйти за грань браузера: http://habrahabr.ru/post/245007/

[3] Быстрая настройка Grunt для комфортной разработки: http://habrahabr.ru/company/bitcalm/blog/244725/

[4] Пересмотренное руководство по Grunt для начинающих: http://habrahabr.ru/post/244721/

[5] Видеозапись встречи Web Standards Days: https://www.youtube.com/watch?v=t8Td3Oq47yE

[6] Программа встречи, докладчики и темы: http://webstandardsdays.ru/2014/12/06/#schedule

[7] Создатель QEMU и FFmpeg предложил новый формат изображений BPG: http://www.opennet.ru/opennews/art.shtml?num=41198

[8] BPG Image format: http://bellard.org/bpg/

[9] Карманное руководство по написанию SVG. Глава 6: http://css-live.ru/articles/karmannoe-rukovodstvo-po-napisaniyu-svg-glava-6.html

[10] Онлайн курсы для изучения программирования: http://www.dejurka.ru/articless/online-couerses-for-learn-code/

[11] ZURB выпускает Foundation для приложений: http://zurb.com/article/1362/foundation-for-apps-is-here

[12] Термины определенные в рекомендациях W3C HTML5: https://specs.webplatform.org/html-aria/webspecs/master/examples/html5definitions.html

[13] Основы разработки под мобильные устройства: http://updates.html5rocks.com/2014/12/fundamental-of-web-dev

[14] Тысяча страниц наиболее популярных веб-сайтов весит в среднем 1795 Кб: http://www.webperformancetoday.com/2014/12/02/page-bloat-update-average-top-1000-web-page-1795-kb-size/

[15] Как освоить бюджет, выделенный на производительный сайт: http://danielmall.com/articles/how-to-make-a-performance-budget/

[16] Что будет дальше с проектом X-Tag: http://webcomponents.org/articles/interview-with-daniel-buchner/

[17] Использование видео и шаблонов писем вместе: http://wistia.com/content/using-video-in-email

[18] Улучшение возможностей интерфейса для пользователя используя Web Speech API: http://www.smashingmagazine.com/2014/12/05/enhancing-ux-with-the-web-speech-api/

[19] Генерация динамического персонализированного видео из HTML5 анимации при помощи PhantomJS и FFmpeg: http://www.tweetbeam.com/blog/generating-facebook-lookback-style-dynamic-videos-html5-using-phantomjs-ffmpeg/

[20] Простое мобильное приложение с помощью React и Cordova: http://coenraets.org/blog/2014/12/sample-mobile-application-with-react-and-cordova/

[21] Взгляд на HTML6 – что это такое и что он может нам предложить: http://www.script-tutorials.com/a-look-into-html6-what-is-it-and-what-it-has-to-offer/

[22] Еще одно введение в Grunt, теперь в виде скринкаст-видео : http://www.sitepoint.com/introduction-grunt/

[23] Длинные описания для изображений (в контексте вопросов о доступности контента) : http://www.4syllables.com.au/2014/10/long-descriptions/

[24] 10 относительно свежих фронтенд фреймворков, на которые стоит обратить внимание: http://speckyboy.com/2014/12/04/10-new-frontend-web-frameworks-worth-considering/

[25] На http://htmlacademy.ru вышел новый курс «Знакомство с LESS».: http://htmlacademy.ru/courses/85

[26] Оптимизируем производительность веб-страницы: CSS: http://habrahabr.ru/post/244815/

[27] Can I Use для шрифтов: http://stateofwebtype.com/beta/

[28] Автоматизация регрессионного тестирования CSS : http://css-tricks.com/automating-css-regression-testing/

[29] Разбираемся с тем, как лучше использовать CSS-статистику : http://webdesign.tutsplus.com/tutorials/understanding-css-stats-how-to-make-the-most-of-the-numbers--cms-22756

[30] Создание миксина линейного градиента в Sass : http://www.sitepoint.com/building-linear-gradient-mixin-sass/

[31] Нативный Modernizr для браузера: используем @supports в CSS : http://demosthenes.info/blog/964/A-Browser-Native-Modernizr-Using-@supports-in-CSS

[32] CSS анимация для начинающих: http://robots.thoughtbot.com/css-animation-for-beginners

[33] CSS спрайты с Sass и Compass: http://www.sitepoint.com/css-sprites-sass-compass/

[34] Обрезка и маскирование в CSS: http://css-tricks.com/clipping-masking-css/

[35] CSS Stats: http://cssstats.com/

[36] 61 CSS форма, готовая к применению: http://www.bypeople.com/css-form/

[37] Забавный тред на реддите: CSS-каламбуры : http://www.reddit.com/r/web_design/comments/2nxdb8/css_puns_can_you_come_up_with_more/

[38] День рождения JavaScript: http://habrahabr.ru/company/mailru/blog/244949/

[39] Раскол nodejs: http://habrahabr.ru/post/245013/

[40] io.js — совместимый форк Node.js: http://web-standards.ru/news/940/

[41] Мысли вслух о разработке javascript-приложений на примере небольшого Line Of Business фреймворка: http://habrahabr.ru/company/eastbanctech/blog/244745/

[42] AngularJS – перевод курса от CoodSchool: http://habrahabr.ru/post/244925/

[43] Проблемы даты и времени в JS: http://habrahabr.ru/post/242459/

[44] Фреймворк AngularJS не для сайтов: http://css-live.ru/articles/frejmvork-angularjs-ne-dlya-sajtov.html

[45] Введение в pixi.js: http://frontender.info/introduction-to-pixijs/

[46] Состояние JavaScript в 2015, мнение Jimmy Breck-McKye: http://www.breck-mckye.com/blog/2014/12/the-state-of-javascript-in-2015/

[47] Введение в Service Worker: http://www.html5rocks.com/en/tutorials/service-worker/introduction/

[48] Анатомия простого шаблонизатора: http://jsforallof.us/2014/12/01/the-anatomy-of-a-simple-templating-engine/

[49] JavaScript модули в ES6: http://24ways.org/2014/javascript-modules-the-es6-way/

[50] Начинаем разбираться с автоматизацией в Yosemite с помощью JavaScript: http://www.macstories.net/tutorials/getting-started-with-javascript-for-automation-on-yosemite/

[51] Iterators gonna iterate: http://jakearchibald.com/2014/iterators-gonna-iterate/

[52] CSS vs JavaScript: разрушаем мифы : http://www.script-tutorials.com/css-vs-javascript-myths-fall-to-pieces/

[53] Десятка наиболее частых ошибок, которые совершают NodeJS разработчики: https://www.airpair.com/node.js/posts/top-10-mistakes-node-developers-make

[54] Управление состоянием на клиенте в AngularJS: http://www.sitepoint.com/managing-client-state-angularjs/

[55] 2 года с Angular. Вердикт: достаточно хорошо (на самом деле нет): http://www.fse.guru/2-years-with-angular

[56] Подготовка к будущему AngularJS: https://www.airpair.com/angularjs/posts/preparing-for-the-future-of-angularjs

[57] Избавление от боли при работе с Backbone при помощи Flux и React: http://dev.hubspot.com/blog/moving-backbone-to-flux-react

[58] Создание больших масштабируемых real-time приложений с помощью Meteor: https://www.youtube.com/watch?v=akWn_WD2cyA

[59] PhotoSwipe 4.0β: http://photoswipe.com/

[60] Tweeny: http://tweene.com/

[61] Material Design Preloader: https://github.com/aarondo/Material-Preloader

[62] Динамическая тень, зависящая от позиции и прозрачности элемента относительно источника света: http://pushingpixels.at/experiments/dynamic_shadow/

[63] Релиз Firefox 34: http://www.opennet.ru/opennews/art.shtml?num=41167

[64] Выход Firefox 35-beta и Firefox Developer Edition 36: http://www.opennet.ru/opennews/art.shtml?num=41204

[65] Firefox теряет рыночную долю: http://www.3dnews.ru/906012/?feed=

[66] Firefox выйдет для iOS: http://xakep.ru/firefox-ios/

[67] Браузер Opera 26 вышел с поддержкой Linux: http://www.opennet.ru/opennews/art.shtml?num=41180

[68] Сайты со взглядом «свысока»: http://www.dejurka.ru/web-design/high-view-websites/

[69] Сайты с прекрасной типографикой: http://sixrevisions.com/design-showcase-inspiration/web-typography-examples/

[70] Сайт-календарь, посвященный истории Рождества: http://mondaybeginsonsaturday.com/xmas/

[71] Лучшие сайты с отменной типографикой ноября 2014: http://www.typewolf.com/blog/best-typography-sites-of-november-2014

[72] DNA: http://jviewz.com/#/dna

[73] globalthinkers.foreignpolicy.com: http://globalthinkers.foreignpolicy.com/

[74] studiokraftwerk.com: http://studiokraftwerk.com/

[75] toga.com.au: http://www.toga.com.au/

[76] flavinsky.com/: http://flavinsky.com/home

[77] Кинематограф в веб-дизайне: http://www.dejurka.ru/web-design/movies-websites/

[78] Винтажный матовый эффект Photoshop: http://www.dejurka.ru/tutorial/vintage-matte-photo-effect/

[79] Дайджест продуктового дизайна, ноябрь 2014: http://habrahabr.ru/company/mailru/blog/244859/

[80] Краткая история веб-дизайна: http://habrahabr.ru/company/web_payment_ru/blog/245153/

[81] Дизайнеры «Яндекс.Браузера» о том, как не мешать людям: http://www.lookatme.ru/mag/people/experience/209919-ya

[82] Дизайнеры развлекаются: 10 забавных проектов: http://www.dejurka.ru/inspiration/funny-design-projects/

[83] Тренды веб-дизайна, которые будут преобладающими в 2015-м году: http://www.webdesignerpad.com/2014/12/web-design-trends-that-will-rock-in-2015.html

[84] Подробный дизайнерский гайд по DPI : http://sebastien-gabriel.com/designers-guide-to-dpi/

[85] Учимся изучая классный дизайн: Avis Car Hire: http://inspectelement.com/reviews/learn-from-great-design-avis-car-hire/

[86] Тренды в UI китайских мобильных приложений: http://dangrover.com/blog/2014/12/01/chinese-mobile-app-ui-trends.html

[87] Взрывы дизайна: сравнение дизайна приложений Google Maps и Apple Maps: https://medium.com/design-explosion/design-explosions-mapping-on-ios-ad4ec6ba5c59

[88] Азбука графического дизайна: словарь основных терминов: http://www.youthedesigner.com/graphic-design-resources/design-terms/

[89] Иллюстрированная история Mac OS X: http://www.git-tower.com/blog/history-of-osx/

[90] Веб-дизайны с классными фоновыми фотографиями ландшафта: http://line25.com/articles/showcase-of-web-designs-with-epic-landscape-photos

[91] Уроки по созданию дизайна постеров в Photoshop-е: http://www.youthedesigner.com/graphic-design-resources/adobe-tutorials/32-brilliant-poster-design-tutorials-in-photoshop/

[92] Небольшой совет: как использовать библиотеки Adobe Creative Cloud: http://design.tutsplus.com/tutorials/quick-tip-how-to-use-adobe-creative-cloud-libraries--cms-22742

[93] Эволюция идеи о лого для io.js: https://github.com/iojs/io.js/issues/37

[94] Разбор дизайна типографики в фильме «Чужой»: http://typesetinthefuture.com/alien/

[95] uxbullshit.com: http://uxbullshit.com/

[96] Бесплатные вязаные текстуры для теплого дизайна: http://www.dejurka.ru/graphics/free-knitting-textures/

[97] Бесплатные зимние иконки: http://www.dejurka.ru/graphics/free-winter-icons/

[98] Коллекция упаковок с текстурами: http://www.noupe.com/essentials/freebies-tools-templates/27-free-texture-packs-for-your-next-design-project-85942.html

[99] Стоковые фото винтажных фотоаппаратов: http://designinstruct.com/free-resources/stock-photos/freebie-vintage-camera-stock-photos/

[100] Мокапы для презентации дизайна в браузере: http://www.fusionplate.com/3637/20-free-browser-web-presentation-psd-mockups/

[101] Мокапы для демонстрации дизайна постеров/флайеров: http://www.fusionplate.com/3601/free-psd-poster-flyer-mockups/

[102] Наборы UI этой недели: http://www.webdesignfreebies.net/ui-kits/free-ui-kits-of-the-week-3/

[103] Набор с UI элементами Snow Flakes в формате PSD: http://www.fusionplate.com/3626/snow-flakes-free-ui-kit-psd-freebie-9/

[104] Векторные рождественские открытки: http://www.dreamstale.com/freebie-christmas-card-vectors/

[105] Набор из целой сотни рождественских иконок: http://www.webdesignfreebies.net/icons/100-free-merry-christmas-icons/

[106] PaymentFont: http://paymentfont.io/

[107] Коллекция из шести наборов иконок с плоским либо контурным дизайном: http://dotbuffer.com/free-collection-icons/

[108] Упаковка рождественских иконок с плоским дизайном: http://madefordesigners.com/25-christmas-flat-icons/

[109] Упаковка иконок с плоским дизайном KAMELEON TASTER: http://www.kameleon.pics/free-icons-pack.html

[110] Marske: https://www.behance.net/gallery/21677209/Marske-Free-Font

[111] Delicate: https://www.behance.net/gallery/21610837/Delicate-free-typeface

[112] Свежие шрифты на любой вкус: от строгого Smidswater до мягкого Hanken Round: http://www.designyourway.net/blog/resources/free-fonts-for-designers-only-the-best-of-the-last-few-months/

[113] Шрифты имитирующие надпись мелом на доске: от DK Crayon Crumble до FFF TUSJ: http://www.youthedesigner.com/graphic-design-resources/20-free-chalkboard-fonts/

[114] 757 цветных иконок в стиле Material Design в форматах PSD и SVG: http://www.iconshock.com/material-design-icons/

[115] Google анонсировал No-CAPTCHA — новую систему защиты от спамеров: http://geektimes.ru/post/242398/

[116] Космический корабль Orion успешно вышел на орбиту (и успешно вернулся на Землю): http://geektimes.ru/post/242514/

[117] В Берлине внедрят программу для предсказания преступлений: http://xakep.ru/berlin-precobs/

[118] Яндекс.Поиск по картинкам научился искать похожие изображения: http://www.searchengines.ru/news/archives/yandeks_poisk_p.html

[119] Изобретатель YotaPhone готовит механические часы с программируемым чипом NFC: http://itc.ua/news/izobretatel-yotaphone-gotovit-mehanicheskie-chasyi-s-programmiruemyim-chipom-nfc/

[120] Google не повышает в выдаче сайты с адаптивным дизайном: http://www.searchengines.ru/news/archives/google_ne_povysh.html

[121] Microsoft готовит к показу три новых смартфона под своим брендом: http://www.3dnews.ru/905899/

[122] Компания eBay запустила в США «умные магазины»: http://www.3dnews.ru/905955/

[123] В Японии состоялось официальное открытие энергоэффективного города будущего: http://www.3dnews.ru/905913/

[124] В Принстоне разработали биоэлектронную 3D-печать: http://www.computerra.ru/111272/bioelectrical-3d-printing/

[125] Крутые «рождественские» эксперименты этого года: http://christmasexperiments.com/

[126] Эксперименты с анимацией в интерфейсах: http://www.michaelvillar.com/motion

[127] Анимация типографики: http://codepen.io/yoksel/pen/XJbzrO

[128] Стив Возняк развеял миф о «рождении» Apple в гараже: http://4pda.ru/2014/12/05/189606/

[129] 10 бесплатных онлайн-курсов от Coursera, которые вы сможете пройти в декабре: http://lifehacker.ru/2014/11/30/10-kursov-ot-coursera-v-dekabre/

[130] Камера, фиксирующая 100 млрд кадров в секунду показала, как перемещается свет: http://itc.ua/blogs/kamera-fiksiruyushhaya-100-mlrd-kadrov-v-sekundu-pokazala-kak-peremeshhaetsya-svet/

[131] «Ваш смартфон мощнее»: Команда Philae о неожиданных открытиях на комете: http://www.lookatme.ru/mag/live/opinion/209843-rosetta-ama

[132] WhatsApp: История роста мессенджера без маркетинга: http://siliconrus.com/2014/12/whatsapp-growth/

[133] Руководителям азиатских IT-гигантов непросто искать преемников: http://www.3dnews.ru/905959/#5479d83ab4182ef8658b4567

[134] Самые доходные языки программирования: как заработать программисту: http://geektimes.ru/post/242456/

[135] ВИДЕО: 30-летняя история будущего: http://lifehacker.ru/2014/12/04/video-nicholas-negroponte/

[136] Стивен Хокинг: разработка ИИ может привести к гибели человечества: http://www.3dnews.ru/906178/

[137] Нейтральная Сеть: парадокс Википедии: http://www.computerra.ru/111448/wikipedia-paradox/

[138] The Game Awards 2014: номинанты, победители и видеозапись церемонии награждения: http://itc.ua/news/videozapis-tseremonii-nagrazhdeniya-pobediteli-game-awards-2014/

[139] Демонстрация работы голосового ассистента Cortana в Windows 10: http://4pda.ru/2014/12/07/189865/

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

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

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

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

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