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

---

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

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

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

[1] Google выпустил HTML5-редактор для веб-дизайна: http://habrahabr.ru/post/195880/

[2] статья с сомнениями о его полезности: http://www.webdesignerdepot.com/2013/10/do-we-really-need-another-html5-authoring-app/

[3] Fontello — генератор иконочных шрифтов: http://habrahabr.ru/post/195906/

[4] Производительность фронтэнда: http://habrahabr.ru/company/nordavind/blog/196358/

[5] Синхронизация рабочего пространства веб-разработчика: http://habrahabr.ru/post/195800/

[6] Улучшаем Pinned-иконки для сайтов под IE11: http://msdn.microsoft.com/en-US/library/ie/bg183312

[7] Оптимизация UI-иконок для более быстрого распознавания: http://boxesandarrows.com/optimizing-ui-icons-for-faster-recognition/

[8] Performance Tooling by Paul Irish (#perfmatters at SFHTML5) : http://www.youtube.com/watch?v=HAqjyCH_LOE

[9] Различные варианты для разделителей секций на высоких одностраничных сайтах : http://tympanus.net/Development/SectionSeparators/

[10] Инфографика: анатомия идеальной страницы: http://www.script-tutorials.com/infographic-anatomy-of-a-perfect-page/

[11] URL как UI Design Pattern: http://blog.optimizationrobot.com/the-url-as-user-interface-pattern/

[12] Mozilla Brick: http://soledadpenades.com/files/t/2013ota/#0

[13] Использование getUserMedia API с HTML5 video и canvas: http://html5hub.com/using-the-getusermedia-api-with-the-html5-video-and-canvas-elements/#i.f46ocdnpmep3v9

[14] Начинаем разбираться с Yeoman и generator-webapp : http://www.youtube.com/watch?v=zBt2g9ekiug&feature=youtu.be

[15] установить Twitter Bootstrap for CSS, Sass, Less или Stylus: http://addyosmani.com/blog/a-prompt-to-install-twitter-bootstrap-for-csssassless-or-stylus/

[16] Как улучшить эргономику вашего приложения JavaScript/HTML5/CSS3 Windows 8.1 новой навигационной панелью: http://blogs.msdn.com/b/eternalcoding/archive/2013/10/02/how-to-improve-ergonomy-of-your-javascript-html5-css3-windows-8-1-apps-with-the-new-navigation-bar-control.aspx

[17] Мощные подходы, инструменты и трюки для веб-разработчиков и веб-дизайнеров: http://www.smashingmagazine.com/2013/10/02/powerful-workflow-tips-tools-and-tricks-for-web-designers/

[18] bookmarkify.it: http://bookmarkify.it/

[19] Гениальное объяснение того, как строятся треугольники на css : http://codepen.io/chriscoyier/pen/lotjh

[20] Делаем css-спрайты отзывчивее на retina-дисплеях и не только : http://habrahabr.ru/post/196030/

[21] Размытый полупрозрачный эффект для фиксированной шапки сайта в стиле iOS7 на CSS: http://css-tricks.com/blurry-transparent-header-effect-ios7-css/

[22] Media Queries, основанные на дизайне : http://sixrevisions.com/web_design/design-based-media-queries/

[23] Подборка инструментов и туториалов по CSS анимации : http://speckyboy.com/2013/09/30/css-animation-tools-tutorials/

[24] Пример слайдера, управляемого только с помощью CSS3: http://htmlbook.ru/blog/primer-slaydera-upravlyaemogo-tolko-s-pomoshchyu-css3

[25] Введение в CSS Regions: http://www.webdesignerdepot.com/2013/09/introducing-css-regions/

[26] Анимированные кастомные checkbox-ы: http://thecodeplayer.com/index.php/walkthrough/custom-animated-checkbox-inputs-using-css-iconfonts

[27] Определяем используемый шрифт с помощью DevTools: http://updates.html5rocks.com/2013/09/DevTools-answers-What-font-is-that

[28] Коллекция техник off-canvas для анимимации меню, которое находится по бокам страницы: http://tympanus.net/codrops/2013/09/30/animated-border-menus/

[29] CSS и критический путь (презентация) на примере the Guardian: https://speakerdeck.com/patrickhamann/css-and-the-critical-path

[30] Используем разрывы страницы в версии для печати: http://www.hongkiat.com/blog/css3-page-break/

[31] Как убрать кнопки поля search в браузерах на WebKit: http://davidwalsh.name/remove-search-box-buttons-webkit

[32] Нам не нужен ваш кофе: http://habrahabr.ru/post/195944/

[33] Basis.js. Почему я не бросил разрабатывать свой фреймворк: http://www.youtube.com/watch?v=cVbbkwkhNQg

[34] jQuery.BEM: http://habrahabr.ru/post/196368/

[35] iOS7 Frosted Glass Effect c помощью HTML 5 и Javascript : http://abduzeedo.com/ios7-frosted-glass-effect-html-5-and-javascript

[36] Начинаем работать с Ember.js : http://www.developerdrive.com/2013/10/getting-started-with-ember-js/

[37] Пишем модульный JavaScript с AMD, CommonJS & ES Harmony: http://addyosmani.com/writing-modular-js/

[38] Safe integers in JavaScript: http://www.2ality.com/2013/10/safe-integers.html

[39] Используем getUserMedia API с HTML5 video и canvas : http://html5hub.com/using-the-getusermedia-api-with-the-html5-video-and-canvas-elements/#i.ix7xprbqkd3yuy

[40] Создаем более быстрые страницы с помощью Web Workers: http://www.developerdrive.com/2013/09/building-faster-pages-with-web-workers/

[41] Полное руководство по изучению AngularJS за один день: http://toddmotto.com/ultimate-guide-to-learning-angular-js-in-one-day/

[42] Как избегать 'layout thrashing': http://wilsonpage.co.uk/preventing-layout-thrashing/

[43] JavaScript Allong?: https://leanpub.com/javascript-allonge/read

[44] RSS Pipes: http://dai-shi.github.io/rss-pipes/

[45] requestAutocomplete: http://www.html5rocks.com/en/tutorials/forms/requestautocomplete/

[46] Почему (и как) вы возможно должны использовать Web Notifications: http://www.inserthtml.com/2013/10/notification-api/

[47] Multi-File Uploads и Multiple Selects: http://www.raymondcamden.com/index.cfm/2013/10/1/MultiFile-Uploads-and-Multiple-Selects

[48] RulersGuides.js: http://mark-rolich.github.io/RulersGuides.js/

[49] Вертикальный News Slider на jQuery : http://www.impressivewebs.com/jquery-vertical-news-slider/

[50] squiggle: http://bite-software.co.uk/squiggle/

[51] Keypress: http://dmauro.github.io/Keypress/

[52] jQuery Custombox v1.0.0: http://dixso.github.io/custombox/

[53] Jquery-flip: http://amegan.github.io/jquery-flip/

[54] One Page Scroll: http://www.thepetedesign.com/demos/onepage_scroll_demo.html

[55] Recline.js: http://reclinejs.com/

[56] peeler.js: http://mattduvall.com/peeler.js/

[57] Несколько jQuery-решений для предзагрузки : http://www.jquery4u.com/plugins/html5-jquery-preloading-plugins/

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

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

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

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

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

[63] Платформа «Атом» от Яндекса: http://habrahabr.ru/company/yandex/blog/195982/

[64] Открылась бета-версия новых Яндекс.Карт: как и почему мы их делали: http://habrahabr.ru/company/yandex/blog/195890/

[65] Яндекс подарил мобильным разработчикам распознавание голоса: http://www.siliconrus.com/2013/10/yandex-speechkit/

[66] Adobe hacked, 3 млн. аккаунтов скомпрометированы: http://habrahabr.ru/company/eset/blog/196300/

[67] WordPress 3.7 будет обновляться автоматически: http://habrahabr.ru/post/195678/

[68] Skype вводит синхронизацию сообщений на разных устройствах: http://habrahabr.ru/post/196466/

[69] В W3C сделали рабочую группу, чтобы запретить смотреть исходных код веб-страниц: http://dxdt.ru/2013/10/04/6220/

[70] Apple и Google возглавили список самых дорогих брендов мира: http://digit.ru/business/20130930/406128889.html

[71] Началась новая война за Вконтакте. Дурову грозят увольнением: http://habrahabr.ru/post/196012/

[72] Павел Дуров опровергает большинство обвинений UCP: http://www.siliconrus.com/2013/10/pavel-durov-oprovergaet-bolshinstvo-obvineniy-ucp-konflikta-interesov-net-na-voprosyi-otvechal-kolleg-ne-demotiviruet/

[73] Canon, HP, Samsung и Xerox объединились в Mopria Alliance: http://www.ixbt.com/news/hard/index.shtml?17/21/90

[74] Новые фотографии Android 4.4: строгий, мощный, функциональный: http://4pda.ru/2013/10/04/117743/

[75] В России запущен Google Play Music: http://www.youhtc.ru/2013/10/v-rossii-zapushhen-google-play-music/

[76] предсказуемая реакция рунета: http://i.imgur.com/NSmMBzX.jpg

[77] YouTube Music Awards пройдет в Нью-Йорке 3 ноября: http://www.3dnews.ru/764901/

[78] Видеосервис Netflix обогнал по популярности спутниковое ТВ: http://lenta.ru/news/2013/10/02/netflix/

[79] И сгустилась тьма: В США прекратили работу правительственные сайты и сервисы: http://www.siliconrus.com/2013/10/government-shutdown/

[80] Статистика Android за сентябрь 2013: http://www.youhtc.ru/2013/10/statistika-android-za-sentyabr-2013/

[81] Доля windows xp падает, а windows 8 — растет: http://viennaos.net/microsoft-windows-8/4705-net-applications-dolya-windows-xp-padaet-windows-8-rastet.html

[82] Составлена карта самых популярных сайтов в каждой из стран: http://www.computerra.ru/84678/sostavlena-karta-samyih-populyarnyih-saytov-v-kazhdoy-iz-stran/

[83] Google купил Flutter: http://www.searchengines.ru/news/archives/google_kupil_fl.html

[84] Facebook представил социальный поиск : http://www.searchengines.ru/news/archives/facebook_predst_social.html

[85] Radius Raid: http://js13kgames.com/entries/radius-raid

[86] Water noise: http://oos.moxiecode.com/js_webgl/water_noise/

[87] Microsoft выпустила браузерную версию игры Hover: http://itc.ua/news/microsoft-vyipustila-brauzernuyu-versiyu-igryi-hover/

[88] Первый в мире сайт, где ничего не происходит: http://www.thefirstworldwidewebsitewerenothinghappens.com/

[89] travel.ilovevitaly.com: http://travel.ilovevitaly.com

[90] maps.ilovevitaly.com: http://maps.ilovevitaly.com/

[91] Wrist: http://www.wrist.im/

[92] rbv.me: http://rbv.me/

[93] QuadriTown: http://events.longchamp.com/btl/fr/game

[94] Greyp Bikes: http://www.greyp-bikes.com/

[95] Deep Sea Dive: http://www.harveywatersofteners.co.uk/learn-and-explore-the-deepest-oceans

[96] studionone.com.au: http://studionone.com.au/

[97] une-cuisine-astucieuse.fr: http://www.une-cuisine-astucieuse.fr/

[98] d.slowlyshooting.com: http://d.slowlyshooting.com/

[99] Уроки по веб-дизайну: http://www.dejurka.ru/web-design/impressive-web-design-tutorials/

[100] 25 креативных примеров типографики : http://www.dejurka.ru/graphics/25-creative-examples-of-brilliant-typography/

[101] Адаптивный дизайн: теперь дело уже не в размере экрана: http://habrahabr.ru/company/uidesign/blog/196204/

[102] Илья Рудерман о нелюбви к шрифту Arial и проблемах дизайн-образования: http://www.lookatme.ru/mag/industry/industry-interview/196763-ruderman

[103] Александр Гладких о том, как хороший дизайн влияет на читателей: http://www.lookatme.ru/mag/industry/industry-interview/196719-gladkikh

[104] Дизайнерам предложили потягаться в интернет-популярности с котами: http://lenta.ru/news/2013/10/02/betterkittens/

[105] Примеры анти-паттернов в мобильном дизайне: http://www.sitepoint.com/examples-mobile-design-anti-patterns/

[106] История типографики за 5 минут: http://www.webdesignerdepot.com/2013/10/the-history-of-typography-in-5-minutes/

[107] Как создать хипстерский логотип: http://www.webdesignerdepot.com/2013/10/how-to-create-a-hipster-logo/

[108] Почти два десятка уроков по Photoshop посвященных Дню Всех Святых: http://psd.tutsplus.com/articles/web/17-photoshop-tutorials-for-halloween/

[109] Что такое Adobe Camera Raw?: http://psd.tutsplus.com/tutorials/tools-tips/what-is-adobe-camera-raw/

[110] Четыре способа создания эффекта длинной тени в Photoshop: http://psd.tutsplus.com/tutorials/designing-tutorials/how-to-create-long-shadow-effects/

[111] Более двух десятков эффектных сайтов с полноэкранным фоном: http://www.designerledger.com/websites-full-screen-backgrounds/

[112] Вдохновляющие Parallax Scrolling сайты 2013-го года со стильным дизайном и отточенными эффектами: http://www.crazyleafdesign.com/blog/parallax-scrolling-websites-2013/

[113] Google Web Designer – первый взгляд и небольшой обзор: http://www.designzzz.com/experience-google-web-designer/

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

[115] Более шести десятков отборных логотипов компаний: http://www.designzzz.com/company-logos/

[116] Уроки по Adobe Illustrator для начинающих: http://ewebdesign.com/illustrator-tutorials/

[117] Креативные логотипы с животными: http://www.thinknearn.com/44-beautiful-creative-animal-inspired-logo-designs

[118] Как дизайнить иконки под iOS7: http://www.campaignmonitor.com/blog/post/4080/designing-ios7-style-icons

[119] Советы по юзабилити формы оформления покупки на мобильных устройствах: http://baymard.com/blog/mobile-checkout

[120] Скрипт для группового переименования слоев в фотошопе: http://blog.kam88.com/en/group-layer-renaming-script.html

[121] Freecns Cumulus: http://freecns.yanlu.de/cumulus/

[122] Flaticon.com: http://www.noupe.com/freebie/flaticon-com-use-11000-free-icons-from-within-adobe-photoshop-79299.html

[123] Восемь свежих декоративных шрифтов, от Braxton до Sequi: http://webdesignledger.com/freebies/8-fresh-free-fonts-for-your-designs-2

[124] Два с половиной десятка шрифтов: http://www.antsmagazine.com/inspiration/25-free-fonts-used-in-most-popular-logos/

[125] Набор иконок Adobe Long Shadow: http://www.hongkiat.com/blog/adobe-long-shadow-icons/

[126] Декоративный шрифт без засечек PEYO Regular: http://www.behance.net/gallery/PEYO-Regular-Free-Font/11042687

[127] Стилизованный шрифт без засечек Paihuen Mapuche: http://www.behance.net/gallery/Paihuen-Mapuche-Free-Font/11121691

[128] Более трех десятков кистей для фотошопа с различными углами: http://designbeep.com/2013/10/01/35-free-photoshop-corner-brushes/

[129] Коллекция текстур губок: http://designbeep.com/2013/09/30/collecion-free-sponge-textures/

[130] Коллекция текстур, от пластика, до стены с графити: http://ewebdesign.com/free-textures/

[131] Исходники PSD UI компонентов и иллюстраций: http://www.designerledger.com/high-quality-free-psd-files/

[132] Градиенты-фильтры для фотошопа, для стилизации изображений: http://www.ozoneeleven.com/graphics/photoshop-gradients/

[133] Photoshop Actions для портретных фотографий: http://designbeep.com/2013/09/27/30-free-photoshop-actions-portrait-photography/

[134] Flat UI Kit v 1.0 от Enfuzed: http://enfuzed.com/free-flat-ui-kit/

[135] Текстуры старой и винтажной бумаги: http://info.webtoolhub.com/kb-a277-28-free-old-vintage-paper-textures-and-backgrounds.aspx

[136] Набор иконок из линий: http://www.behance.net/gallery/Line-icon-set-for-UI-more-Infinitely-scalable/10712283

[137] Что ответить маме: несколько распространенных вопросов гикам: http://www.siliconrus.com/2013/09/chto-otvetit-mame-neskolko-rasprostranennyih-voprosov-gikam/

[138] Часть 1: http://habrahabr.ru/post/196132/

[139] Часть 2: http://habrahabr.ru/post/196422/

[140] Часть 3: http://habrahabr.ru/post/196476/

[141] Немного о Яндексе: http://blognot.co/11305

[142] insidesearch: http://www.google.ru/intl/ru/insidesearch/

[143] ATLAS, идущий по валунам: http://habrahabr.ru/post/196306/

[144] Четырёхногий WildCat: http://habrahabr.ru/post/196424/

[145] Tesla Motors: http://itc.ua/articles/tesla-motors-elektromobili-kotoryie-mogut-izmenit-mir/

[146] Как один пожар может унести миллиард долларов: http://compulenta.computerra.ru/tehnika/transport/10009331/

[147] Дуров и его продукты: http://www.siliconrus.com/2013/10/telegram-messenger/

[148] Siri говорит голосом Сьюзан Беннетт: http://www.3dnews.ru/766016

[149] По популярной игре World of Warcraft снимут фильм: http://ain.ua/2013/10/03/496418

[150] Наследие Тома Клэнси: http://www.games-tv.ru/other/exclusive/Igri_patriota/nasledie_toma_klensi

[151] Специальный комитет FAA: использовать Wi-Fi во время взлета и посадки – безопасно: http://itc.ua/news/spetsialnyiy-komitet-faa-ispolzovat-wi-fi-vo-vremya-vzleta-i-posadki-bezopasno/

[152] Карта мира глазами веб-гигантов: http://habrahabr.ru/post/196412/

[153] SERM: http://www.siliconrus.com/2013/10/serm/

[154] Разумно ли платить за контент?: http://www.siliconrus.com/2013/10/razumno-li-platit-za-kontent/

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

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

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

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

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