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

---

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

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

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

[1] GamepadAPI или джойстик в браузере: http://habrahabr.ru/post/242835/

[2] npm для простых смертных: http://habrahabr.ru/post/243335/

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

[4] Скриншоты редакторов кода разных разработчиков: https://github.com/shuvalov-anton/code-screenshots

[5] Свежий подкаст Frontflip. О том куда катится веб (о rx.js, react.js, meteor.js и многом другом) : http://frontflip.me/2014/11/09/shabanov-mindblow.html

[6] Microsoft на GitHub: http://microsoft.github.io/

[7] Сборник разнообразных ресурсов для создания стилевых гайдов: http://styleguides.maban.co.uk/

[8] Новые фишки в новом Foundation для приложений: http://webdesign.tutsplus.com/articles/introducing-zurbs-foundation-for-apps--cms-22540

[9] Как мы сделали наше мобильное приложение за две недели с помощью Ionic Framework: https://www.airport-parking-shop.co.uk/blog/built-app-2-weeks-using-ionic-framework/

[10] Клевые идеи для интерактивного Drag and Drop функционала в современных UI: http://tympanus.net/codrops/2014/11/11/drag-and-drop-interaction-ideas/

[11] Создание динамической страницы поиска на вашем Jekyll-блоге с помощью JavaScript : http://benhowdle.im/creating-a-dynamic-search-page-for-your-jekyll-blog.html

[12] Всего 18.7% сайтов по версии Alexa top 10.000 адаптированы под мобильные устройства : http://www.guypo.com/rwd-2014/

[13] HTML был создан не для приложений : https://medium.com/the-javascript-collection/html-wasnt-made-for-apps-59f870dfc075

[14] 5 устаревших элементов и атрибутов в HTML5 : http://www.sitepoint.com/5-obsolete-features-html5/

[15] Front-End Dev guidelines от TMW : http://tech.tmw.co.uk/code/TMW-frontend-guidelines/#section-css-preprocessors

[16] SVG NOW: https://github.com/davidderaedt/SVG-NOW

[17] Создание трехмерного анимированного мокапа: http://codyhouse.co/gem/3d-animated-mockup/

[18] Смерть Lorem Ipsum и Pixel Perfect контента: http://bradfrost.com/blog/link/the-death-of-lorem-ipsum-pixel-perfect-content/

[19] Возвращаемся к вопросу производительности CSS: селекторы, раздутые и тяжелые стили: http://frontender.info/css-performance-revisited-selectors-bloat-expensive-styles/

[20] Простой способ растянуть блок на всю высоту экрана, или CSS3 Viewport Units: http://habrahabr.ru/post/243161/

[21] Слайдшоу на CSS (Sass): http://habrahabr.ru/post/202844/

[22] Заметки о черновике CSS-свойства «alt»: http://css-live.ru/articles/zametki-o-chernovike-css-svojstva-alt.html

[23] Развлечения с CSS-счётчиками: http://css-live.ru/articles/razvlecheniya-s-css-schyotchikami.html

[24] Управляем адаптивной типографикой с помощью Sass: http://maketea.co.uk/2014/11/05/managing-responsive-typography-with-sass.html

[25] Пятнадцать нужных Sass mixin-ов: http://www.developerdrive.com/2014/11/15-essential-sass-mixins/

[26] Несколько штук в LESS, о которых вы, возможно, не знали : http://webdesign.tutsplus.com/tutorials/a-few-things-you-might-not-know-about-less--cms-22527

[27] Аватарки с CSS clip-path: http://css-tricks.com/sketchy-avatars-css-clip-path/

[28] material ui: http://material-ui.com/

[29] CSS Specificity Graph Generator: http://jonassebastianohlsson.com/specificity-graph/

[30] SVG анимация и CSS трансформация: сложная история любви: http://css-tricks.com/svg-animation-on-css-transforms/

