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

---

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

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

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

[1] Создание 3D эффекта на примере простых объектов: http://www.dejurka.ru/css/3d-shading-with-box-shadows/

[2] Подробно о редизайне сайта в RWD и его оптимизации : http://danielmall.com/articles/now-with-responsive/

[3] Итак, имеем ли мы на данный момент кросс-браузерный формат аудио? : http://html5hub.com/so-do-we-have-a-cross-browser-audio-format-yet/#i.1fncqo613osetp

[4] httpflies: http://httpflies.com/

[5] practice.io: http://timevko.com/practice#

[6] Делаем HTML5 Text Editor с помощью FileSystem API: http://blog.teamtreehouse.com/building-an-html5-text-editor-with-the-filesystem-apis

[7] Используем SVG как альтернативуa Imagemaps: http://demosthenes.info/blog/696/Using-SVG-as-an-Alternative-To-Imagemaps

[8] Создание адаптивной карты с помощью SVG: http://demosthenes.info/blog/760/Create-A-Responsive-Imagemap-With-SVG

[9] Пять новых технологий от Mozilla, о которых вы возможно никогда не слышали: http://davidwalsh.name/mozilla-technologies

[10] 12 ошибок, о которых часто забывают в HTML5: http://www.instantshift.com/2013/10/11/common-html5-mistakes/

[11] W3C это ресторан: http://longtermlaziness.wordpress.com/2013/10/08/the-w3c-is-a-restaurant/

[12] Подкрепляем стероидами процесс HTML-разработки (Yeoman): http://www.marcofolio.net/webdesign/put_your_html_development_on_steroids_using_yeoman.html

[13] Создание веб-приложения с помощью Yeoman и Polymer: http://www.html5rocks.com/en/tutorials/webcomponents/yeoman/

[14] Веб-приложение, закрепленное на базовом экране Android-а, благодаря Chrome 31+: http://www.mobilexweb.com/blog/home-screen-web-apps-android-chrome-31

[15] Emmet: Encode/Decode Image to data:URL : http://docs.emmet.io/actions/base64/

[16] Облегчаем ваш адаптивный веб-дизайн с помощью RESS: http://mobile.smashingmagazine.com/2013/10/08/responsive-website-design-with-ress/

[17] Firefox Developer Tools и Firebug: https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

[18] О создании игры с дополненной реальностью при помощи WebRTC, JSARToolkit, ThreeJS и Box2D.js: https://hacks.mozilla.org/2013/10/an-ar-game-technical-overview/

[19] fullscreenmario: http://www.fullscreenmario.com/

[20] Анимируем URL для индикации изменений: http://www.youtube.com/watch?v=HUtvi3Osuoc&feature=youtu.be

[21] Video: Gone In 60fps: http://addyosmani.com/blog/making-a-site-jank-free/

[22] Сброс стилей в CSS: http://tanalin.com/blog/2013/10/css-unset/

[23] Сброс стилей с помощью ‘all: unset’ в Firefox 27: http://mcc.id.au/blog/2013/10/all-unset

[24] Доклад Ana-Maria Tudor с последнего CSSconf.eu: Maths-powered transforms for creating 3D shapes: http://www.youtube.com/watch?v=w9HeWBH_kvg

[25] Конические градиенты на CSS: http://css-tricks.com/conical-gradients-css/

[26] Автоматическая нумерация с помощью CSS Counter : http://www.hongkiat.com/blog/css-automatic-numbering/

[27] CSS luminance masking now available in Chrome Canary and Webkit Nightly: http://blogs.adobe.com/webplatform/2013/10/08/css-luminance-masking-now-available-in-chrome-canary-and-webkit-nightly/

[28] Анимированные Media Queries : http://css-tricks.com/animated-media-queries/

[29] Начинаем разбираться с Sass: http://chrisbowler.com/journal/sass

[30] Музей с техниками CSS Image Replacement: http://css-tricks.com/examples/ImageReplacement/

[31] Flexbox вовсе не медленный: http://updates.html5rocks.com/2013/10/Flexbox-layout-isn-t-slow

[32] Трансформирующиеся после клика иконки: http://codepen.io/bennettfeely/details/twbyA

[33] Коллекция календарей от Chris Coyier: http://codepen.io/collection/wvhHK

[34] Анимация поля для текста, расширяемого при фокусе: http://codepen.io/dremp/pen/oyaIC

[35] Печатающийся текст о тосте, летящем в космосе: http://codepen.io/lonekorean/pen/CLoaB

[36] Знакомимся с принципами работы CSS shapes и exclusions: http://www.developerdrive.com/2013/10/reshaping-the-web-with-css-shapes-exclusions/

[37] csste.st: http://csste.st/

