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

---

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

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

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

[1] Как сверстать веб-страницу. Часть 1: http://habrahabr.ru/post/202408/

[2] «Themeforest» как способ постоянного заработкаиз песочницы: http://habrahabr.ru/post/201362/

[3] Что появится в WordPress 3.8: http://oddstyle.ru/wordpress-2/novosti-wordpress/chto-poyavitsya-v-wordpress-3-8.html

[4] В Google показали сложный WebGL-мир для мобильного Chrome: http://habrahabr.ru/post/203072/

[5] Опыт Хоббита: возвращение средиземья к жизни : http://www.html5rocks.com/en/tutorials/casestudies/hobbit/

[6] Создание мультиплатформенной HTML5 игры — The Pond: https://hacks.mozilla.org/2013/11/the-pond-building-a-multi-platform-html5-game/

[7] Будущее видео в веб-дизайне : http://coding.smashingmagazine.com/2013/11/18/the-future-of-video-in-web-design/

[8] Асинхронные блоки с рекламой с помощью HTML Imports : http://www.stevesouders.com/blog/2013/11/16/async-ads-with-html-imports/

[9] О том, как к Techcrunch делали редизайн с адаптивностью : http://bradfrostweb.com/blog/post/techcrunch/

[10] Эффективная анимация с помощью requestAnimationFrame : http://blog.teamtreehouse.com/efficient-animations-with-requestanimationframe

[11] 5 мифов о производительности мобильного веба : http://vimeo.com/78573383

[12] Имплементация HTML5 Microdata и ее влияние на SEO: http://www.aljtmedia.com/blog/a-look-at-implementing-html5-microdata-and-its-affect-on-your-seo#.Uos6F-JNsbr

[13] Быстрое введение в Web Storage : http://tutorialzine.com/2013/11/a-quick-guide-to-web-storage/

[14] Техники для адаптивной типографики : http://tympanus.net/codrops/2013/11/19/techniques-for-responsive-typography/

[15] Почему адаптивные изображения — это так сложно: http://css-tricks.com/responsive-images-hard/

[16] ish. 2.0 — обновился популярный инструмент для отладки адаптивного дизайна : http://bradfrostweb.com/blog/post/ish-2-0/

[17] Релиз Foundation 5: http://www.webdesignerdepot.com/2013/11/foundation-5-available-now/

[18] Адаптивный дизайн не исправит проблем с контентом: http://alistapart.com/column/responsive-design-wont-fix-your-content-problem

[19] Инструменты для отладки и профилирования WebGL: http://www.realtimerendering.com/blog/webgl-debugging-and-profiling-tools/

[20] Web Components: почему вы уже эксперты в этом: http://markdalgleish.com/2013/11/web-components-why-youre-already-an-expert/

[21] Положение вещей с реализацией в браузерах Nearest-neighbor интерполяции в canvas: http://html5hub.com/state-of-nearest-neighbor-interpolation-in-canvas/#i.f46ocdnpmep3v9

[22] Лучшие библиотеки и фреймворки для визуализации данных: http://codegeekz.com/30-best-tools-for-data-visualization/

[23] Что же все-таки это такое… задержка в 300ms: http://www.icenium.com/blog/icenium-team-blog/2013/11/21/what-exactly-is.....-the-300ms-click-delay

[24] Responsive Images Techniques & Beyond: http://yoavweiss.github.io/velocity-eu-13-presentation/#/

[25] What's new in web standards? : http://lanyrd.com/2013/lwsw3trends/scrzcf/

[26] Polymer — declarative, encapsulated, reusable components: http://html5-demos.appspot.com/static/cds2013/index.html#1

[27] Making WebRTC Awesome, CascadiaJS 2013: https://speakerdeck.com/henrikjoreteg/making-webrtc-awesome-cascadiajs-2013

[28] High Perfomance Browser Networking: https://docs.google.com/presentation/d/1f2J_HrzMNvVHhsB3f7DKJFPl2N0Q_QR2ZEECWQu6oV8/present#slide=id.p19

[29] CSS и золотое сечение : http://dvncan.com/2013/10/28/css-and-the-golden-ratio.html