[31] Simple Hint: http://catc.github.io/simple-hint/

[32] Min: http://mincss.com/index.html

[33] Адаптивные маски для CSS Shapes с помощью Mac Preview App : http://blogs.adobe.com/webplatform/2014/11/10/make-responsive-masks-for-css-shapes-using-mac-preview-app/

[34] Контроль формы с помощью CSS currentColor и псевдо-элементов : http://red-team-design.com/form-controls-currentcolor-pseudo-elements/

[35] 7 единиц измерения в CSS, о которых не все знают : http://webdesign.tutsplus.com/articles/7-css-units-you-might-not-know-about--cms-22573

[36] 12 вариантов эффектного появления кнопок шаринга : http://tutorialzine.com/2014/11/12-fun-sharing-button-effects/

[37] Пару слов про only-child в CSS : http://demosthenes.info/blog/954/Only-You-Using-only-child-in-CSS

[38] Модули: http://habrahabr.ru/post/243273/

[39] Проект: язык программирования: http://habrahabr.ru/post/243277/

[40] JavaScript и браузер: http://habrahabr.ru/post/243311/

[41] ECMAScript 6 Promises: http://habrahabr.ru/post/242767/

[42] interact.js: https://hacks.mozilla.org/2014/11/interact-js-for-drag-and-drop-resizing-and-multi-touch-gestures/

[43] Множители в Javascript анимации: http://jameschambers.co/writing/multipliers-in-javascript-animation/

[44] Удивительная fn.displayName: https://medium.com/@cramforce/on-the-awesomeness-of-fn-displayname-9511933a714a

[45] Почему Node.js может столкнуться с Open-Source расколом: http://readwrite.com/2014/11/12/node-js-joyent-possible-fork-schism

[46] Визуальное представление приложений на Angular: https://hacks.mozilla.org/2014/11/visually-representing-angular-applications/

[47] Как использовать HTML5 Full Screen API : http://www.onextrapixel.com/2014/11/13/how-to-implement-html5-full-screen-api/

[48] Нативная привязка данных в JavaScript: http://www.sellarafaeli.com/blog/native_javascript_data_binding

[49] vivus: http://maxwellito.github.io/vivus/

[50] purplecoat.js: http://ellekasai.github.io/purplecoat.js/

[51] imagejs: https://github.com/jklmnn/imagejs

[52] Espresso.js: https://github.com/techlayer/espresso.js

[53] particles.js: http://vincentgarreau.com/particles.js/

[54] MetricsGraphics.js: http://metricsgraphicsjs.org/

[55] Permit.js: http://technotarek.com/permit/permit.html

[56] Labelauty: http://fntneves.github.io/jquery-labelauty/

[57] Сказка «Колобок» на JavaScript : https://github.com/mistakster/kolobok/blob/master/kolobok.js

[58] typegenius: http://www.typegenius.com/

[59] Lipsum.pro BETA: https://lipsum.pro/

[60] Shoelace: http://shoelace.io/

[61] Бесплатный онлайновый векторный редактор: Method Draw: http://designinstruct.com/tool/free-online-vector-editor-method-draw/

[62] Raven: https://github.com/robotlolita/raven

[63] zbugs: http://www.zbugs.com/

[64] Илон Маск подтвердил планы по запуску 700 спутников связи на орбиту Земли: http://geektimes.ru/post/241310/

[65] Первый в истории контакт с кометой: посадка зонда Philae: http://geektimes.ru/post/241356/

[66] Microsoft запустила бета-версию Skype для браузеров: http://siliconrus.com/2014/11/skypeforweb-start/

[67] Капитализация Apple достигла рекордного значения: http://www.3dnews.ru/905228/

[68] Apple заказала производство до 40 млн часов Watch: http://www.3dnews.ru/905155/

[69] Xiaomi может разрушить планы ASUS на 2015 год: http://www.3dnews.ru/905180/