[38] Почему JavaScript обречён? (на самом деле нет) : http://itmozg.ru/news/1163

[39] Дизайн кода: организация JavaScript: http://frontender.info/the-design-of-code-organizing-javascript/

[40] Создание системы частиц в 200 строчек JavaScript: http://frontender.info/build-a-javascript-particle-system/

[41] Оформление карт Google под себя: http://ruseller.com/lessons.php?rub=29&id=1885

[42] Оптимизация JavaScript и jQuery из-под HTML и CSS при разработке сайта из песочницы: http://habrahabr.ru/post/196580/

[43] Разбираемся с цветовым сравнением на JS : http://html5hub.com/exploring-color-matching-in-javascript/#i.ix7xprbqkd3yuy

[44] Thinking Inside The Box With Vanilla JavaScript: http://coding.smashingmagazine.com/2013/10/06/inside-the-box-with-vanilla-javascript/

[45] Пишите код для людей, или почему писать ~«a».indexOf(«b») плохо: http://blog.rodneyrehm.de/archives/26-Code-And-Cognitive-Load.html

[46] Marius Gundersen: сравнение двустороннего биндинга в AngularJS, EmberJS и KnockoutJS: http://www.youtube.com/watch?v=mVjpwia1YN4&feature=youtu.be

[47] JavaScript console API: http://www.2ality.com/2013/10/console-api.html

[48] Введение в ES6 часть 3: Destructuring: http://globaldev.co.uk/2013/10/es6-part-3/

[49] CloudPaint – ремейк MacPaint на JS: http://www.cloudpaint.com/client/

[50] Отрицательный индекс в массивах: http://h3manth.com/new/blog/2013/negative-array-index-in-javascript/

[51] Standard ECMA-404. JSON Data Interchange Format: http://www.ecma-international.org/publications/standards/Ecma-404.htm

[52] opentype.js: https://github.com/nodebox/opentype.js

[53] Понимание события DeviceOrientation при создании маленькой 3D игры с помощью babylon.js: http://blogs.msdn.com/b/eternalcoding/archive/2013/10/07/understanding-deviceorientation-events-by-creating-a-small-3d-game-with-babylon-js.aspx

[54] Node.js и front-end нового веба: http://www.nczonline.net/blog/2013/10/07/node-js-and-the-new-web-front-end/

[55] Node.js: улучшение производительности с помощью Socket.IO и doT: http://net.tutsplus.com/tutorials/javascript-ajax/node-js-better-performance-with-socket-io-and-dot/

[56] NodeOS: http://nodeos.github.io/

[57] Prerender: http://prerender.io/

[58] BubbleChart: http://jondavidjohn.github.io/bubblechart/

[59] Fixed-sticky: http://filamentgroup.github.io/fixed-sticky/demo.html

[60] jQuer.Pin: http://webpop.github.io/jquery.pin/

[61] juicebox: http://www.juicebox.net/

[62] fullPage.js: http://alvarotrigo.com/fullPage/#firstPage

[63] Scrolld.js: http://scrolldjs.com/

[64] Браузер Mozilla Firefox получил долгожданную оптимизацию кода: http://www.computerra.ru/84752/mozilla-firefox-memory-usage-optimization/

[65] В Firefox добавили флэш-плеер Shumway, написанный на HTML5: http://habrahabr.ru/post/196100/

[66] Выпуск web-браузера Chrome 30: http://www.opennet.ru/opennews/art.shtml?num=38047

[67] Яндекс.Браузеру исполнился год: http://www.searchengines.ru/seoblog/yandeks_brauzeru_i.html

[68] Internet Explorer 8 — самый популярный браузер в мире: http://news.softodrom.ru/ap/b18194.shtml

[69] StackEdit: http://benweet.github.io/stackedit/

[70] Частотный генератор фонового шума на HTML5: http://habrahabr.ru/post/196872/

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

[72] Альянс за доступный интернет во всем мире – новая инициатива IT компаний: http://naked-science.ru/article/media/08-10-2013-791

[73] Google и NASA объединились для создания квантового компьютера: http://habrahabr.ru/post/197284/

[74] Samsung выпустил первый в мире смартфон с изогнутым дисплеем: http://naked-science.ru/article/hi-tech/09-10-2013-804

[75] народное творчество на эту тему: https://pbs.twimg.com/media/BWNtALNIAAASAp_.jpg:large

[76] Яндекс.Маркет представил новую модель сотрудничества с интернет-магазинами: http://www.searchengines.ru/news/archives/yandeks_market_mew.html

[77] ее обзор: http://www.searchengines.ru/articles/obzor_prezentats.html

[78] Google запускает возможность поиска эпизодов ТВ-программ, шоу и сериалов: http://www.searchengines.ru/news/archives/google_zapuska_search_tv_shows.html

