Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №99 (2 — 8 марта 2014)

---

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

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

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

[1] Как использовать секционные элементы HTML5: http://habrahabr.ru/post/214407/

[2] JSDuck — генератор документациииз песочницы: http://habrahabr.ru/post/214591/

[3] Теперь в WebStorm есть многокурсорность, она же multiple selection: http://habrahabr.ru/company/JetBrains/blog/214711/

[4] Девять сервисов для обучения программированию: http://www.siliconrus.com/2014/03/code/

[5] Часть 1. Введение в Grunt: http://oddstyle.ru/wordpress-2/stati-wordpress/grunt-i-wordpress-chast-1-vvedenie-v-grunt.html

[6] Часть 2. Настраиваем Grunt для своих проектов: http://oddstyle.ru/wordpress-2/stati-wordpress/grunt-i-wordpress-chast-2-nastraivaem-grunt-dlya-svoix-proektov.html

[7] Детальное введение в Custom Elements: http://coding.smashingmagazine.com/2014/03/04/introduction-to-custom-elements/

[8] Переосмысление responsive SVG: http://coding.smashingmagazine.com/2014/03/05/rethinking-responsive-svg/

[9] Настраиваемые элементы для настраиваемых приложений – веб-компоненты построенны с помощью Mozilla Brick и X-Tag: https://hacks.mozilla.org/2014/03/custom-elements-for-custom-applications-web-components-with-mozillas-brick-and-x-tag/

[10] Читай документацию, быстрее: http://alistapart.com/blog/post/read-the-docs-faster

[11] Мобильный HTML5 никогда еще не выглядел так здорово: http://html5hub.com/html5-mobile-never-looked-so-good/#i.f46ocdnpmep3v9

[12] Как использовать статистику посещений для принятия решения по поводу улучшения мобильных сайтов: http://mobile.smashingmagazine.com/2014/03/03/how-to-use-analytics-to-build-smarter-mobile-websites/

[13] Введение в Gulp.js: http://www.developerdrive.com/2014/03/introducing-gulp-js/

[14] Задачи для Grunt и Gulp по оптимизации производительности: http://yeoman.io/blog/performance-optimization.html

[15] Билды для различных окружений на Grunt, Gulp или Broccoli: http://addyosmani.com/blog/environment-specific-builds-with-grunt-gulp-or-broccoli/

[16] Build with Chrome: http://www.html5rocks.com/en/tutorials/casestudies/buildwithchrome/

[17] Пять лучших фрейворков для создания мобильных веб-приложений: Sencha Touch: http://moduscreate.com/5-best-mobile-web-app-frameworks-sencha-touch/

[18] WebGL c помощью Three.js – урок 2: http://www.script-tutorials.com/webgl-with-three-js-lesson-2/

[19] The browser cache is Vary broken: http://jakearchibald.com/2014/browser-cache-vary-broken/

[20] Магический круг: CSS головоломка: http://habrahabr.ru/post/214917/

[21] Вышел Sass 3.3: http://web-standards.ru/news/848/

[22] Работа с BEM теперь еще проще: http://alwaystwisted.com/post.php?s=2014-02-27-even-easier-bem-ing-with-sass-33

[23] CSS3 градиенты: http://css-tricks.com/css3-gradients/

[24] Навигационная панель с иконками, построенная с использованием Flexbox: http://css-tricks.com/flexbox-bar-navigation/

[25] Пять техник, используемых при работе с responsive веб-дизайном: http://www.catswhocode.com/blog/5-powerful-techniques-for-responsive-web-design

[26] Typesettings: http://ianrose.me/typesettings/

[27] Imacss: https://github.com/akoenig/imacss

[28] Shake: http://elrumordelaluz.github.io/csshake/#1

[29] Абстрактная вращающаяся анимация: круг, квадрат, треугольник, дельфин: http://codepen.io/bleepbloop/pen/Kkdzq

[30] Agile: http://a-jie.github.io/Agile/

[31] Sassline — выравнивание текста по сетке с помощью Sass и rem: http://sassline.com/

[32] Простые, но симпатичные эффекты для пачки изображений : http://tympanus.net/codrops/2014/03/05/simple-stack-effects/

[33] Создаем резиновые лейауты с помощью HTML5 и CSS3: http://www.creativebloq.com/css3/create-fluid-layouts-html5-and-css3-3142768

[34] Javascript без this: http://habrahabr.ru/post/215043/

[35] Хватит писать циклы for. Пришло время использовать Underscore.: http://frontender.info/stop-writing-for-loops-start-using-underscorejs/

[36] Сделаем gulp javascript проекту: http://stepansuvorov.com/blog/2014/03/gulp/

