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

---

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

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

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

[1] Компания Adobe представила Brackets 1.0, открытый редактор для web-разработчиков: http://www.opennet.ru/opennews/art.shtml?num=41016

[2] Анонс Brackets 1.0 и Extract for Brackets (Preview версия): http://habrahabr.ru/post/242297/

[3] Brackets для сомневающихся и новичков: http://habrahabr.ru/post/242623/

[4] Продвинутый Gulp и Browserify: интересные трюки: http://habrahabr.ru/post/242379/

[5] Новый WebStorm 9: просто лучше.: http://habrahabr.ru/company/JetBrains/blog/242415/

[6] Создаем портфолио на основе фотографий из Instagram: http://habrahabr.ru/post/242643/

[7] Как инкрементальные обновления влияют на скорость загрузки. Опыт Яндекс.Почты: http://habrahabr.ru/company/yandex/blog/242503/

[8] Видео с фронтенд-конференций: https://github.com/FrontenderMagazine/conference-videos

[9] Карманное руководство по написанию SVG. Глава 2: http://css-live.ru/svg/karmannoe-rukovodstvo-po-napisaniyu-svg-glava-2.html

[10] Видео с митапов от Web Not Bombs: https://www.youtube.com/user/webnotbombsvideos

[11] Отзывчивые изображения на практике.: http://alistapart.com/article/responsive-images-in-practice

[12] 5 бесплатных CDN для JavaScript библиотек и CSS фреймворков: http://codecondo.com/free-cdns-for-javascript-libraries-and-css-frameworks/

[13] Семь принципов насыщенных веб-приложений: http://rauchg.com/2014/7-principles-of-rich-web-applications/

[14] Веб, как коммерческая платформа для игр, набирает обороты: https://blog.mozilla.org/blog/2014/11/03/the-web-as-a-commercial-platform-for-games-gathers-momentum/

[15] WebGL workshop: https://github.com/stackgl/webgl-workshop

[16] HTML5 File API — работа с локальными файлами в браузере: http://scotch.io/tutorials/use-the-html5-file-api-to-work-with-files-locally-in-the-browser

[17] Почему и как я отказался от иконочных шрифтов в пользу инлайн SVG: http://mir.aculo.us/2014/10/31/icon-fonts-vs-inline-svg/

[18] Как работают идентификаторы фрагментов в SVG: http://css-tricks.com/svg-fragment-identifiers-work/

[19] npm и фронт-энд упаковщики: http://blog.npmjs.org/post/101775448305/npm-and-front-end-packaging

[20] tmi: https://github.com/addyosmani/tmi

[21] The WordPress Plugin Boilerplate: http://wppb.io/

[22] «HTTP/2 all the things!»: https://docs.google.com/presentation/d/1l9c9ROjLTD8clOL0yFufAOMbxNC0D-19zCiXMgqtY-M/present?slide=id.p19

[23] «Да, браузеры это умеют».: https://www.youtube.com/watch?v=vUfucVrpkX8

[24] Создаем веб-приложение с помощью Grunt (ч1) : http://tech.tmw.co.uk/2014/10/creating-a-web-app-with-grunt-part-1/

[25] Концепт полноэкранной формы поиска : http://tympanus.net/codrops/2014/11/04/simple-morphing-search/

[26] Практическое применение FlexBox: http://habrahabr.ru/post/242545/

[27] Стилизация и анимация SVG с помощью CSS: http://www.smashingmagazine.com/2014/11/03/styling-and-animating-svgs-with-css/

[28] Обзор Compass 1.0: http://www.sitepoint.com/an-overview-compass-1-0/

[29] Быстрый обзор CSS calc(): http://sixrevisions.com/css/css-calc/

[30] Математика разметки с помощью CSS: разбираемся с calc : http://demosthenes.info/blog/953/Layout-Math-with-CSS-Understanding-calc

[31] Как организован CSS на Ghost: http://dev.ghost.org/css-at-ghost/

[32] CSS Grid Polyfill Level 1: http://fremycompany.com/BG/2014/CSS-Grid-Polyfill-Level-1-346/

[33] Кроссбраузерная стилизация Range Input с помощью CSS : http://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/

[34] range.css: http://danielstern.ca/range.css/#/