[79] Google будет использовать имя и фотографию пользователя для продвижения товаров и услуг среди его друзей: http://itc.ua/news/google-budet-ispolzovat-imya-i-fotografiyu-polzovatelya-dlya-prodvizheniya-tovarov-i-uslug-sredi-ego-druzey/

[80] Google Hangouts обзаведется возможностью отправки SMS-сообщений : http://keddr.com/2013/10/google-hangouts-obzavedetsya-vozmozhnostyu-otpravki-sms-soobshheniy/

[81] «ВКонтакте» запустит платформу для мобильных приложений: http://ain.ua/2013/10/07/496842

[82] SkyDrive в Windows 8.1: http://news.softodrom.ru/ap/b18274.shtml

[83] Twitter обнародовал подробности заявки на IPO: компания хочет привлечь $1 млрд : http://www.searchengines.ru/news/archives/twitter_obnarod_IPO_file_one_bill.html

[84] Twitter превратится в телевизионный сервис: http://naked-science.ru/article/media/10-10-2013-820

[85] Facebook заключил партнерство с крупными мировыми телекомпаниями: http://www.searchengines.ru/news/archives/facebook_zaklyu_tele.html

[86] Divan.tv выходит на рынки России, Европы и США: http://ain.ua/2013/10/08/496979

[87] В России продажи смартфонов с крупным экраном выросли на 736%: http://www.3dnews.ru/766431/

[88] Техподдержка Windows XP и Office 2003 прекратится через полгода: http://www.3dnews.ru/766952/

[89] За пять лет доля Microsoft на рынке персональных компьютеров снизилась до 30%: http://www.computerra.ru/85242/za-pyat-let-dolya-microsoft-na-ryinke-personalnyih-kompyuterov-snizilas-do-30/

[90] В России появятся кибервойска: http://www.computerra.ru/84908/v-rossii-poyavyatsya-kibervoyska/

[91] Нобелевскую премию по физике дали за бозон Хиггса: http://lenta.ru/news/2013/10/08/nobel/

[92] Yahoo отметила 16-летие почты очередным редизайном: http://www.searchengines.ru/news/archives/yahoo_otmetila_16_years_new.html

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

[94] nedd.me: http://nedd.me/en/

[95] забавный элемент навигации «прокрутить вверх»: http://krishnalalstha.wordpress.com/about/

[96] diplomatic-cover.com: http://www.diplomatic-cover.com/en

[97] bulo.com: http://bulo.com/en/

[98] bjoernmeier.com: http://bjoernmeier.com/

[99] Интерфейсный дайджест, сентябрь 2013: http://habrahabr.ru/company/mailru/blog/196876/

[100] Визуализация шрифтовых начертаний: https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn2/1383347_10151728128736840_1841923647_n.jpg

[101] Twitter обновил домашнюю страницу: http://www.searchengines.ru/news/archives/twitter_obnovil_page.html

[102] Рисуем 3D-кнопку в Adobe Illustrator: http://www.dejurka.ru/tutorial/3d-button-illustrator/

[103] Мультяшные сайты для вашего вдохновения: http://www.dejurka.ru/inspiration/cartoon-sites/

[104] Интервью с дизайнером упаковки Ольгой Мосиной: http://www.dejurka.ru/articless/olga-mosina/

[105] NoJPEG: http://nojpeg.org/

[106] The ultimate guide to flat design : http://www.webdesignerdepot.com/2013/09/the-ultimate-guide-to-flat-design/

[107] 6 Mobile Checkout Usability Considerations: http://baymard.com/blog/mobile-checkout

[108] Как плоский дизайн влияет на текст элементов интерфейса: http://www.sitepoint.com/flat-ui-design-style-affects-interface-text/

[109] inabrush.com: http://inabrush.com/

[110] designerboard.co: http://designerboard.co/

[111] Необычный трюк увеличивающий читабельность текста на 30%: http://www.webdesignerdepot.com/2013/10/a-simple-typographic-trick-to-increase-text-readability-by-up-to-30/

[112] Примеры простых и ясных логотипов: http://webdesignledger.com/inspiration/19-simple-and-clean-logos

[113] Как создать иллюстрацию, посвященную Дню Всех Святых с изображением ребенка в Photoshop-е: http://psd.tutsplus.com/tutorials/illustration/halloween-inspired-childrens-illustration/

[114] Десять основных причин, по которым стоит использовать Lightroom: http://psd.tutsplus.com/tutorials/tools-tips/top-10-reasons-to-use-lightroom/

[115] Примеры сайтов некоммерческих организаций: http://vandelaydesign.com/blog/galleries/best-non-profit-websites/