[37] Частичное применение в JavaScript с помощью bind(): http://frontender.info/partial-application-in-javascript-using-bind/

[38] ECMAScript 6: https://github.com/lukehoban/es6features

[39] ECMAScript 6 особенности и инструменты: http://caspervonb.github.io/2014/03/05/ecmascript6-features-and-tools.html

[40] Распутываем ваш JavaScript с помощью Browserify: http://lincolnloop.com/blog/untangle-your-javascript-browserify/

[41] Inkling Habitat: как было построено приложение для создание электронных книг на JavaScript из 100,000 строк: http://codinginparadise.org/ebooks/html/blog/technology_behind_habitat.html

[42] JavaScript промисы – сравнение библиотек: http://complexitymaze.com/2014/03/03/javascript-promises-a-comparison-of-libraries/

[43] Освоение доступа к DOM (100 строчек на JavaScript): http://tech.pro/tutorial/1910/mastering-the-dom-access-100-lines-of-javascript

[44] Доступ к таблицам в Google Drive с помощью Node.js: http://www.nczonline.net/blog/2014/03/04/accessing-google-spreadsheets-from-node-js/

[45] cha: https://github.com/chajs/cha

[46] Sticker.js: http://stickerjs.cmiscm.com/

[47] ScrollMagic: http://janpaepke.github.io/ScrollMagic/

[48] RowGrid.js: http://brunjo.github.io/rowGrid.js/

[49] jQuery fontIconPicker: http://codeb.it/fonticonpicker/

[50] Pizza Amore: http://zurb.com/playground/pizza-amore-charts-and-graphs

[51] Интерактивная шпаргалка по AngularJS : http://www.cheatography.com/proloser/cheat-sheets/angularjs/

[52] For, While, and Do...While циклы в JavaScript: http://www.kirupa.com/html5/loops_in_javascript.htm

[53] Бесплатный редактор шрифтов на HTML5: http://habrahabr.ru/post/214775/

[54] MyFonts позволил скачать любой шрифт: http://www.lookatme.ru/mag/live/experience-news/201361-myfonts

[55] Type Finder : http://www.type-finder.com/

[56] Animatron: http://animatron.com/

[57] iwanttouse.com: http://www.iwanttouse.com/

[58] IconPocket: http://iconpocket.com/

[59] На Kickstarter собрано уже более $1 млрд: http://habrahabr.ru/post/214513/

[60] Новый интерфейс Яндекс.Диска. Как мы его делали и почему вообще этим занялись: http://habrahabr.ru/company/yandex/blog/214679/

[61] Mozilla разработала более эффективный способ сжатия JPEG файлов — mozjpeg: http://itc.ua/news/mozilla-razrabotala-bolee-effektivnyiy-sposob-szhatiya-jpeg-faylov-mozjpeg/

[62] Билл Гейтс снова стал самым богатым человеком в мире: http://www.siliconrus.com/2014/03/bill-geyts-snova-stal-samyim-bogatyim-chelovekom-v-mire/

[63] Windows 7 уходит на пенсию уже в этом году: http://microsoftportal.net/windows-7/3373-windows-7-uhodit-na-pensiyu-uzhe-v-etom-godu.html

[64] Microsoft будет уведомлять пользователей о прекращении поддержки Windows XP: http://itc.ua/news/microsoft-budet-uvedomlyat-polzovateley-o-prekrashhenii-podderzhki-windows-xp/

[65] Исследование Mail.Ru Group: Apple vs. Android, Mobile vs. Desktop : http://www.searchengines.ru/seoblog/issledovanie_mail_.html?

[66] AdBlock и AdBlock Plus искажают работу сервисов «Яндекса»: http://www.siliconrus.com/2014/03/adblock-yandex/

[67] Запущена в работу крупнейшая в мире солнечная электростанция: http://www.computerra.ru/95640/zapushhena-v-rabotu-krupneyshaya-v-mire-solnechnaya-elektrostantsiya/

[68] Видео звонки Skype для Outlook.com стали общедоступными и получили поддержку HD: http://itc.ua/news/video-zvonki-skype-dlya-outlook-com-stali-obshhedostupnyimi-i-poluchili-podderzhku-hd/

[69] Android 4.4 KitKat принадлежит лишь 2,5% доли рынка: http://itc.ua/news/android-4-4-kitkat-prinadlezhit-lish-2-5-doli-ryinka/

[70] Кадровые перестановки в Microsoft. Снова : http://keddr.com/2014/03/kadrovyie-perestanovki-v-microsoft-snova/

