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

---

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

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

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

[1] Пишем HTML5-игру за 20 минут, или введение в Phaser framework: http://habrahabr.ru/post/197416/

[2] Проект General Assembly запустил интерактивный курс для желающих овладеть CSS, JavaScript и HTML: http://habrahabr.ru/post/197712/

[3] Google Maps API: схема проезда, анимация и стилизация: http://habrahabr.ru/post/197448/

[4] Стали доступны видеозаписи докладов с yac2013 (секция frontend в 4м зале): http://tech.yandex.ru/events/yac/2013/#program

[5] Grunticon: http://frontender.info/grunticon/

[6] Retinafy everything: http://habrahabr.ru/company/svable/blog/198126/

[7] initial-scale=1 заставляет Safari iOS реагировать на изменения ориентации : http://www.quirksmode.org/blog/archives/2013/10/initialscale1_m.html

[8] Берем лучшее из двух миров: смешиваем HTML5 и нативный код: http://mobile.smashingmagazine.com/2013/10/17/best-of-both-worlds-mixing-html5-native-code/

[9] База знаний на тему адаптивного дизайна : http://www.ugurus.com/responsive-design

[10] dialog: http://www.developerdrive.com/2013/10/how-to-use-the-dialog-element/

[11] section: http://blog.paciellogroup.com/2013/10/using-html5-section-element/

[12] Управление размерами экрана в мобильных играх на HTML5: http://html5hub.com/screen-size-management-in-mobile-html5-games/#i.1fncqo613osetp

[13] Детально о сжатии текста для веб разработчиков : http://www.html5rocks.com/en/tutorials/speed/txt-compression/

[14] Подборка новых адаптивных фреймворков : http://speckyboy.com/2013/10/13/15-new-responsive-frameworks/

[15] Приоритет для видимого контента: http://www.feedthebot.com/pagespeed/prioritize-visible-content.html

[16] 14 брендов, которые повысили конвертацию благодаря адаптивному дизайну : http://econsultancy.com/ru/blog/63185-14-brands-that-increased-conversion-rates-via-responsive-design

[17] Ресурсы, посвященные Git/Github: http://bradfrostweb.com/blog/post/gitgithub-resources/

[18] Polymer: http://www.polymer-project.org/

[19] Список пожеланий на Рождество 2013 от веб-разработчика: http://www.webdeveloper2.com/2013/10/my-web-wishlist-for-christmas-2013/

[20] История создания File Uploader от разработчиков из mail.ru: http://coding.smashingmagazine.com/2013/10/11/we-wanted-to-build-a-file-uploader/

[21] ARIA examples: http://heydonworks.com/practical_aria_examples/

[22] «What is this thing and what does it do?»: http://dom.karlgroves-sandbox.com/slides/?full#Cover

[23] «Responsive Images: ain't we there yet?»: https://speakerdeck.com/marcoscaceres/responsive-images-aint-we-there-yet

[24] «Breaking the 1000 ms mobile barrier»: https://docs.google.com/a/ciklum.com/presentation/d/1wAxB5DPN-rcelwbGO6lCOus_S1rP24LMqA8m1eXEDRo/present#slide=id.p19

[25] FullPaged: jQuery плагин для создания одностраничных сайтов с анимацией UI: http://www.inserthtml.com/2013/10/single-page-website/

[26] Интервью с Bruce Lawson, евангелистом Opera: http://net.tutsplus.com/articles/35298/

[27] Рамки и границы: http://htmlbook.ru/blog/ramki-i-granicy

[28] Иконки из символов: http://htmlbook.ru/blog/ikonki-iz-simvolov

[29] Документация по MCSS: http://operatino.github.io/MCSS/

[30] Вопросы и задачки на тему CSS для собеседований: http://css-tricks.com/interview-questions-css/

[31] Shape.LESS: http://fahad19.github.io/shape.less/

[32] Более двух сотен иконок на чистом CSS : http://www.uiplayground.in/css3-icons/

[33] Анимация для иконки Download средствами CSS: http://www.paulund.co.uk/create-download-icon-css

[34] CSS Application Architecture: http://vimeo.com/74359951

[35] Layers CSS: http://eiskis.net/layers/

[36] Наклонные табы с помощью CSS 3D transforms : http://lea.verou.me/2013/10/slanted-tabs-with-css-3d-transforms/

[37] Как дизайнить textarea (под webkit): http://www.developerdrive.com/2013/10/how-to-customize-textareas/

[38] Одно-направленное задание margin-а: http://csswizardry.com/2012/06/single-direction-margin-declarations/