[35] Делаем секцию сайта полноэкранной с помощью одной строки в CSS : https://medium.com/ckor/make-full-screen-sections-with-1-line-of-css-b82227c75cbd

[36] Ppk об актуальной поддержке CSS Transitions браузерами : http://quirksmode.org/css/transitions/

[37] Bruce Lawson о спецификациях свойства alt и доступности: http://www.brucelawson.co.uk/2014/notes-on-draft-css-alt-property/

[38] 6 вариантов CSS препроцессоров на данный момент : http://www.sitepoint.com/6-current-options-css-preprocessors/

[39] Свежие и полезные штуки для пользователей Sass : http://www.onextrapixel.com/2014/11/04/fresh-and-useful-resources-for-sass-users/

[40] Адаптивная типографика с помощью Sass : http://maketea.co.uk/2014/11/05/managing-responsive-typography-with-sass.html

[41] Поиск и обработка ошибок: http://habrahabr.ru/post/242609/

[42] Регулярные выражения: http://habrahabr.ru/post/242695/

[43] Ecmascript 6 — что можно использовать уже сейчас: http://habrahabr.ru/post/241275/

[44] Google развивает AtScript, вариант JavaScript с аннотациями типов: http://www.opennet.ru/opennews/art.shtml?num=41006

[45] 30 сайтов-примеров отличного использования JavaScript: http://siliconrus.com/2014/11/js-examples/

[46] WebGl: графические эффекты и фильтрация изображений под стероидами.: http://html5.by/blog/webgl-image-filters/

[47] Статические переменные в JavaScript: http://www.sitepoint.com/static-variables-javascript/

[48] Javascript свойства являются исчисляемыми, доступными для записи и конфигурируемыми: http://arqex.com/967/javascript-properties-enumerable-writable-configurable

[49] Неизменяемые структуры данных в JS с обратной совместимостью, с нормальными массивами и объектами JavaScript: https://github.com/rtfeldman/seamless-immutable

[50] Пять функций объекта Console, о которых вы не знали: https://shellycloud.com/blog/2014/11/five-functions-of-the-console-object-you-didnt-know

[51] Screen Orientation API перезагружен: http://www.sitepoint.com/screen-orientation-api-reloaded/

[52] Реактивный MVC и виртуальный DOM: http://futurice.com/blog/reactive-mvc-and-the-virtual-dom

[53] Flux архитектура, сделанная с легкостью: https://github.com/kenwheeler/mcfly

[54] React Date Picker: http://jslog.com/react-date-picker/

[55] Дорога к Ember 2.0: https://github.com/emberjs/rfcs/pull/15

[56] Все о Angular 2.0: http://eisenbergeffect.bluespire.com/all-about-angular-2-0/

[57] AngularJS: The Bad Parts: http://larseidnes.com/2014/11/05/angularjs-the-bad-parts/

[58] Заменяем Angular на стандартные веб технологии : http://stackoverflow.com/questions/26382156/replacing-angular-with-standard-web-technologies/26797121#26797121

[59] Создание тюнера для гитары с помощью HTML5: http://jonathan.bergknoff.com/journal/making-a-guitar-tuner-html5

[60] LokiJS: http://lokijs.org/

[61] alasql: https://github.com/agershun/alasql

[62] Paperclip.js: http://paperclipjs.com/

[63] swing: https://github.com/gajus/swing

[64] Комбинируем React, Flux и Web Components : http://futurice.com/blog/combining-react-flux-and-web-components

[65] FSVS: http://luke.sno.wden.co.uk/full-screen-vertical-scroll#fsvs-initial-setup

[66] Guardian: http://jquery.michaeleisenbraun.com/guardian/

[67] Возможно, вам не нужен jQuery: http://youmightnotneedjquery.com/

[68] Новый проект Элона Маска: глобальная система спутникового Интернета: http://www.3dnews.ru/904888/

[69] Опубликованы исходные тексты платформы Android 5.0: http://www.opennet.ru/opennews/art.shtml?num=41002

[70] Apple и Google объединились, чтобы победить расизм в смайликах Emoji: http://www.cossa.ru/news/244/90128/

[71] Amazon представила музыкальную колонку Echo с голосовым ассистентом: http://tjournal.ru/paper/amazon-echo