[30] Обрезаем вендорные префиксы : http://www.456bereastreet.com/archive/201311/cutting_down_on_vendor_prefixes/

[31] Scut — новая утилитная библиотека для Sass : http://css-tricks.com/introducing-scut-new-sass-utility-library/

[32] Используем CSS не только для стилизации: http://yahooeng.tumblr.com/post/67579656567/using-css-for-more-than-styling

[33] Анимация перехода из “display: block” в “display: none” : http://www.impressivewebs.com/animate-display-block-none/

[34] Укрощение таблиц с данными: http://csswizardry.com/2013/11/taming-data-tables/

[35] Использование LESS для создания формы регистрации: http://designmodo.com/flat-ui-tutorial-less-sign-in-form/

[36] Как использовать фильтры в CSS: http://www.developerdrive.com/2013/11/how-to-use-css-filters/

[37] Кросс-браузерные фильтры c помощью CSS и SVG: http://www.broken-links.com/2013/11/20/cross-browser-filters-css-svg/

[38] Подпрыгивающий мяч на CSS3: http://www.liveweave.com/29nN5R

[39] Анимированный кролик: http://codepen.io/katydecorah/pen/uIEFy

[40] Пианино в 24 строки на Javascript: если играть, то музыку: http://habrahabr.ru/post/202646/

[41] Крошечный арканоид: http://habrahabr.ru/post/202530/

[42] Гоночка: http://habrahabr.ru/post/202556/

[43] Крошечная змейка: http://habrahabr.ru/post/202476/

[44] Pong: http://habrahabr.ru/post/202578/

[45] Roguelike/RPG: http://habrahabr.ru/post/202684/

[46] Тетрис в 36 строк кода: http://jsfiddle.net/ova777/kFxja/

[47] 20 и 1 примочка Javascript, которые я никак не могу запомнить: http://habrahabr.ru/post/202686/

[48] WidLib – декларативный js-фреймворк для построения виджетов: http://habrahabr.ru/post/202484/

[49] Реализация Asteroids на javascript: http://habrahabr.ru/post/202888/

[50] Шаблоны проектирования JavaScript: http://www.xiper.net/learn/javascript/shablony-proyektirovaniya/part-3.html

[51] Автоматизируйте вашу JS-разработку с помощью Grunt: http://www.gayadesign.com/front-end/javascript-development-workflow-using-grunt/

[52] Игра с нулем строчек JavaScript кода: http://codepen.io/i0z/pen/mFLCw

[53] Введение в Full-Stack JavaScript : http://coding.smashingmagazine.com/2013/11/21/introduction-to-full-stack-javascript/

[54] Пять продвинутых техник отладки JS, о которых вы должны знать: http://techblog.badoo.com/blog/2013/11/18/5-advanced-javascript-and-web-debugging-techniques-you-should-know-about/

[55] Простое документирование JavaScript с помощью YUIDocs и Grunt.js: http://tech.pro/tutorial/1729/easy-javascript-documentation-with-yuidocs-and-gruntjs

[56] Победители соревнования 2013 Node Knockout : http://nodeknockout.com/

[57] WebGL c Three.js: основы: http://net.tutsplus.com/tutorials/javascript-ajax/webgl-with-three-js-basics/

[58] Namespaced Events в jQuery: http://css-tricks.com/namespaced-events-jquery/

[59] apollo: https://github.com/toddmotto/apollo

[60] DynoSRC: http://www.dinosrc.it/#

[61] END DASH: http://www.enddash.com/#toc_2

[62] Jquery-spinner: http://xixilive.github.io/jquery-spinner/

[63] Validate.js: http://validatejs.org/

[64] tablecloth.js: http://tableclothjs.com/

[65] AutoFix_Anything.js: http://www.onextrapixel.com/2013/11/18/fix-any-div-container-into-view-port-with-autofix_anything-js/

[66] ResponsiveImagesCG / x-picture: https://github.com/ResponsiveImagesCG/x-picture

[67] jQuery HTML5 media player: http://ghinda.net/acornmediaplayer/

[68] Бета-тестирование нового Яндекс.Браузера: http://habrahabr.ru/company/yandex/blog/202542/