[39] Пример адаптивной веб-формы: http://codepen.io/chriscoyier/pen/DmnlJ

[40] Наглядная демонстрация работы box-shadow: http://codepen.io/bphillips201/details/JygKB

[41] Slideshowbob.css: http://ryanseddon.github.io/slideshowbob/

[42] Переключатель-checkbox: http://ethercycle.com/blog/index.php?entry=303

[43] Производительность фронтенда. Оптимизация шрифтов: http://habrahabr.ru/company/nordavind/blog/197370/

[44] Руководство по Node.js для начинающих: http://frontender.info/absolute-beginners-guide-to-nodejs/

[45] Node.js и новый фронтенд в вебе: http://habrahabr.ru/post/197358/

[46] Mozilla ввёл в строй сервис TogetherJS для совместной работы над контентом: http://www.opennet.ru/opennews/art.shtml?num=38185

[47] Представление TogetherJS: https://hacks.mozilla.org/2013/10/introducing-togetherjs/

[48] Несколько полезных приемов в AngularJS для начинающих: http://habrahabr.ru/post/197762/

[49] Шесть трюков при создании AJAX-нагруженных веб-сайтов: http://tech.pro/blog/1635/6-tips-for-creating-ajax-heavy-websites

[50] Тесты производительности JavaScript: http://tjrus.com/blog/javascript-performance-tests

[51] Кастомные элементы – разметка нового поколения: http://www.prevent-default.com/custom-elements-nextgen-markup-pt-3/

[52] simplePagination.js: http://flaviusmatis.github.io/simplePagination.js/

[53] Расширяем jQuery: UI Effects Framework: http://www.webdesignerdepot.com/2013/10/extending-jquery-the-ui-effects-framework/

[54] Odometer: http://github.hubspot.com/odometer/docs/welcome/

[55] slicknav: http://slicknav.com/

[56] Кнопки с визуализацией прогресса загрузки : http://zine.com/2013/10/buttons-built-in-progress-meters/

[57] Подборка плагинов и библиотек на jQuery для валидации форм: http://speckyboy.com/2013/10/16/form-validation-jquery-plugins-libraries/

[58] Простой Text Rotator на jQuery: http://www.thepetedesign.com/demos/jquery_super_simple_text_rotator_demo.html

[59] At.js: http://ichord.github.io/At.js/

[60] Formstone: http://www.benplum.com/formstone/

[61] JSON5: http://json5.org/

[62] JSONPlaceholder: http://jsonplaceholder.typicode.com/

[63] Создание сайта на MVC с помощью ExpressJS: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-complete-mvc-web-site-with-expressjs/

[64] Yeoman генератор для создания reveal.js слайд-шоу: https://github.com/nicdaCosta/generator-revealjs

[65] Трюки при работе с Grunt: часть первая: http://dontkry.com/posts/code/grunt-tricks.html

[66] Статьи и книги по популярным фреймворкам: http://resrc.io/list/18/javascript-frameworks/

[67] Google Chrome 31 Beta: http://my-chrome.ru/2013/10/google-chrome-31-beta/

[68] Слепым станет проще использовать Internet Explorer 11: http://news.softodrom.ru/ap/b18366.shtml

[69] Google Chrome перестанет поддерживать OS Windows XP в 2015 году: http://www.searchengines.ru/seoblog/google_chrome_ends_windows_XP.html

[70] Детальный анализ того, как браузеры изменяют размеры изображений: http://entropymine.com/resamplescope/notes/browsers/

[71] Internet Explorer 11 New Features and APIs: http://www.thewindowsclub.com/internet-explorer-11-new-features-api

[72] Internet Explorer 11: WebGL и прочее: https://www.scirra.com/blog/125/internet-explorer-11-webgl-and-more

[73] Превращаем смартфон или планшет под управлением Android в сервер: http://www.computerra.ru/85600/prevrashhaem-smartfon-ili-planshet-pod-upravleniem-android-v-server/

[74] Превью новых возможностей caniuse.com: http://a.deveria.com/2013/preview-the-new-caniuse-com-features/

[75] Gradient Background Maker: http://gradient.karmanov.ws/

[76] Generatedata: http://www.generatedata.com/

[77] Business Card Maker: http://bizcardmaker.com/#/theme/0

[78] Raw: http://raw.densitydesign.org/

[79] Fontcombiner: http://fontcombiner.com/

[80] swagger: https://developers.helloreverb.com/swagger/

[81] ghost: http://ghost.org/