[116] Классные иллюстрации из типографики: http://www.antsmagazine.com/inspiration/25-mindblowing-typography-illustrations/

[117] Примеры логотипов авиационных компаний: http://www.hongkiat.com/blog/airline-logo-designs/

[118] Взгляд на: WebP – новый формат изображений для Web: http://www.hongkiat.com/blog/webp-image-format/

[119] Руководство по пиксельной подгонке: http://realmacsoftware.com/blog/a-guide-to-pixel-hinting

[120] Создание геометрических фонов в Illustrator-е: http://veerle.duoh.com/design/article/creating_geometric_patterns_in_illustrator

[121] Классные логотипы с плоским дизайном и длинными тенями (+ генераторы длинных теней): http://designbeep.com/2013/10/03/45-cool-long-shadow-flat-logo-designs-4-free-ls-generators/

[122] Дизайн под iOS 7: с чего начать: http://designmodo.com/ios-7-design-guide/

[123] Полезные наборы иконок и шаблоны PSD для создателей дизайна приложений под iOS7: http://thedesignblitz.com/best-ios7-icon-templates-ui-kits-ii/

[124] Лучшие уроки по Adobe Illustrator за сентябрь 2013: http://thedesignblitz.com/best-adobe-illustrator-tutorials-september-2013/

[125] Симметрия против асимметрии: http://www.webdesignerdepot.com/2013/10/symmetry-vs-asymmetry/

[126] Чистые и лаконичные компоненты с обводкой в веб-дизайнах: http://designshovel.com/go/pocaab

[127] Подборка сайтов с бесплатными PSD-файлами: http://www.dejurka.ru/articless/free-psd-websites-2/

[128] Long Shadow Generator: http://lab.rayps.com/lsg/

[129] Breeezy: http://www.breeezyplugin.com/

[130] AC Mountain: http://www.behance.net/gallery/AC-Mountain-(Free-Font)/11228499

[131] Исходники PSD с iPad-ом и телефоном iPhone 5s: http://dribbble.com/shots/1259837-Free-iPad-iPhone-5s-Mockups-PSD

[132] Три в одном: набор элементов UI, часть 1-я, в разных стилях (Flat/Bulky/Outlined): http://www.onextrapixel.com/2013/10/08/freebie-3-in-1-user-interface-elements-kit-part-1/

[133] zerobundle: http://www.zerobundle.com/

[134] Более сотни, серьезных и не очень, шрифтов 2013: http://www.1stwebdesigner.com/freebies/free-fonts-2013/

[135] Recma: http://www.webdesigntunes.com/portfolio/recma-free-psd-blog/#.Ulb_WxAg1co

[136] Упаковка с забавными векторными иллюстрациями: http://www.crazyleafdesign.com/blog/free-vector-illustrations-pack/

[137] Паттерны для Photoshop: http://www.designerledger.com/free-photoshop-patterns-graphic-designers/

[138] Разработчики комплекта для создания тараканов-киборгов показали, как заставить насекомых танцевать: http://www.computerra.ru/84938/razrabotchiki-komplekta-dlya-sozdaniya-tarakanov-kiborgov-pokazali-kak-zastavit-nasekomyih-tantsevat/

[139] Аналитика: планшеты становятся устройством №1 для детей всех возрастов: http://www.3dnews.ru/765735/

[140] Владельцы планшетов не готовы отказаться от традиционного ПК: http://www.3dnews.ru/766467/

[141] Акционеры Tesla Motors потеряли $2,4 млрд из-за ролика на YouTube: http://ain.ua/2013/10/07/496810

[142] Видео дня: «волшебная» бумага, генерирующая электричество: http://www.3dnews.ru/767297/

[143] Avegant Virtual Retinal Display: видеоочки нового поколения: http://compulenta.computerra.ru/tehnika/gadgets/10009444/

[144] Музей Mario: http://mario.ign.com/

[145] Эти гадкие, гадкие языки!: http://ko.com.ua/jeti_gadkie_gadkie_yazyki_93619

[146] Видеодемонстрация работы Steam Controller: http://habrahabr.ru/post/197252/

[147] Жареные цифры: http://lenta.ru/articles/2013/10/08/bakery

[148] Карма «Хабра»: Приключения Дениса Крючкова в стране денег: http://www.hopesandfears.com/hopesandfears/entrepreneurs/story/122933-deniskiny-rasskazy

[149] Единственный путь к спасению BlackBerry: http://www.computerra.ru/cio/5475

[150] Основные виды переспама (переоптимизации) при продвижении сайта: http://aweb.ua/seo-blog/overspam/

[151] Do it HARD: Продолжаем выбирать материнскую плату : http://keddr.com/2013/10/do-it-hard-prodolzhaem-vyibirat-materinskuyu-platu/

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

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

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

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

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