[71] Mozilla прекращает развитие сервиса идентификации Persona: http://www.opennet.ru/opennews/art.shtml?num=39263

[72] У Facebook новый дизайн, но не настолько новаторский, как ожидалось: http://www.computerra.ru/95769/u-facebook-novyiy-dizayn-no-ne-nastolko-novatorskiy-kak-ozhidalos/

[73] Стабильная Opera 20: http://habrahabr.ru/company/opera/blog/214609/

[74] SurroundWeb — 3D-браузер от Microsoft: http://habrahabr.ru/post/214811/

[75] Chromium покажет текст, если шрифт грузится долго: http://web-standards.ru/news/847/

[76] Скоро в стабильной сборке Chrome появится встроенная поддержка голосового поиска: http://www.3dnews.ru/807785/

[77] Бета-версия Chrome 34 для Android позволяет транслировать на Chromecast ролики из Интернета: http://www.3dnews.ru/808785/

[78] В Firеfox ужесточаются ограничения при показе связанного с плагинами контента: http://www.opennet.ru/opennews/art.shtml?num=39223

[79] Internet Explorer все еще контролирует более половины рынка браузеров: http://itc.ua/news/internet-explorer-vse-eshhe-kontroliruet-bolee-polovinyi-ryinka-brauzerov/

[80] Компания Dell взимает 27 долларов за предустановку Firefox: http://www.opennet.ru/opennews/art.shtml?num=39250

[81] Классные отечественные сайты: http://www.dejurka.ru/web-design/cool-russian-websites/

[82] Чертова дюжина красочных веб-сайтов: http://webdesignledger.com/inspiration/13-beautiful-examples-of-colorful-websites

[83] Подборка сайтов с плоским дизайном: http://www.inserthtml.com/2014/03/design-showcase-25-flat-designed-websites/

[84] behind the banner: http://cmsummit.com/behindthebanner/index.html

[85] Коллекция стильных посадочных страниц: http://www.onextrapixel.com/2014/03/03/a-collection-of-stylish-landing-pages/

[86] wearetheswan.com: http://wearetheswan.com/

[87] satchmi.com: http://satchmi.com/motorino/

[88] tacospillet.no: http://www.tacospillet.no/

[89] dingzhou.co.nz: http://www.dingzhou.co.nz/

[90] tomlrn.com: http://tomlrn.com/#home

[91] redvolucion.gov.co: http://www.redvolucion.gov.co/

[92] exsus.com: http://www.exsus.com/south-australia-food-and-wine/

[93] Крупная типографика в веб-дизайне: http://www.dejurka.ru/web-design/big-typography-web-design/

[94] Откуда взялась мантра о простоте в интерфейсах: http://www.cossa.ru/articles/234/66352/

[95] 3D-типографика для вашего вдохновения : http://www.dejurka.ru/inspiration/cool-3d-typography/

[96] Как представить свою команду на сайте: http://www.dejurka.ru/web-design/about-team-pages/

[97] Цветочные уроки Adobe Illustrator : http://www.dejurka.ru/tutorial/flower-tutorials/

[98] Интервью с дизайнером Hillary Coe: http://design.tutsplus.com/articles/interview-with-designer-hillary-coe--psd-33825

[99] Заблуждение насчет параллакс-эффекта в веб-дизайне, вызывающее проблемы: https://medium.com/p/2a55ad1459f7

[100] Создание прототипов с переходами между скетчами и возможностью просмотра клиентом: http://uxdesign.smashingmagazine.com/2014/03/06/building-clickthrough-prototypes-to-support-participatory-design/

[101] Советы относительно типографики от Erik Spiekermann: http://www.fontshop.com/education/pdf/typo_tips.pdf

[102] Грубые реалии работы в собственном дизайн-бизнесе: http://jeffarchibald.ca/blunt-realities-running-design-business/

[103] Типичные ошибки UX, которые убивают ваш​​ дизайн: http://www.noupe.com/knowledge-2/common-ux-mistakes-that-are-killing-your-design-81499.html

[104] Концепт редизайна Gmail: https://www.behance.net/gallery/Gmail-Redesign-Concept/14412073

[105] Быстрый дизайн в Illustrator-е: http://www.designsprint.net/

[106] Как изучать Adobe InDesign бесплатно: http://howtolearn.me/how-learn-adobe-indesign-free/

[107] Полное руководство по работе с видео в Photoshop — экспорт видео: http://design.tutsplus.com/tutorials/comprehensive-guide-to-working-with-video-in-photoshop-exporting-videos--psd-36567

[108] Создание эффекта светящегося текста в Photoshop-е: http://design.tutsplus.com/tutorials/create-an-illuminated-text-effect-in-photoshop--psd-36705