[72] Приложение Gmail 5.0 для Android получит поддержку сторонних почтовых сервисов: http://itc.ua/news/prilozhenie-gmail-5-0-dlya-android-poluchit-podderzhku-storonnih-pochtovyih-servisov/

[73] Microsoft прекращает продажи Windows 8: http://geektimes.ru/company/paysto/blog/240936/

[74] Dropbox и Microsoft заключили неожиданный альянс по интеграции с Office: http://www.3dnews.ru/904677/

[75] Forbes назвал Apple, Microsoft и Google самыми дорогими брендами в мире: http://www.3dnews.ru/904787/

[76] Доступен для тестирования Firefox Developer Edition, новый браузер от проекта Mozilla: http://www.opennet.ru/opennews/art.shtml?num=41011

[77] Проект Mozilla анонсировал новый web-браузер для разработчиков: http://www.opennet.ru/opennews/art.shtml?num=40989

[78] Анонс RemoteIE: тестируем свежую версию Internet Explorer на Windows, Mac OS X, iOS и Android: http://habrahabr.ru/company/microsoft/blog/242271/

[79] Команда IE просит пользователей принять участие в разработке инструментов новой версии браузера: http://microsoftportal.net/internet-explorer/4136-komanda-ie-prosit-polzovateley-prinyat-uchastie-v-razrabotke-instrumentov-novoy-versii-brauzera.html

[80] Статистика от StatCounter на ноябрь 2014: IE упал ниже 20%: http://www.sitepoint.com/browser-trends-november-2014-ie-drops-20/

[81] Разработчики IE попросили сообщество проголосовать за будущуй функционал. Сообщество выбрало смерть браузера.: https://twitter.com/vivekspike/status/526611088155377664/photo/1

[82] 20 древнейших сайтов, которые до сих пор онлайн: http://ain.ua/2014/11/09/549046

[83] Сайты отелей мира: http://www.dejurka.ru/web-design/hotels-websites/

[84] twofold.com: http://twofold.com/

[85] Новый Google Calendar на Android: http://www.google.com/landing/calendar/

[86] lempens-design.com: http://www.lempens-design.com/

[87] shakerbrand.com/: http://shakerbrand.com/

[88] mathildejacon.com: http://www.mathildejacon.com/

[89] wmnvm.com/works: http://www.wmnvm.com/works

[90] spacejunk.com: http://spacejunk.com/

[91] Проблемы «отзывчивого» дизайна и способы их решения: http://siliconrus.com/2014/11/responsive/

[92] Кроссплатформенный интерфейс и интерфейс под платформу: https://medium.com/kovchiy/c36cea14c65c

[93] Два ретро эффекта в Adobe Photoshop: http://www.dejurka.ru/tutorial/two-retro-effects-for-photo/

[94] Геометрический бесшовный паттерн в Adobe Illustrator: http://www.dejurka.ru/tutorial/polygonal-background-adobe-illustrator/

[95] Букмарклеты в мире дизайна: https://medium.com/designing-medium/bookmarklets-in-the-design-world-cbb10493286d

[96] Работа с дизайнерами: http://efounders.co/blog/working-with-designers/

[97] Три закона интерактивного дизайна: http://uxdiogenes.com/blog/the-three-laws-of-interaction-design

[98] Краткая история иконки-гамбургера: http://blog.placeit.net/history-of-the-hamburger-icon/

[99] Эволюция кнопок в панелях приложений: http://blog.placeit.net/evolution-of-the-titlebar-buttons/

[100] Новый дизайн Google Maps: http://google-latlong.blogspot.ch/2014/11/google-maps-your-best-accessory-this.html

[101] Twitter emoji становятся Open Source: https://blog.twitter.com/2014/open-sourcing-twitter-emoji-for-everyone

[102] Мультяшные персонажи в веб-дизайне: http://line25.com/articles/20-web-designs-featuring-cool-cartoon-characters

[103] Создание эффекта простого, элегантного металлического текста с текстурой в Adobe Photoshop: http://design.tutsplus.com/tutorials/create-a-simple-elegant-textured-metal-text-effect-in-adobe-photoshop--cms-22430

[104] Использование новых сопряженных Smart обьектов в Photoshop CC 2014: http://design.tutsplus.com/tutorials/using-the-new-linked-smart-objects-in-photoshop-cc-2014--cms-21762