[82] MS Windows 8.1 и Visual Studio 2013 доступны для скачивания: http://habrahabr.ru/company/microsoft/blog/197976/

[83] Windows 8.1 готова к завоеванию рынка: http://www.3dnews.ru/769997/

[84] Яндекс запустила: http://www.imena.ua/blog/yandex-cocaine

[85] Cocaine: http://api.yandex.ru/cocaine/

[86] Как Github и StackOverflow могут свергнуть LinkedIn и другие порталы для поиска ИТ специалистов: http://habrahabr.ru/post/198014/

[87] Microsoft выпускает приложение Remote Desktop для iOS и Android: http://habrahabr.ru/post/198022/

[88] Российский суд впервые дал срок пользователям торрентов: http://top.rbc.ru/economics/16/10/2013/882550.shtml

[89] Mail.ru Group исполнилось 15 лет со дня основания: http://corp.mail.ru/blog/s-dnem-rozhdeniya-mail-ru-group/

[90] «Яндекс» купил «КиноПоиск»: http://habrahabr.ru/post/197584/

[91] интерьвю Forbes: http://www.forbes.ru/tekhnologii/internet-i-svyaz/246213-start-s-lidiruyushchikh-pozitsii-zachem-yandeks-kupil-glavnyi-ki

[92] «Яндекс» запустит на базе «Кинопоиска» платформу подбора и просмотра фильмов : http://www.itar-tass.com/c16/917427.html

[93] В Twitter теперь можно публиковать твиты по расписанию: http://ain.ua/2013/10/15/498079

[94] Новые Условия использования Google вступят в силу 11 ноября: http://www.searchengines.ru/news/archives/novye_usloviya_usage-google.html

[95] Facebook покупает израильский мобильный стартап Onavo: http://www.searchengines.ru/news/archives/facebook_buys_onavo_mobile.html

[96] открывает офис в России: http://www.cossa.ru/news/244/52976/

[97] В США запустили сервис, позволяющий пересылать деньги по e-mail: http://ain.ua/2013/10/17/498486

[98] Samsung продемонстрировала взрывобезопасную гибкую батарею: http://www.3dnews.ru/769910/

[99] 17 примеров сайтов с параллакс-скроллингом: http://ruseller.com/lessons.php?rub=28&id=1889

[100] 10 лучших мировых авиалиний в 2013 году: http://www.dejurka.ru/web-design/airlines/

[101] Городской веб-дизайн : http://www.dejurka.ru/web-design/city-web-design/

[102] thisisnowexhibition.com: http://www.thisisnowexhibition.com/

[103] lunita.ca/: http://lunita.ca/

[104] waaac.co: http://waaac.co/

[105] А nytimes знает, как креативно подходить к верстке статьи : http://www.nytimes.com/newsgraphics/2013/10/13/russia/

[106] The Wes Anderson Collection: http://www.abramsbooks.com/wesandersoncollection/

[107] pakadlabezdomniaka.pl: http://pakadlabezdomniaka.pl/

[108] thepapers.fi: http://www.thepapers.fi/

[109] kurkawolna.pl: http://kurkawolna.pl/?pageId=pageGdzieKupic

[110] fillet.com.br: http://www.fillet.com.br/

[111] GRATULERER!: http://gjenfodt.no/intro/

[112] Built In The South: http://www.nine.is/

[113] open.bekk.no: http://open.bekk.no/

[114] fontwalk.de: http://www.fontwalk.de/

[115] 5 принципов убедительного дизайна: http://www.searchengines.ru/articles/5_printsipov_ub.html

[116] Лучшие примеры веб-дизайна : http://www.dejurka.ru/web-design/best-web-design-examples/

[117] Рисуем дождь в Adobe Photoshop : http://www.dejurka.ru/tutorial/rain-tutorial-photoshop/

[118] Рисуем Teddy Bear в Adobe Illustrator: http://www.dejurka.ru/tutorial/teddy-bear-in-adobe-illustrator/

[119] Популярные тренды в веб-дизайне для адаптивной навигации: http://blog.teamtreehouse.com/popular-web-design-trends-for-responsive-navigation

[120] Why UX is not 100% UI: http://inspiredm.com/ux-100-ui/

[121] UICloud: http://ui-cloud.com/

[122] Плоский дизайн и UI и веб-формы: http://alistapart.com/article/flat-ui-and-forms

[123] thereisnopagefold.com: http://thereisnopagefold.com/

[124] Name That Blue: http://namethatblue.com/

[125] Впечатляющие примеры вдохновляющей типографики: http://webdesignledger.com/inspiration/incredible-typography-inspiration