[69] Есть вероятность глюков в Chrome 31: селекторы вроде nth-last-child могут отрабатывать некорректно: http://habrahabr.ru/company/uprock/blog/202774/

[70] Релиз web-браузера Rekonq 2.4, развиваемого проектом KDE: http://www.opennet.ru/opennews/art.shtml?num=38450

[71] Яндекс.Браузер теперь доступен и для планшетов: http://www.youhtc.ru/2013/11/yandeks-brauzer-teper-dostupen-i-dlya-planshetov/

[72] Объявлено об интеграции в ночные сборки Firefox нового интерфейса Australis: http://www.opennet.ru/opennews/art.shtml?num=38460

[73] доля негативных отзывов об интерфейсе Australis составляет 84% : http://www.opennet.ru/opennews/art.shtml?num=38504

[74] В Opera 19 Dev добавили синхронизацию: http://my-chrome.ru/2013/11/opera-sync-oh-yeee/

[75] ZDI представили новую уязвимость в IE 11 на конкурсе Pwn2Own: http://www.3dnews.ru/779080/

[76] Chrome 32 Beta: Animated WebP images and faster Chrome for Android touch input: http://blog.chromium.org/2013/11/chrome-32-beta-animated-webp-images-and.html

[77] Значения User-Agent для Internet Explorer 11 : http://blogs.msdn.com/b/ieinternals/archive/2013/09/21/internet-explorer-11-user-agent-string-ua-string-sniffing-compatibility-with-gecko-webkit.aspx

[78] Mozilla UX Australis появляется в ночной сборке Firefox: https://blog.mozilla.org/ux/2013/11/australis-is-landing-in-firefox-nightly/

[79] Сервис для комментирования скриншотов сайтов: http://habrahabr.ru/post/202826/

[80] Файлы вложений Gmail можно будет сохранять напрямую в Google Drive: http://lifehacker.ru/2013/11/18/gmail-google-drive/

[81] BreakpointTester — неплохой букмарклет для работы с адаптивным дизайном и брейкпоинтами: http://breakpointtester.com/

[82] Flexy Boxes: http://the-echoplex.net/flexyboxes/

[83] HTML5 Time Tracker: http://unlayered.com/time/

[84] colourco.de: http://colourco.de/

[85] Mail.Ru запустилась в США под именем My.com: http://www.siliconrus.com/2013/11/mailru-zapuskaersya-v-amerike/

[86] WinAmp закрывается. Насовсем: http://www.siliconrus.com/2013/11/rip-winamp/

[87] AOL намерена продать Winamp компании Microsoft: http://itc.ua/news/aol-namerena-prodat-winamp-kompanii-microsoft/

[88] Microsoft выпустила программу 3D-печати для массовой аудитории: http://habrahabr.ru/post/202564/

[89] Встречаем дебетовую карту Google wallet: http://habrahabr.ru/post/202992/

[90] Компания Amazon выложила в интернет 20 терабайтов научных данных: http://www.computerra.ru/87929/amazon-web-services-for-big-data-of-nasa/

[91] Интерфейс PS4 создан на основе веб-технологии WebGL: http://www.3dnews.ru/779405/

[92] Очередные смартчасы: Qualcomm Toq: http://www.siliconrus.com/2013/11/ocherednyie-smartchasyi-qualcomm-toq/

[93] Марисса Майер: в начале 2014 года шифрование будет применяться в каждом сервисе Yahoo!: http://itc.ua/news/marissa-mayer-v-nachale-2014-goda-shifrovanie-budet-primenyatsya-v-kazhdom-servise-yahoo/

[94] Bing выпустил сувениры, подрывающие авторитет Google: http://www.searchengines.ru/news/archives/bing_vypustil_suveniars_google.html

[95] В Украине начали работать клубы Code Club по бесплатному обучению детей программированию: http://itc.ua/news/v-ukraine-nachali-rabotat-klubyi-code-club-po-besplatnomu-obucheniyu-detey-programmirovaniyu/

[96] Кевин Тернер сменит Балмера на посту генерального директора Microsoft: http://microsoftportal.net/microsoft/2865-kevin-terner-smenit-balmera-na-postu-generalnogo-direktora-microsoft.html