[105] Дизайн логотипа цыпленка в плоском дизайне в Adobe Illustrator: http://design.tutsplus.com/tutorials/design-a-flat-chicken-logotype-in-adobe-illustrator--cms-22449

[106] Прописи: разбираемся с типами букв: http://design.tutsplus.com/tutorials/hand-lettering-understanding-types-of-type--cms-22156

[107] uiGIFs: http://uigifs.com/

[108] Цветовые образцы для Sketch: http://build.pixelunion.net/sketch-swatches/

[109] Дюжина гранж-текстур: http://blog.spoongraphics.co.uk/freebies/12-free-vector-grunge-textures-to-erode-your-artwork

[110] Коллекция лучших стоковых фото: http://www.sitebuilderreport.com/stock-up

[111] Графические материалы, посвященные Рождеству 2014: http://thegeekdesign.com/christmas-freebie-collection/

[112] Шесть десятков иллюстраций-мокапов с плоским дизайном для демонстрации своих работ либо инструкций: http://www.webdesignerdepot.com/2014/11/free-download-60-flat-style-mockups/

[113] Четыре с половиной десятка мокапов с различными устройствами для презентации вашего UI: http://www.fusionplate.com/3190/free-digital-devices-mockups-to-present-your-ui-designs/

[114] Мокапы для демонстрации дизайна визиток: http://www.fusionplate.com/3245/free-high-quality-psd-business-card-mockups/

[115] Три десятка мокапов для демонстрации брэндинга и айдентики: http://www.fusionplate.com/3014/free-brandingidentity-stationery-psd-mockups/

[116] Дюжина высоко-качественных PSD мокапов: http://www.webdesignfreebies.net/tools/12-free-high-quality-psd-mock-ups/

[117] Мокап для демонстрации приложений на iPhone 6: http://ortheme.com/iphone-psd-mockup-free-download/

[118] Мокап для демонстрации дизайна визитки, кредитки либо карточки-сертификата: http://ortheme.com/free-business-card-credit-card-gift-card-hand-mockup/

[119] Большая коллекция высококачественных мокапов для демонстрации продуктов печатного дизайна: http://www.youthedesigner.com/graphic-design-resources/ultimate-collection-of-free-high-quality-psd-mockups-to-showcase-your-print-designs/

[120] Круглые иконки с плоским дизайном: http://ortheme.com/free-flat-icons/

[121] Набор круглых иконок с плоским дизайном Boldons (PNG, AI): http://www.smashingmagazine.com/2014/11/06/freebie-boldons-icon-set-45-icons-png-ai/

[122] Сотня Рождественских иконок от FreePik: http://www.webdesignfact.com/2014/11/100-free-christmas-icons-from-freepik.html

[123] Набор иконок посвященных отпуску: http://www.onextrapixel.com/2014/11/05/freebie-vacation-vector-icons-set-for-the-holidays/

[124] Azedo: http://thegeekdesign.com/font-of-the-week-4/

[125] Archive.org открыл доступ к сотням бесплатных «игровых автоматов»: http://itc.ua/blogs/archive-org-otkryil-dostup-k-sotnyam-besplatnyih-igrovyih-avtomatov/

[126] Happy Halloween: http://betravis.github.io/halloween-masking/

[127] Blackout: http://codepen.io/vennsoh/full/lckri

[128] Игра ColorRun: http://colorrun.pl/

[129] Winamp 2 на HTML5 и JS : http://jordaneldredge.com/projects/winamp2-js/

[130] Top 10 CodePens of the Week: http://scotch.io/bar-talk/top-10-codepens-of-the-week-14

[131] Секреты Facebook: Неочевидные и полезные инструменты соцсети: http://siliconrus.com/2014/11/facebook-tsss/

[132] Почему Microsoft любит Linux: http://inoblogger.ru/2014/11/03/microsoft-loves-linux/

[133] Когда программистам перестанут так много платить: http://siliconrus.com/2014/11/coders-high-salaries/

[134] Цукерберг ответил пользователям Facebook: Зачем их принуждают ставить Messenger и почему он носит одну и ту же футболку: http://siliconrus.com/2014/11/zuckerberg-qa/

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

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

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

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

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