[126] Пять продвинутых техник в веб-дизайне для мобильных устройств, о которых вы, возможно, не знали: http://www.mobify.com/blog/5-advanced-mobile-web-design-techniques-style-com/

[127] Обмен анимационными идеями: http://jesseddy.com/blog/2013/10/communicating-animation-ideas/

[128] Три десятка креативных черно-белых логотипов: http://www.webdesignviews.com/2013/10/black-and-white-logo-designs/

[129] Интервью с иллюстратором Therese Larsson: http://psd.tutsplus.com/articles/interviews/interview-with-illustrator-therese-larsson/

[130] Полное руководство по корректирующим слоям в фотошопе – Gradient Map: http://psd.tutsplus.com/tutorials/tools-tips/the-ultimate-guide-to-adjustment-layers-gradient-map/

[131] Два десятка страниц «О Нас» с вдохновляющими иллюстрациями: http://www.multyshades.com/2013/10/20-about-us-pages-inspiring-illustrations/

[132] Тренд веб-дизайна: крупные заголовки: http://www.goodfav.com/big-typography-trend-18793.html

[133] Успешные редизайны корпоративных логотипов: http://enfuzed.com/9-corporate-logo-redesigns-that-work/

[134] Уроки по фотошопу начинающим: http://www.thinknearn.com/45-selective-photoshop-tutorials-beginners

[135] Шрифты, имитирующие результат работы печатной машинки: http://info.webtoolhub.com/kb-a286-42-free-typewriter-fonts-for-designers.aspx

[136] 15 источников бесплатных логотипов : http://www.dejurka.ru/articless/get-free-logotype/

[137] Подборка бесплатных Mock-Up-файлов: http://www.dejurka.ru/graphics/free-mock-up/

[138] Бесплатная коллекция карт всех стран, в 11ти размерах и svg: https://github.com/djaiss/mapsicon

[139] 66 New High Quality Free Fonts: http://www.instantshift.com/2013/10/16/new-high-quality-free-fonts/

[140] За подписку предлагается набор actions для фотошопа, создающих обложки и упаковки разных видов: http://www.webdesignerdepot.com/2013/10/free-download-100-psd-mock-ups/

[141] Flatic UserInterface Kit: http://m.elgendy.me/downloads/flatic-userinterface-kit/#.UmA7IhAg1co

[142] Четыре десятка наборов с социальными иконками: http://vandelaydesign.com/blog/social-media/icons/

[143] Наборы с плоскими иконками (PSD & PNG): http://ewebdesign.com/flat-design-icons/

[144] Коллекции кистей со стрелками для Photoshop: http://designbeep.com/2013/10/08/collection-free-arrow-brushes-photoshop/

[145] Наборы шаблонов с брэндингом и айдентикой с современным дизайном: http://designbeep.com/2013/10/11/23-free-brandingidentity-photoshop-mockup-templates-present-company-clients/

[146] Наборы UI компонентов в плоском и традиционном дизайнах: http://www.designerledger.com/free-ui-kits-for-designers/

[147] iOS 7 Alternate Color Kits: http://medialoot.com/item/ios-7-color-ui-kits/

[148] ios7 style ui kit: http://www.behance.net/gallery/ios7-style-ui-kit/11459737

[149] Двадцать макетов PSD с дизайнами интерфейсов приложений: http://line25.com/articles/20-free-psds-to-mockup-your-app-interface-designs

[150] Векторная упаковка, посвященная дню Всех Святых: http://www.designer-daily.com/freeby-halloween-vector-pack-40107

[151] Семь десятков шрифтов посвященных дню Всех Святых: http://thedesignblitz.com/free-halloween-fonts/

[152] Дюжина шаблонов флаеров посвященных дню Всех Святых: http://thedesignblitz.com/best-free-halloween-flyer-templates/

[153] Иконки, посвященные Дню Всех Святых: http://jpdesigntheory.com/freebie-friday-halloween-icons/

[154] Набор иконок с длинными тенями, посвщенный дню Всех Святых: http://tutorials-share.com/files-2/free-halloween-long-shadow-flat-icons-psd/

[155] Adore: http://dribbble.com/shots/1271305-Adore-FREE-icons-set

[156] Plethora 1984: http://onocreates.com/works/plethora.html

[157] Rose: http://www.behance.net/gallery/Rose-Free-Font/11350077

[158] Lousiane: http://www.behance.net/gallery/Lousiane-%28free-font%29/5469855

[159] Anson: http://mikkonuuttila.com/anson/