[97] Опубликована 42 редакция списка Top 500 суперкомпьютеров мира: http://itc.ua/news/opublikovana-42-redaktsiya-spiska-top-500-superkompyuterov-mira/

[98] 20 сайтов с эффектом параллакс : http://www.dejurka.ru/web-design/websites-parallax/

[99] kennedyandoswald.com: http://kennedyandoswald.com/#!/premiere-screen

[100] What's your McDonald's Moment?: http://www.mcdonalds.co.uk/ukhome/promotions/favourites.html#

[101] Интерактивная инфографика «100 лет рока»: http://www.concerthotels.com/100-years-of-rock

[102] usertify.com: http://usertify.com/

[103] cynicalppl: http://beta.cynicalppl.com/

[104] agst.co: http://www.agst.co/

[105] wearefictitious.com: http://wearefictitious.com/

[106] tekroc.com: http://tekroc.com/index.php

[107] 22 сайта с дизайном, вдохновленным природой: http://www.designerledger.com/website-designs-inspired-by-nature/

[108] Веб-дизайн и странности Страны восходящего солнца: http://www.siliconrus.com/2013/11/japan-web/

[109] Дизайнер Петер Яворовски о своей работе «Game on»: http://www.dejurka.ru/articless/peter-jarowski/

[110] Создаем эмоции мультяшных героев: http://www.dejurka.ru/tutorial/create-emotions-from-simple-changes-in-the-face/

[111] Рисуем тематический паттерн а Adobe Illustrator : http://www.dejurka.ru/tutorial/designer-pattern-illustrator/

[112] Шесть источников mockup-файлов: http://www.dejurka.ru/articless/free-mockup-websites/

[113] Все что вы хотели знать о редизайне сайта: http://www.instantshift.com/2013/11/22/what-to-know-about-website-redesign/

[114] Flat Design vs. Minimalism: http://speckyboy.com/2013/11/21/flat-design-vs-minimalism/

[115] What Screens Want: http://frankchimero.com/what-screens-want/

[116] Applied Discovery: Presentation from Build 2013: http://irondavy.quora.com/Applied-Discovery-Presentation-from-Build-2013

[117] Примеры дизайнов сайтов посвященных мобильным приложениям: http://webdesignledger.com/inspiration/13-beautiful-mobile-app-websites

[118] Полное руководство по работе с цветом в Photoshop – цветовые модели: http://psd.tutsplus.com/tutorials/tools-tips/comprehensive-guide-to-color-in-photoshop-color-modes/

[119] 10 кастомных сочетаний горячих клавиш, которые стоит использовать при работе в Photoshop: http://psd.tutsplus.com/tutorials/tools-tips/10-custom-keyboard-shortcuts-you-need-to-be-using-in-photoshop/

[120] Минималистические анимированные гифки — обложки для книг про Гарри Поттера: http://www.theorange.co/minimal-animated-gif-re-creations-of-harry-potter-book-book-covers/

[121] Анимированное руководство по созданию хороших вещей: http://volumes.madebyfieldwork.com/making/

[122] Концепт редизайна админ-части WordPress: http://www.behance.net/gallery/Wordpress-Admin-Theme-Redesign/11821749

[123] Color Template: http://www.rocket-design.fr/color-template/

[124] Daniel Mall о создании адаптивного дизайна для TechCrunch: http://danielmall.com/articles/techcrunch-responsive-redesign/

[125] Вдохновляющие примеры руководств по использованию стиля (branding guides): http://www.webdesignerdepot.com/2013/11/20-inspiring-branding-guides/

[126] Плоский дизайн это мимолетный тренд или нечто большее?: http://www.webdesignerdepot.com/2013/11/is-flat-design-a-passing-trend-or-something-more/

[127] Простое введение в процесс создания иконок в стиле iOS7: http://designmodo.com/guide-ios7-icons/

[128] Четыре основных правила юзабилити которые были получены в результате исследования движения глаз пользователей: http://www.webdesignerdepot.com/2013/11/4-essential-ux-rules-taught-by-eye-tracking-research/

[129] LogoThief: http://www.logothief.com/

[130] Креативные спортивные логотипы: http://www.designerledger.com/sports-logo-designs/