[70] Samsung видит будущее в искривлённых смартфонах: http://www.3dnews.ru/905157/

[71] Новые настройки Facebook позволят уменьшить количество новостей от определённого друга и просмотреть список «кумиров»: http://siliconrus.com/2014/11/fb-newsfeed-update/

[72] Новая версия Windows 10 Technical Preview: http://xakep.ru/win10-build-9879/

[73] Китай запустит квантовую сеть в 2016 году: http://itc.ua/blogs/kitay-zapustit-kvantovuyu-set-v-2016/

[74] Google арендует у NASA часть исторического аэродрома Моффетт с огромным ангаром «Ангар-1» на 60 лет: http://itc.ua/news/google-arenduet-u-nasa-chast-istoricheskogo-aerodroma-moffett-s-ogromnyim-angarom-angar-1-na-60-let/

[75] YouTube запускает музыкальный сервис Musiс Key: http://keddr.com/2014/11/youtube-zapuskaet-muzyikalnyiy-servis-musis-key/

[76] Facebook запустил рекомендательный сервис Places — аналог Foursquare: http://siliconrus.com/2014/11/facebook-places/

[77] В России создают «объективную» онлайн-энциклопедию вместо Википедии: http://geektimes.ru/post/241446/

[78] Microsoft запускает бесплатную версию Visual Studio для небольших команд: http://techcrunch.com/2014/11/12/microsoft-makes-visual-studio-free-for-small-teams/

[79] Firefox исполнилось 10 лет: http://xakep.ru/firefox-10-years/

[80] Первый выпуск Firefox Developer Edition: http://www.opennet.ru/opennews/art.shtml?num=41029

[81] Движок Mozilla Servo показывает феноменальную производительность: http://xakep.ru/mozilla-servo/

[82] Выпуск Firefox 33.1 с порцией новых возможностей. В Firefox ожидается поддержка Tor: http://www.opennet.ru/opennews/art.shtml?num=41030

[83] Многопроцессный режим в ночных сборках Firefox. Тесты производительности Asm.js и движка Servo: http://www.opennet.ru/opennews/art.shtml?num=41033

[84] ES6 генераторы работают в 22 раза быстрее в новом Firefox: https://wingolog.org/archives/2014/11/14/generators-in-firefox-now-twenty-two-times-faster

[85] Internet Explorer: Переход к живому Edge-режиму — следующий шаг к тому, чтобы веб просто работал: http://habrahabr.ru/company/microsoft/blog/243215/

[86] Представлен Fifth, минималистичный web-браузер с интерфейсом на основе FLTK: http://www.opennet.ru/opennews/art.shtml?num=41065

[87] В Mozilla запустили сайт для владельцев очков виртуальной реальности: http://geektimes.ru/post/241314/

[88] Примеры сайтов с интересной анимацией: http://www.designyourway.net/blog/inspiration/examples-of-websites-using-interesting-animations/

[89] Небольшое путешествие «вглубь» сайта: http://www.ohdeergames.com/

[90] kylereadsays.com: http://kylereadsays.com/

[91] Soundscape: http://defonic.com/

[92] nerisson.fr: http://www.nerisson.fr/#home

[93] monfa.red: http://monfa.red/

[94] thoughtspot.com: http://www.thoughtspot.com/

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

[96] theexperiment.io: http://www.theexperiment.io/

[97] 9 основных принципов отзывчивого веб-дизайна: http://habrahabr.ru/post/243247/

[98] Дизайн под носимые устройства: http://www.dejurka.ru/web-design/wearable-design/

[99] Неожиданный дизайн денежных банкнот: http://www.dejurka.ru/inspiration/money-redesign/

[100] Что общего между работой UX-дизайнера, спортсмена и врача: http://siliconrus.com/2014/11/ux-practice/

[101] Цифровые фантастические пейзажи от бельгийского иллюстратора: http://naked-science.ru/article/sci-fi/tsifrovye-fantasticheskie-peiz

