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

---

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

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

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

[1] Еще один подход к разработке: Offline First: http://habrahabr.ru/post/201004/

[2] Пишем single-page web application framework в 60 строках кода: http://habrahabr.ru/post/200720/

[3] Верстка писем и email рассылок. Немного магии Gmail: http://habrahabr.ru/post/193790/

[4] Новый тег <template>: введение стандарта шаблонизации на стороне клиента: http://frontender.info/template/

[5] Зачем нужен word-spacing: http://htmlbook.ru/blog/zachem-nuzhen-word-spacing

[6] Высокопроизводительная анимация в вебе: http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/

[7] Создание адаптивных шаблонов писем с помощью нового фреймворка от Zurb: Ink: http://zurb.com/ink/

[8] 15 бесплатных API, о которых вы, возможно, не слышали: http://www.webresourcesdepot.com/15-free-apis-you-didnt-hear-about-but-will-make-use-of/

[9] WebRTC в реальном мире : http://www.html5rocks.com/en/tutorials/webrtc/infrastructure/

[10] Обновленное значение элементов blockquote и cite : http://html5doctor.com/cite-and-blockquote-reloaded/

[11] Адаптивная трансформация табов : http://css-tricks.com/transformer-tabs/

[12] Что нового в Unicode 7.0? : http://babelstone.blogspot.co.uk/2013/10/whats-new-in-unicode-70.html

[13] Возможные способы организации вашей команды для повышения производительности сайта: http://blog.newrelic.com/2013/11/01/8-ways-organize-team-site-performance/

[14] In RWD We Trust – является ли это доверие уместным?: http://webdesignledger.com/trends-2/in-rwd-we-trust-is-this-trust-misplaced

[15] Начинаем разбираться с PhoneGap, часть 2: http://www.developerdrive.com/2013/11/getting-started-with-phonegap-part-2/

[16] Как добавить мультиязычность на сайт с помощью Canvas and WPML: http://wpml.org/documentation/theme-compatibility/build-multilingual-site-canvas/

[17] CODIO (beta): https://codio.com/

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

[19] Подсветка синтаксиса кода для писем в MailChimp : http://www.impressivewebs.com/syntax-highlighted-code-html-emails-mailchimp/

[20] Как использовать фоновое видео для создания нужного впечатления, часть 1: http://www.webdesignerdepot.com/2013/11/how-to-use-video-backgrounds-for-incredible-visual-impact-part-1/

[21] Создание HTML5 страницы с полноэкранным фоновым видео: http://demosthenes.info/blog/777/Create-Fullscreen-HTML5-Page-Background-Video

[22] Git Cheatsheet: http://www.ndpsoftware.com/git-cheatsheet.html

[23] Смотрим внимательнее на редактор Brackets: http://net.tutsplus.com/tutorials/tools-and-tips/deeper-in-the-brackets-editor/

[24] The Yeoman Monthly Digest #1: http://updates.html5rocks.com/2013/11/The-Yeoman-Monthly-Digest-1

[25] A developer's guide to rendering performance: https://speakerdeck.com/paullewis/a-developers-guide-to-rendering-performance

[26] How Can HTML Compete with Native?: http://www.slideshare.net/andreasc/how-can-html-compete-with-native

[27] Введение в Sass для начинающих: http://www.webdesignerdepot.com/2013/11/the-beginners-guide-to-sass/

[28] Тонирование изображений с помощью Multiple Backgrounds: http://css-tricks.com/tinted-images-multiple-backgrounds/

[29] Размеры в CSS, а также где и в каких случаях их нужно применять : http://demosthenes.info/blog/775/Which-CSS-Measurements-To-Use-When

[30] Редактирование CSS-препроцессоров в Google Chrome : http://www.hongkiat.com/blog/editing-css-preprocessor-chrome/

[31] Создание непрямоугольных лейаутов с помощью CSS Shapes : http://sarasoueidan.com/blog/css-shapes/index.html

[32] Убийственные отзывчивые лейауты с помощью CSS Regions : http://coding.smashingmagazine.com/2013/11/05/killer-responsive-layouts-with-css-regions/

[33] CSS препроцессоры и родительские селекторы : http://davidwalsh.name/stylus-parent-selectors

[34] A Look Into: CSS4 Image Set: http://www.hongkiat.com/blog/css-image-set/

[35] Техники для CSS-оверлея : http://tympanus.net/codrops/2013/11/07/css-overlay-techniques/

[36] Адаптивные изображения, сменяющиеся с помощью 3D-эффекта на чистом CSS: http://codepen.io/dudleystorey/details/HrFBx

[37] CSS Kit для стилизации расширений Chrome: http://code.compzets.com/css-kit-for-chrome-extensions/

[38] Отображаем доступные (accessibility) элементы с помощью CSS: http://davidwalsh.name/accessibility-elements