[131] 17 Fresh and Free Fonts for November 2013: http://www.splashnology.com/article/new-free-fonts/10476/

[132] Текстуры кирпичной стены: http://www.vectorpack.net/blog/free-brick-textures/

[133] Наборы творческих кистей, включая прически и мемы: http://www.webdesignerpad.com/2013/11/22-free-photoshop-brushes-to-make-your_22.html

[134] Векторный набор для создания инфографики: http://www.trentsalazar.com/resources/Infographic_1.html

[135] Наборы с векторными иллюстрациями и фонами: http://www.ozoneeleven.com/freebies/free-download-vectors/

[136] Плоские социальные иконки: http://www.behance.net/gallery/Flat-Free-Social-Icons/12066091

[137] Социальные иконки в виде капель: http://www.onextrapixel.com/2013/11/19/freebie-social-drops-icons/

[138] Набор иконок с тенью на 5 часов: http://www.webdesignerdepot.com/2013/11/free-download-5-oclock-shadows-icon-set/

[139] Четыре с половиной десятка свежих исходников UI, шрифтов и прочих ресурсов: http://www.webdesignerdepot.com/2013/11/45-freebies-you-have-to-try-this-month/

[140] Два десятка лучших ленточных шрифтов: http://www.webdesigntunes.com/freebies/20-best-free-ribbon-fonts/#.UpBsEOIg1co

[141] Два десятка свежих шрифтов: от Norwester до Franks: http://www.creativebeacon.com/20-awesome-free-fonts-november-2013/

[142] Два десятка заголовочных шрифтов: от Stiff Staff до Moonshiner: http://www.graphicsfuel.com/2013/11/20-free-fonts-for-heading-and-titles/

[143] Набор из полтора десятка шрифтов преимущественно без засечек: от Dense до Komodo: http://www.webdesignerhub.com/15-free-font-friday-november-2013/

[144] Кроссворд из утёкших паролей к продуктам Adobe: http://www.siliconrus.com/2013/11/adobe-crossword/

[145] Биржа убийств — правильное использование Bitcoinrecovery mode: http://habrahabr.ru/post/202654/

[146] Клиренс электромобилей Tesla увеличен обновлением прошивки: http://habrahabr.ru/post/202956/

[147] Instacode: http://instacod.es/

[148] Все вопросы к Яндексу. Фундаментальное интервью с Сергеем Петренко: http://seoprofy.ua/blog/intervyu/sergei-petrenko-yandex

[149] Наталья Касперская: «Все поменялось, это революция»: http://www.gazeta.ru/startup/2013/10/03_a_5680989.shtml

[150] Павел Дуров о прибыли с биржи: «Мы довольны, отрицать не буду»: http://www.cossa.ru/articles/152/55520/

[151] Стив Балмер рассказал о причине своего ухода с поста главы Microsoft: http://www.3dnews.ru/779253/

[152] Видеоигры не влияют на поведение детей, а ТВ – еще как: http://www.siliconrus.com/2013/11/games-are-safe/

[153] Сергей Галенкин написал книгу «Маркетинг игр» и бесплатно раздает электронную версию: http://ain.ua/2013/11/19/502614

[154] Это вам не футбол: Финал LoL собрал 32 млн зрителей: http://www.siliconrus.com/2013/11/lol-final/

[155] Путь геймера. Потерять здоровье или стать чемпионом: http://ria.ru/ocherki/20131121/978688008.html

[156] PlayStation 4: распаковка и первый запуск: http://kanobu.ru/articles/playstation-4-raspakovka-i-pervyij-zapusk-367537/

[157] Почти как Терминатор: самозаживляющийся смартфон LG: http://www.siliconrus.com/2013/11/lg-healing/

[158] HeadsUP — экран мобильника на лобовом стекле машины: http://www.siliconrus.com/2013/11/headsup-windshield-display/

[159] Крутая инфографика о возможностях Google Now: http://keddr.com/2013/11/krutaya-infografika-o-vozmozhnostyah-google-now/

[160] Robo Boogie: http://roboboogie.codeclub.org.uk/#dance/new

[161] Have Hairy Movember: http://haveahairymovember.com/

[162] Pencil.: http://www.fiftythree.com/pencil

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

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

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

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

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