[102] Радужный мозаичный бэкграунд в Adobe Illustrator: http://www.dejurka.ru/tutorial/%d1%80%d0%b0%d0%b4%d1%83%d0%b6%d0%bd%d1%8b%d0%b9-%d0%bc%d0%be%d0%b7%d0%b0%d0%b8%d1%87%d0%bd%d1%8b%d0%b9-%d0%b1%d1%8d%d0%ba%d0%b3%d1%80%d0%b0%d1%83%d0%bd%d0%b4-%d0%b2-adobe-illustrator/

[103] 14 важных изменений в логотипах, которые никто не заметил: http://www.lookatme.ru/mag/live/inspiration-lists/209231-redesigns

[104] 10 проблем отзывчивого дизайна и их решение: http://uxmag.com/articles/10-responsive-design-problems-and-fixes

[105] Интервью с иллюстратором Alex Tornberg: http://design.tutsplus.com/articles/to-the-point-an-interview-with-alex-tornberg--cms-22466

[106] Шесть простых правил для дизайна сайтов под мобильные устройства: http://www.webdesignerdepot.com/2014/11/6-simple-rules-for-designing-mobile-websites/

[107] Альтернативы использования выпадающих списков в формах: https://twitter.com/lukew/status/446299733355556864/photo/1

[108] Три десятка примеров вдохновляющих темных веб-дизайнов: http://sixrevisions.com/web_design/30-inspiring-dark-web-designs/

[109] Дизайн в деталях: приложение Square Order для iOS: http://blog.brianlovin.com/design-details-square-order-for-ios/

[110] The iOS Design Guidelines: http://iosdesign.ivomynttinen.com/

[111] IxD Checklist: http://ixdchecklist.com/

[112] Анализ UX окна настроек современных мобильных операционных систем: http://setentaydos.com/the-ux-of-mobile-settings/

[113] Как рисовать иконки осенних листьев, ягод, желудей и каштанов в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-create-autumn-leaves-berries-and-chestnut-icons-in-adobe-illustrator--cms-22567

[114] Как сделать объемную иконку карты в фотошопе : http://design.tutsplus.com/tutorials/how-to-create-a-map-icon-using-adobe-photoshop--cms-22452

[115] Создание рисунка фантастической ассоциации для футболки в Adobe Photoshop-е и Illustrator-е: http://design.tutsplus.com/tutorials/create-a-t-shirt-design-for-a-fantasy-association-in-adobe-photoshop-and-illustrator--cms-22469

[116] Эксперимент с цветом в Illustrator-е при создании иллюстрации абстрактной розы: http://design.tutsplus.com/tutorials/experiment-with-color-in-adobe-illustrator-to-create-an-abstract-rose-illustration--cms-22354

[117] О терминологии: типографике, шрифтах, шрифтовых семействах и буквах: http://www.fontbureau.com/blog/clear-definitions/

[118] Бесплатные ретро-стили для Photoshop: http://www.dejurka.ru/graphics/free-photoshop-retro-styles/

[119] Бесплатные шаблоны для баннеров и листовок: http://www.dejurka.ru/graphics/free-banners-and-flyers/

[120] Sketch to App Store: http://sketchtoappstore.com/

[121] Мокапы для демонстрации дизайна в iPhone 6 от Coolmockups: http://www.webdesignerdepot.com/2014/11/free-download-6-iphone-mockups-from-coolmockups/

[122] PSD шаблон сайта Криштиана Рональдо: http://www.orphicpixel.com/a-cristiano-ronaldo-website-free-psd-template/

[123] PSD: с UI для приложения новостей под iOS 8 : http://designm.ag/freebies/free-psd-ios8-social-news-app-ui/

[124] PSD исходники индикаторов прогресса: http://dzineblog.com/2014/11/26-progress-bar-interface-psds.html