[39] CSS Stats: http://mrmrs.github.io/rprtr/#/

[40] RECESS: http://twitter.github.io/recess/

[41] Sticky footers, flexbox и IE10: http://thatemil.com/blog/2013/11/03/sticky-footers-flexbox-and-ie10/

[42] Google выпустил Octane 2.0, пакет для тестирования JavaScript-движков: http://www.opennet.ru/opennews/art.shtml?num=38367

[43] FileAPI — Набор JavaScript инструментов для работы с файлами. : http://habrahabr.ru/company/mailru/blog/201010/

[44] Все, что вам нужно знать про node.js : http://readwrite.com/2013/11/07/what-you-need-to-know-about-nodejs#awesm=~omEwVRB2J5AHKQ

[45] Введение в Ember.js : http://coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/

[46] Анимация SVG иконок с помощью Snap.svg : http://tympanus.net/codrops/2013/11/05/animated-svg-icons-with-snap-svg/

[47] Лучшие инструменты для генерации документации по JavaScript (обновлено в ноябре 2013): http://www.lsauer.com/2013/05/javascript-documentation-generator.html

[48] Простое создание классных графиков с анимацией с помощью Chart.js: http://www.webdesignerdepot.com/2013/11/easily-create-stunning-animated-charts-with-chart-js/

[49] Менее известные директивы Angular.js: http://codetunes.com/2013/little-known-angular-directives/

[50] Как написать собственный AngularJS, часть 1: Scopes и Digest: http://teropa.info/blog/2013/11/03/make-your-own-angular-part-1-scopes-and-digest.html

[51] Создание игры с эффектом Parallax Scrolling с помощью Pixi.js: http://flippinawesome.org/2013/11/04/building-a-parallax-scrolling-game-with-pixi-js/

[52] Интервью с легендой JavaScript: Kyle Simpson: http://tech.pro/blog/1674/an-interview-with-javascript-legend-kyle-simpson

[53] Фильтры, применяемые к изображением с использованием WebGL: http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl

[54] Ember Charts: http://addepar.github.io/#/ember-charts/overview

[55] charlie.js: https://github.com/sfioritto/charlie.js

[56] Slideme!: http://slideme.luigiferraresi.it/

[57] ferroMenu: http://www.alessandroferrini.it/lab/jQueryPlugins/ferroMenu/demos/demo1.html

[58] stickUp: http://lirancohen.github.io/stickUp/

[59] Slippry: http://slippry.com/

[60] Free Wall: http://vnjs.net/www/project/freewall/

[61] jQuery Watch Plugin: https://github.com/darcyclarke/jQuery-Watch-Plugin

[62] Pizza Pie Charts: http://zurb.com/playground/pizza-pie-charts

[63] Small.JS: http://tobyho.com/2013/10/20/smalljs/

[64] Creditcard.js: http://creditcardjs.com/

[65] Mozilla, OTOY и Autodesk объединили усилия в организации доступа к 3D-приложениям из браузера: http://www.opennet.ru/opennews/art.shtml?num=38346