[109] Логотипы для вдохновения: черные, белые и серые: http://webdesignledger.com/inspiration/logo-inspiration-black-white-gray

[110] Девятнадцать хипстерских логотипов, для которых сделали редизайн для корпоративной Америки: http://www.webdesignerdepot.com/2014/03/hipster-logos-redesigned-for-corporate-america/

[111] Честные логотипы: http://www.viktorhertz.com/50717/439429/gallery/honest-logos

[112] Фотобанк Getty Images разрешил бесплатное использование изображений: http://www.3dnews.ru/809092/

[113] Цветочные кисти для Photoshop: http://www.dejurka.ru/graphics/free-flower-brushes/

[114] Бесплатные векторные открытки к 8 марта: http://www.dejurka.ru/graphics/free-postcards-8-march/

[115] Лучшие ресурсы с кистями для Photoshop: http://www.syntaxxx.com/best-free-photoshop-brushes/

[116] Красочный PSD с плоским “LightFlat” UI: http://pepsized.com/free-lightflat-ui/

[117] Четыре десятка контурных иконок из упаковки Sympletts: http://freebiesbug.com/psd-freebies/40-free-stroke-icons-sympletts-pack/

[118] Десять наборов, каждый из которых содержит более сотни плоских иконок: http://line25.com/articles/10-free-icon-packs-containing-100-icons

[119] Два десятка фантастических набора с иконками: http://spyrestudios.com/20-fantastic-free-icon-sets/

[120] Набор с иконками Hangloose (более 50-ти иконок): http://www.scratchinginfo.com/download-hangloose-icon-set/

[121] Шрифт без засечек Adam, созданный по мотивам Futura: http://www.scratchinginfo.com/download-free-adam-font/

[122] Pesaro Light: http://www.myfonts.com/fonts/hoftype/pesaro/light/

[123] Пятничные шрифты #12: от Stalemate до Bellerose: http://www.webdesignerhub.com/free-fonts-friday-12/

[124] Звездное Небо на Canvas. Созвездия: http://habrahabr.ru/post/214373/

[125] Apple CarPlay: http://www.apple.com/ios/carplay/

[126] Крутая реклама iPhone5s: http://isee5c.tumblr.com/

[127] Анимированные квадратные маркеры в SVG: http://cssdeck.com/labs/square-markers

[128] ShadowPainter: http://codepen.io/yoksel/full/DtsGn

[129] Интерактивный гид по иконочному набору: https://useiconic.com/tour/

[130] Если бы Луна была размером 1 пиксель: http://joshworth.com/dev/pixelspace/pixelspace_solarsystem.html

[131] JurassicSystems: http://jurassicsystems.com/

[132] Checkout: https://stripe.com/checkout

[133] Глаз на WebGL: http://www.vill.ee/eye/

[134] Ежемесячный дайджест интересных IT проектов на Kickstarter №1: http://habrahabr.ru/post/212843/

[135] Kickstarter и нервный срыв: http://www.siliconrus.com/2014/03/kickstarter-i-nervnyiy-sryiv/

[136] Только разработчики 90-х помнят этоперевод: http://habrahabr.ru/post/214761/

[137] Один год из жизни проекта Ответы: http://habrahabr.ru/company/mailru/blog/214919/

[138] Mail: http://habrahabr.ru/users/mail/

[139] Семь человек, от которых зависит существование интернета: http://www.siliconrus.com/2014/03/who-controls-the-internet/

[140] Десять самых богатых IT-бизнесменов мира по версии журнала Forbes: http://ain.ua/2014/03/07/515393

[141] Анонсирован первый водонепроницаемый ридер – PocketBook Aqua: http://keddr.com/2014/03/anonsirovan-pervyiy-vodonepronitsaemyiy-rider-pocketbook-aqua/

[142] Инженер Microsoft получил доступ к телефонам ФБР через «дыру» в Google Maps: http://www.siliconrus.com/2014/03/fbi-leak/

[143] Крупнейшая биткоин-биржа Mt.Gox объявила о банкротстве: http://www.3dnews.ru/807766/

[144] Секрет самого популярного селфи ever: http://www.siliconrus.com/2014/03/kak-sdelat-samyiy-populyarnyiy-selfi-ever/

[145] Апп-покалипсис нашего времени: http://www.siliconrus.com/2014/03/app-pocalypsis/

[146] Каждый десятый американец считает HTML венерической болезнью: http://news.softodrom.ru/ap/b19290.shtml

[147] Как я напечатал на 3D-принтере робота Ralph-а: http://robots.thoughtbot.com/printing-ralph

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

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

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

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

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