[125] Большой набор с элементами UI в плоском дизайне от Creatticon: http://www.webdesignfreebies.net/ui-kits/free-ui-kit-from-creatticon/

[126] Сотня фотореалистичных высококачественных мокапов: http://speckyboy.com/2014/11/13/free-high-resolution-photorealistic-mockups/

[127] Векторный рождественский ценник-ярлычок: http://www.dreamstale.com/freebie-christmas-vector-price-tags/

[128] Три упаковки с векторными круглыми монохромными иконками от Tibor Brink: http://www.webdesignfreebies.net/icons/3-free-icon-packs-by-tibor-brink/

[129] Пять наборов с иконками с плоским и цветным дизайном: http://www.webdesignfreebies.net/icons/5-free-icons-sets-to-download-today-2/

[130] Векторный шаблон туристического логотипа: http://webdesignfm.com/2014/11/travel-logo-design-free-download/

[131] Более пяти сотен векторных иконок на тему эзотерики нарисованных вручную: http://gomedia.us/zine/downloads/free-vector-download-collection-youve-waiting/

[132] Иконочный набор иконок-рисунков нарисованых вручную (PNG, PSD, SVG): http://www.smashingmagazine.com/2014/11/13/free-hand-drawn-doodle-icon-set-100-icons-png-psd-svg/

[133] Декоративный шрифт без засечек SKINNY BASTARD от MARCELO REIS MELO: http://freegoodiesfordesigners.blogspot.se/2014/10/free-font-skinny-bastard-by-marcelo.html

[134] MANIFESTO: https://www.behance.net/gallery/21065399/Vector-free-font-MANIFESTO

[135] Коллекция шрифтов без засечек этой недели: от FINS до LEAGUE SPARTAN: http://www.webdesignfreebies.net/fonts/weekly-collection-of-free-fonts-2/

[136] Бегущий человек (SVG): http://codepen.io/CyrilLevallois/pen/JbrfI

[137] Текст с эффектом северного сияния от yoksel: http://codepen.io/yoksel/pen/xbxOGO?editors=110

[138] Адаптивный svg с параллакс эффектом : http://codepen.io/betravis/pen/yyLYYd

[139] Top 10 Codepens of the Week: http://scotch.io/bar-talk/5255

[140] The Triangles: http://winkervsbecks.github.io/a-triangle-everyday/

[141] Motion Pixie: http://nicolasjaenen.be/live/Motion_Pixie/

[142] Google Glass: Почему разработчики и пользователи отвернулись от революционного продукта: http://siliconrus.com/2014/11/googleglass-gone-bad/

[143] Самым молодым специалистом Microsoft стал пятилетний британец: http://naked-science.ru/article/media/youngest-microsoft-briton

[144] 8 полезных хаков сервиса YouTube: http://xakep.ru/youtube-hacks/

[145] Космический флот Илона Маска: http://www.computerra.ru/110086/space-fleet-of-elon-musk/

[146] 14 экспериментов, которые и учат, и удивляют: http://www.lookatme.ru/mag/people/listings/209147-science-videos

[147] Star Trek или Star Wars?: http://gagadget.com/ili/15837-star-trek-ili-star-wars/

[148] 20 фактов, которые нельзя было предсказать 10 лет назад: http://gagadget.com/15800-20-faktov-kotoryie-nelzya-byilo-predskazat-10-let-nazad/

[149] В поисках теплого звука: нужно ли греть наушники?: http://www.3dnews.ru/904733/?full

[150] Звуки Wi-Fi можно услышать: http://naked-science.ru/article/media/zvuki-wi-fi-mozhno-uslyshat

[151] 15 IT-компаний, которые сменили бизнес-модель и теперь стоят миллиарды долларов: http://ain.ua/2014/11/16/550390

[152] Как мы запускали Instagram — история сооснователя Майка Кригера: http://siliconrus.com/2014/11/mike-krieger-instagram/

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

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

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

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

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