[66] Подробнее о браузере в Android 4.4 KitKat: никаких WebGL, WebRTC и WebAudio внутри :(: http://www.mobilexweb.com/blog/android-4-4-kitkat-browser-chrome-webview

[67] Популярность Internet Explorer продолжает расти: http://viennaos.net/browsers/4774-populyarnost-internet-explorer-prodolzhaet-rasti.html

[68] Официальный релиз IE11 для Windows 7: http://habrahabr.ru/post/201312/

[69] Google прекращает поддержку браузера IE 9: http://habrahabr.ru/post/201174/

[70] Почему Microsoft Internet Explorer 11 — худшее, что могло случиться с нами: http://habrahabr.ru/post/201172/

[71] IE11: Compatibility List vs. X-UA-Compatible: http://habrahabr.ru/post/201358/

[72] от sitepoint zf6c.q4h : http://www.sitepoint.com/internet-explorer-11-review/

[73] Обзор IE11 для Windows 7 от Microsoft: http://blogs.msdn.com/b/ie/archive/2013/11/07/ie11-for-windows-7-globally-available-for-consumers-and-businesses.aspx

[74] Из Chrome будет удалена поддержка MathML: http://www.opennet.ru/opennews/art.shtml?num=38355

[75] С января 2014 года будет запрещена установка расширений не из Chrome Web Store: http://my-chrome.ru/2013/11/s-yanvarya-2014-goda-budet-zapreshhena-ustanovka-rasshirenij-ne-iz-chrome-web-store/

[76] Стали известны подробности о версии Firefox для Windows 8.1: http://www.3dnews.ru/776194/

[77] Начало бета-тестирования Firefox 26 и создание aurora-ветки Firefox 27: http://www.opennet.ru/opennews/art.shtml?num=38329

[78] Firefox 27 Aurora Dev Tools: http://news.softpedia.com/news/Firefox-27-Aurora-Dev-Tools-Add-HTML-Editing-and-a-Powerful-New-Code-Editor-398157.shtml

[79] Секретный код в Opera 19 Dev: http://my-chrome.ru/2013/11/sekretnyj-kod-v-opera-19-dev/

[80] typesetwith.me: http://typesetwith.me/

[81] typecast: http://typecast.com/fonts/google

[82] Daturi: http://daturi.me/

[83] Favicon Generator: http://realfavicongenerator.net/

[84] GlyphSearch: http://glyphsearch.com/

[85] Полезные инструменты для тестирования и создания прототипов либо сниппетов: http://codegeekz.com/useful-tools-for-testing-your-code-snippets/

[86] EasyOpenData (alpha): http://app.easyopendata.com/

[87] Valve поделилась новыми подробностями: http://itc.ua/news/valve-podelilas-novyimi-podrobnostyami-o-steam-machine-steam-controller-i-steamos/

[88] 11 фактов о Steam Machine: http://compulenta.computerra.ru/tehnika/gadgets/10009884/

[89] Соотношение сил на рынке мобильных операционных систем изменилось: http://www.lookatme.ru/mag/industry/industry-news/197645-strategy-analytics

[90] Facebook обновила дизайн кнопок «Мне нравится» и «Поделиться»: http://www.siliconrus.com/2013/11/novyie-layki/

[91] Twitter оценили в $14,2 млрд: http://ain.ua/2013/11/07/501177

[92] выросла на 73% относительно IPO.: http://www.rbc.ru/rbcfreenews/20131108013615.shtml

[93] Bing и Twitter продлили поисковое сотрудничество : http://www.searchengines.ru/news/archives/bing_i_twitter_search_deal.html

[94] Samsung удвоит разрешение экранов в смартфонах образца 2014 года: http://www.3dnews.ru/775925/

[95] Jelly Bean замечен на половине Android-девайсов: http://keddr.com/2013/11/jelly-bean-zamechen-na-polovine-android-devaysov/

[96] Крупнейшие производители ноутбуков показали спад: http://www.3dnews.ru/775632/

[97] В Microsoft Store насчитывается более 125 тысяч приложений для Windows 8.1: http://www.3dnews.ru/775943/

[98] 20 сайтов, которые хочется потрогать : http://www.dejurka.ru/web-design/web-sites-with-deth/

[99] Спец-страница theguardian.com:: http://www.theguardian.com/world/interactive/2013/nov/01/snowden-nsa-files-surveillance-revelations-decoded#section/2

[100] Более двух десятков сайтов с адаптивной навигацией: http://www.webdesignerdepot.com/2013/11/25-awesome-responsive-menu-solutions/

[101] Интересные тренды в веб-дизайне: вертикально разделенные лейауты: http://line25.com/articles/interesting-web-design-trend-vertical-split-layouts

[102] Использование прозрачности на сайтах: http://designmodo.com/transparency-website-design/

[103] kocha.com.au: http://www.kocha.com.au/

[104] ownerlistens.com: http://ownerlistens.com/

[105] knocktounlock.com: http://www.knocktounlock.com/

[106] fixate.it: http://fixate.it/

[107] intromusique.ca: http://intromusique.ca/

[108] Пять простых способов испортить логотип: http://spark.ru/startup/logo/blog/1087

[109] Лого известных брендов переделали в стиле блэк-метал: http://www.lookatme.ru/mag/inspiration/lifestyle/197723-black-metal-logos

[110] Примеры визиток фотографов : http://www.dejurka.ru/graphics/best-photography-business-card-examples/

[111] Открытое проектирование: опыт веб-дизайнера: http://www.dejurka.ru/articless/open-design/

[112] 20 примеров иллюстраций в веб-дизайне: http://www.dejurka.ru/web-design/illustration-websites/

[113] Tesla ломает представления об UX: http://uxmag.com/articles/tesla%E2%80%99s-groundbreaking-ux-an-interview-with-user-interface-manager-brennan-boblett

[114] Лучшие уроки по фотошопу за октябрь 2013: http://thedesignblitz.com/best-photoshop-tutorials-october-2013/

[115] Креативные и веселые страницы с ошибкой 404 для вдохновения: http://www.designerledger.com/404-error-pages/

[116] Вдохновляющие примеры сайтов использующих текстуры: http://www.designerledger.com/inspiring-websites-textures/

[117] Основные принципы теории цвета в веб-дизайне: http://www.pixel77.com/color-theory-web-design/

[118] We Love Icon Fonts: http://weloveiconfonts.com/

[119] Примеры плоского дизайн (сайты и ресурсы): http://vandelaydesign.com/blog/design/25-incredible-examples-of-flat-design/

[120] Интервью с иллюстратором Andreas Preis: http://psd.tutsplus.com/articles/interviews/andreas-preis-interview/

[121] Как создавать геометрический фон в Photoshop: http://psd.tutsplus.com/tutorials/designing-tutorials/geometric-background-effect/

[122] Десять вещей которые вы должны знать при работе с вектором в фотошопе: http://psd.tutsplus.com/tutorials/tools-tips/what-you-need-to-know-vectors-photoshop/

[123] Коллекция UI под iOS7: http://www.webdesignviews.com/2013/11/inspired-user-interfaces/

[124] Оптимизация процесса создания дизайан с помощью расширений Adobe Fireforks: http://fireworks.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/

[125] Блог Mobile Design Inspiration: http://inspirationmobile.tumblr.com/

[126] 20 бесплатных декоративных шрифтов : http://www.dejurka.ru/graphics/free-fonts-2/

[127] Полтора десятка наборов с GUI: http://www.bestpsdtohtml.com/15-free-and-awesome-gui-sets-for-your-web-and-app-projects/

[128] Исходники флайеров со смартфонами: http://www.redfoxmagazine.com/free-mobile-flyer-design-psd-file/

[129] Nice Things Icon Set — иконки в PNG и AI форматах: http://www.smashingmagazine.com/2013/11/03/freebie-nice-things-icon-set-png-ai-source/

[130] Коллекция креативных декоративных и заголовчных шрифтов: http://www.andysowards.com/blog/2013/a-collection-of-free-creative-display-fonts/

[131] PSD для показа вашего дизайна в различных окружениях (на мониторе, смартфоне, планшете и т.д.): http://webdesignledger.com/freebies/9-free-psds-for-showcasing-your-design-work

[132] Бесплатные иконки к Дню Всех Святых: http://webuikits.com/free-halloween-icons/

[133] Кисти для фотошопа с эффектом боке: http://www.designerledger.com/free-photoshop-bokeh-brushes/

[134] Декоративный шрифт с засечками Glamor: http://dribbble.com/shots/1290571-Glamor-Chic-Modern-Free-Type-Family

[135] Заголовочный декоративный шрифт TUA: http://www.behance.net/gallery/TUA-Type/4497179

[136] PSD с изображением Nexus 5: http://dribbble.com/shots/1291675-Nexus-5-Mockup-PSD

[137] Свежие наборы PSD с UI для веб и мобильных приложений (включая PSD для Twitter Bootstrap 3): http://ewebdesign.com/free-web-ui-kits/

[138] Исходник отпечатанного лого (PSD): http://www.graphicsfuel.com/2013/11/letterpress-logo-mockup-psd/

[139] Несколько цветочных фонов в высоком разрешении: http://www.graphicsfuel.com/2013/10/freebie-6-high-resolution-flower-backgrounds/

[140] Видеолекция про Биткоин: http://habrahabr.ru/post/200764/

[141] Биомехатроника: киберпротезы, дающие человеку сверхспособности: http://itc.ua/articles/biomehatronika-kiberprotezyi-dayushhie-cheloveku-sverhsposobnosti/

[142] Oculus Rift — испытания на людях: http://games.oper.ru/news/read.php?t=1051612889

[143] Графическая революция в облаках: http://www.computerra.ru/cio/5868

[144] 9 вещей, которые Microsoft делает лучше Apple: http://ain.ua/2013/11/06/500996

[145] Украинский Petcube собрал на Kickstarter рекордные $251 тыс.: http://ain.ua/2013/11/05/500745

[146] Facebook станет «кладбищем» через 50 лет: http://www.cossa.ru/news/244/54208/

[147] iPad Air — это по любви: http://www.siliconrus.com/2013/11/ipad-air-eto-po-lyubvi/

[148] iPad Air vs iPad 4: сравнение производительности: http://keddr.com/2013/11/ipad-air-vs-ipad-4-sravnenie-proizvoditelnosti/

[149] Android 2.3 для Google стала тем же, чем Windows XP для Microsoft: http://www.3dnews.ru/775792/

[150] Дешево и круто: студенты построили экзоскелет за $2 тысячи: http://slon.ru/fast/future/deshevo-i-kruto-studenty-postroili-ekzoskelet-za-2-tysyachi-1015934.xhtml

[151] Даже у работы в Google есть недостатки: http://www.siliconrus.com/2013/11/dazhe-u-rabotyi-v-google-est-nedostatki/

[152] Microsoft в Азии продвигает свои продукты при помощи аниме: http://www.siliconrus.com/2013/11/microsoft-hentai/

[153] Пользователям не нравятся обновлённые комментарии на YouTube: http://www.searchengines.ru/news/archives/polzovatelyam_ne_nraw_new_com.html

[154] iPad Air взорвался в австралийском магазине Vodafone: http://www.siliconrus.com/2013/11/ipad-exploding/

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

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

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

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

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