[160] Эмулятор x86 на JavaScript: http://habrahabr.ru/post/198192/

[161] Мяу на CSS3: http://liveweave.com/xLZkcH

[162] Анимируем чекбоксы и радиобатоны с помощью SVG : http://tympanus.net/Development/AnimatedCheckboxes/

[163] История эволюции маковской мышки с помощью CSS transitions: http://codepen.io/joshbader/details/fKjra?preview_height=600

[164] The Zoomquilt: http://zoomquilt.org/

[165] Generators Redux: https://www.shadertoy.com/view/lsXGWl

[166] Интерактивная книга на jQuery и HTML5: http://fliphtml5.com/

[167] TouchType: http://games.djordjeungar.com/touchtype

[168] Как Матрица арестовала Нео: http://www.novayagazeta.ru/columns/60432.html

[169] История «Silk Road» попадёт на большой экран: http://habrahabr.ru/post/197964/

[170] Создан первый в мире бионический человек: http://naked-science.ru/article/hi-tech/sozdan-pervyi-v-mire-bioniches

[171] Amaze: европейский проект 3D печати металлических деталей для аэрокосмической промышленности: http://habrahabr.ru/post/197832/

[172] Студия Артемия Лебедева начала продажи клавиатуры «Оптимус Популярис: http://habrahabr.ru/post/197858/

[173] Кто сменит меня, кто в атаку пойдет?: http://www.computerra.ru/cio/5607

[174] В США представят Бионического Человека : http://www.lookatme.ru/mag/industry/industry-news/197155-bionic-man

[175] ЕКА в течение 5 лет намерено совершить прорыв в технологии 3D-печати металлом: http://itc.ua/news/eka-v-techenie-5-let-namereno-sovershit-proryiv-v-tehnologii-3d-pechati-metallom/

[176] Do it HARD: выбираем процессор: http://keddr.com/2013/10/do-it-hard-vyibiraem-protsessor/

[177] Как живет Google: http://blognot.co/11328

[178] Amazon Hired: первые впечатления: http://dou.ua/forums/topic/8406/

[179] Дом, который построит Apple: http://www.siliconrus.com/2013/10/dom-kotoryiy-postroit-apple/

[180] Лучшие российские стартапы по версии Wired: http://www.siliconrus.com/2013/10/wired-hottest-startups/

[181] Виртуальная реальность: на пути к Шлему Ужаса: http://www.computerra.ru/85426/virtual-reality-and-helmet-of-horror/

[182] Кто и за что получил Нобелевскую премию 2013: http://www.lookatme.ru/mag/industry/industry-lists/197073-noble-prize

[183] 10 самых необычных теорий экономистов-нобелиатов: http://www.hopesandfears.com/hopesandfears/ideas/cloud/123023-nobelevskaya-premiya

[184] Что такое NFC метки и с чем их едят : http://keddr.com/2013/10/chto-takoe-nfc-metki-i-s-chem-ih-edyat-perevod/

[185] Работники IT-сферы в США жалеют и высмеивают обладателей WP-смартфонов: http://viennaos.net/windows-phone/4736-rabotniki-it-sfery-v-ssha-zhaleyut-i-vysmeivayut-obladateley-wp-smartfonov.html

[186] New York Comic Con 2013 в картинках: http://supercoolpics.com/2013/10/14/%D0%BD%D0%B0%D1%88%D0%B5%D1%81%D1%82%D0%B2%D0%B8%D0%B5-%D0%BC%D0%BE%D0%BD%D1%81%D1%82%D1%80%D0%BE%D0%B2-%D0%B8-%D1%81%D1%83%D0%BF%D0%B5%D1%80%D0%B3%D0%B5%D1%80%D0%BE%D0%B5%D0%B2-%D0%B2-%D0%BD%D1%8C/

[187] DRAGON CON 2013 в видео: http://www.youtube.com/watch?v=Rpj66oAYzrA

[188] зомби: http://supercoolpics.com/2013/10/14/%D0%B2%D1%81%D0%B5%D0%BC%D0%B8%D1%80%D0%BD%D1%8B%D0%B9-%D0%B4%D0%B5%D0%BD%D1%8C-%D0%B7%D0%BE%D0%BC%D0%B1%D0%B8-17-%D1%84%D0%BE%D1%82%D0%BE/

[189] Почему отпечатки пальцев не должны использоваться для безопасности : http://keddr.com/2013/10/pochemu-otpechatki-paltsev-ne-dolzhnyi-ispolzovatsya-dlya-bezopasnosti-perevod/

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

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

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

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

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