Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №148 (16 — 22 февраля 2015)

---

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

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

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

[1] 5 способов сделать ваш сайт легче и быстрее: http://habrahabr.ru/post/250785/

[2] Самые нужные плагины для Grunt: http://habrahabr.ru/post/251157/

[3] MathMl в HTML5: http://habrahabr.ru/post/250981/

[4] Использование встроенных SVG с резервной поддержкой Grunticon: http://css-live.ru/articles/ispolzovanie-vstroennyx-svg-s-rezervnoj-podderzhkoj-grunticon.html

[5] Секреты браузерных инструментов разработчика (часть 2): http://css-live.ru/faq/sekrety-brauzernyx-instrumentov-razrabotchika-chast-2.html

[6] Адаптивные изображения уже здесь. И что теперь?: http://blog.cloudfour.com/responsive-images-are-here-now-what/

[7] Лучший запасной вариант для SVG и различные версии изображения с помощью элемента picture: http://sarasoueidan.com/blog/svg-picture/

[8] Пример разметки с поддержкой ARIA: https://github.com/iandevlin/ariabones/blob/master/basic-file-structure.html

[9] Прогрессивное улучшение — это не про доступность JavaScript: http://christianheilmann.com/2015/02/18/progressive-enhancement-is-not-about-javascript-availability/

[10] Как мы сделали новую главную страницу BBC: http://www.bbc.co.uk/blogs/internet/entries/47a96d23-ae04-444e-808f-678e6809765d

[11] Создание галереи изображений с Flickr API — стили и логика: http://www.sitepoint.com/creating-image-gallery-flickr-api-style-logic/

[12] 60 FPS и веб: http://daringfireball.net/2015/02/60_frames_per_second_and_the_web

[13] MIGHTYEDITOR — редактор для создания HTML5-игр: http://mightyfingers.com/

[14] Работа с гибридными приложениями и IBM MobileFirst: http://www.raymondcamden.com/2015/02/16/working-with-hybrid-applications-and-ibm-mobilefirst

[15] SVG-анимация, запускающаяся при прокрутке с помощью ScrollMagic: https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/

[16] Создание формы с данными кредитной карточки с помощью собственного элемента и Polymer: http://www.sitepoint.com/building-credit-card-form-custom-element-polymer/

[17] Как создать анимированную заливку текста: http://tympanus.net/codrops/2015/02/16/create-animated-text-fills/

[18] Пересмотренная загрузка шрифтов с помощью Font Events Font Loading от filamentgroup: http://www.filamentgroup.com/lab/font-events.html

[19] Глубокое погружение в Adobe Edge Reflow: http://www.smashingmagazine.com/2015/02/17/deep-dive-into-adobe-edge-reflow/

[20] Firebug vs Firefox Development Tools: http://ilikekillnerds.com/2015/02/firebug-vs-firefox-development-tools/

[21] Битва сборщиков скриптов: Gulp Vs Grunt: http://www.hongkiat.com/blog/gulp-vs-grunt/

[22] Новинки Web Audio в Firefox: https://hacks.mozilla.org/2015/02/whats-new-in-web-audio/

[23] yourbrowser.is: http://yourbrowser.is/

[24] Modulator: http://www.metaflop.com/modulator

[25] Cymbolism: http://cymbolism.com/

[26] Подборка интересных CSS рецептов «Голые пятницы #4»: http://habrahabr.ru/company/wargaming/blog/245997/

[27] Знакомство с object-fit: http://css-live.ru/articles/znakomstvo-s-object-fit.html

[28] Случайны сброс стилей (Accidental CSS Resets): http://css-tricks.com/accidental-css-resets/

[29] Polylion: http://css-tricks.com/polylion/

[30] Основные и вспомогательные контрольные точки в Sass (Breakpoints and Tweakpoints in Sass): http://www.sitepoint.com/breakpoints-tweakpoints-sass/

[31] CSS Ruler: http://katydecorah.com/css-ruler/

[32] littlebox: http://littlebox.cabmaddux.com/

[33] CSS iOS устройства (CSS Devices): http://lukejamestaylor.com/portfolio/css-devices/

[34] CSS-шутки (CSS Puns & CSS Jokes ~ Curated by Saijo George): http://saijogeorge.com/css-puns/

[35] CSS фреймворки, которые не являются Foundation-ом или Bootstrap-ом: http://www.designyourway.net/blog/resources/css-frameworks-that-arent-foundation-or-bootstrap/

[36] Официальный CSS Guide от Trello : https://gist.github.com/bobbygrace/9e961e8982f42eb91b80

[37] Используем селектор CSS :target для создания UI-эффектов без JS: http://blogs.adobe.com/dreamweaver/2015/01/using-the-css-target-selector-to-create-javascript-less-ui-effects.html

[38] Уменьшаем шрифты еще лучше с помощью WOFF 2.0 и unicode-range: http://googledevelopers.blogspot.com/2015/02/smaller-fonts-with-woff-20-and-unicode.html

[39] Awesome Sass — курируемый список с материалами по Sass.: https://github.com/HugoGiraudel/awesome-sass

[40] Разрыв отношений с Sass: дело не в тебе, дело во мне..: http://benfrain.com/breaking-up-with-sass-postcss/

[41] Angular Light + Object.observe: http://habrahabr.ru/post/250589/

[42] Улучшаем код JavaScript на примере StarWars API: http://habrahabr.ru/post/250771/

[43] Konva.js — HTML5 2d canvas framework: http://habrahabr.ru/post/250897/

[44] SummaryJS, выпуск 2: http://habrahabr.ru/post/251111/

[45] Операционные системы, потерянные и обретённые внебраузерным джаваскриптом: http://habrahabr.ru/post/251171/

[46] 6to5 теперь Babel и целится дальше: http://web-standards.ru/news/958/

[47] Используем цепочки методов: http://forwebdev.ru/javascript/chaining/

[48] Используем requestAnimationFrame: http://forwebdev.ru/javascript/using-requestanimationframe/

[49] Проверка содержимого массива с Array#some: http://forwebdev.ru/javascript/testing-array-contents/

[50] Репозиторий jQuery плагинов закрыт для записи, теперь плагины будут публиковать как npm пакеты (Welcome, jQuery developers!): http://blog.npmjs.org/post/111385956875/welcome-jquery-developers

[51] Публикация jQuery-плагинов в npm, простой и грязный способ: http://blog.npmjs.org/post/111475741445/publishing-your-jquery-plugin-to-npm-the-quick

[52] Важные изменения, которым следует уделить внимание в AngularJS 1.3: http://sixrevisions.com/javascript/changes-in-angularjs-1-3/

[53] Классы в ES6 (последняя версия семантики) (Classes in ECMAScript 6 (final semantics)): http://www.2ality.com/2015/02/es6-classes-final.html

[54] JavaScript ❤ Unicode: http://fluentconf.com/javascript-html-2015/public/content/2015/02/18-javascript-loves-unicode

[55] Видео с 90-минутным обзором ECMAScript 6 (A 90 minute overview of ECMAScript 6 (video)): http://www.2ality.com/2015/02/using-es6-today-minsk.html

[56] Ужасные ошибки в JS коде, которые стоит избегать при использовании статических анализаторов: http://www.smashingmagazine.com/2015/02/18/avoid-javascript-mistakes-with-static-code-analyzer/

[57] Как делать производительные графики на базе шаблонов с помощью Path.js: http://www.sitepoint.com/create-performant-template-based-charts-paths-js/

[58] Подведение итогов конференции React.sj 2015: http://facebook.github.io/react/blog/2015/02/18/react-conf-roundup-2015.html

[59] Дорожная карта io.js (io.js Roadmap): http://roadmap.iojs.org/

[60] Визуальное регрессионное тестирование приложений на AngularJS: http://davidwalsh.name/visual-regression-testing-angular-applications

[61] generate-schema: https://github.com/Nijikokun/generate-schema

[62] jQuery.scrollSpeed: https://github.com/ByNathan/jQuery.scrollSpeed

[63] Awesomplete: http://leaverou.github.io/awesomplete/

[64] Как работает NativeScript: http://developer.telerik.com/featured/nativescript-works/

[65] Dug.js: http://rog.ie/blog/dugjs-a-jsonp-to-html-script

[66] Awesomplete: виджет для авто-подсказок в текстовых полях без зависимостей: http://lea.verou.me/2015/02/awesomplete-2kb-autocomplete-with-zero-dependencies/

[67] Есть ли жизнь после Presto?: http://my-chrome.ru/2015/02/est-jizn-posle-presto/

[68] Firefox 38 показывает, какие расширения замедляют браузер: http://itc.ua/blogs/firefox-38-pokazyivaet-kakie-rasshireniya-zamedlyayut-brauzer/

[69] Представлен новый лидер Firefox и структурные изменения в Mozilla: http://www.opennet.ru/opennews/art.shtml?num=41690

[70] JavaScript движок в Windows 10 будет поддерживать быстрый Mozilla Asm.js: http://itc.ua/blogs/javascript-dvizhok-v-windows-10-budet-podderzhivat-byistryiy-mozilla-asm-js/

[71] stripe.com/bitcoin: https://stripe.com/bitcoin

[72] 60th.eurovision.tv: http://60th.eurovision.tv/

[73] mc3.com.au: http://mc3.com.au/

[74] couleecreative.com: http://couleecreative.com/

[75] Подборка-обзор адаптивных японских сайтов: http://responsive-jp.com/

[76] Компьютерные интерфейсы в кино — эволюция воображения: http://habrahabr.ru/post/250829/

[77] Редизайн доллара, смартфон-часы, обновление The New York Times и еще 7 новостей дизайна: http://siliconrus.com/2015/02/design-week-3/

[78] Почему UI-специалисты отказываются от Photoshop и переходят на Sketch: http://siliconrus.com/2015/02/sketch/

[79] Лучшие дизайн блоги на Tumblr: http://www.dejurka.ru/articless/best-tumblr-blogs/

[80] Веб-дизайн в оттенках серого: http://www.dejurka.ru/web-design/shades-of-grey-web-design/

[81] Электронная схема в Adobe Illustrator: http://www.dejurka.ru/tutorial/vector-circuit-board/

[82] Иллюстрации в стиле low poly: http://www.dejurka.ru/inspiration/low-poly-illustration/

[83] Интервью с иллюстратором Monika Zagrobelna: http://design.tutsplus.com/articles/to-the-point-interview-with-monika-zagrobelna--cms-23212

[84] Дизайн мобильных приложений и все что может пойти с ним не так: http://www.sitepoint.com/mobile-ux-design-ways-go-wrong/

[85] Пять сбивающих с толку иконок и их история (5 Confusing Icons and Their History): http://blog.placeit.net/confusing-icons-history/

[86] Крутое в Японии: веб-дизайн в стране восходящего солнца: http://webdesign.tutsplus.com/articles/big-in-japan-web-design-in-the-land-of-the-rising-sun--cms-23290

[87] Правим Goodreads, часть первая (Editing Goodreads, Part 1): https://medium.com/@tinygoatstudio/editing-goodreads-6c0ee0ca452e

[88] Balenciaga.com Re-design: https://vimeo.com/119900122

[89] За кулисами перезапуска журнала NY Times: http://www.nytimes.com/2015/02/22/magazine/behind-the-relaunch-of-the-new-york-times-magazine-by-jake-silverstein.html?_r=0

[90] Быстрая подсказка: рисование твердыми и мягкими кистями в фотошопе: http://design.tutsplus.com/articles/quick-tip-painting-with-hard-vs-soft-brushes-in-adobe-photoshop--cms-23144

[91] Типографика в Sketch 3: стили для текста: https://medium.com/@ericajaclyn/typography-in-sketch-3-linked-text-styles-9946a32af688

[92] Типографика в действии: дизайн простых и эффективных типографических логотипов: http://design.tutsplus.com/tutorials/typography-in-action-design-simple-effective-type-logos--cms-23168

[93] Семнадцать цитат знаменитых графических дизайнеров: http://99designs.com/designer-blog/2013/09/16/10-famous-design-quotes/

[94] commments.com: http://commments.com/

[95] What’s Hot and What’s Not: Web Design In 2015: http://www.instantshift.com/2015/02/18/2015-hot-web-design-trends/

[96] Блогерам, дизайнерам и всем-всем-всем: 30+ бесплатных фотостоков: http://lifehacker.ru/2015/02/21/30-fotostokov/

[97] Шелковые текстуры для вашего дизайна: http://www.dejurka.ru/graphics/free-silk-textures/

[98] Шаблоны открыток с цветочной тематикой: http://www.dejurka.ru/graphics/lower-cards/

[99] Шесть плагинов к Sketch для экономии вашего времени: http://blog.invisionapp.com/6-time-saving-sketch-plugins-to-install-right-now-for-free/

[100] Четыре с половиной десятка скриптов для фотошопа: http://www.vandelaydesign.com/photoshop-actions/

[101] Десять мокапов для демонстрации айдентики и бренда (10 Free Branding/Identity & Stationery PSD Mockups – February 2015 Edition): http://www.fusionplate.com/4744/10-free-brandingidentity-stationery-psd-mockups-february-2015-edition/

[102] Семьдесят семь шаблонов (Web TemplatesPSD): http://www.bypeople.com/web-templates-psd/

[103] Иконки посвященные спорту и фитнесу (Sport & Fitness Vector Icons – Freebie): http://webuilddesign.com/sport-fitness-vector-icons-freebie/

[104] Набор из ста векторных плоских одноцветных иконок для приложений: http://designinstruct.com/free-resources/icons/100-app-icons-free/

[105] Love is in the air: http://eightblackdots.com/valentines2015.html

[106] Набор векторных иконок Subway: https://github.com/pixle/subway

[107] Набор плоских иконок посвященных офисной жизни (36 free flat icons for your next productivity app): http://blog.invisionapp.com/36-free-flat-icons-for-your-next-productivity-app/

[108] Десятка шрифтов без засечек которые должны быть у каждого: http://designinstruct.com/fonts/free-sans-serif-fonts/

[109] Декоративный шрифт без засечек Nordic: https://www.behance.net/gallery/22172647/Nordic-(free-font)

[110] Serendipity — рукописный курсивный шрифт (Serendipity Script Free Font): http://pixelbuddha.net/freebie/free-font-serendipity-script

[111] Три десятка февральских клевых шрифтов: от Kontanter до Nurjan: http://www.fusionplate.com/4761/30-free-cool-fonts-designers-february-2015-edition/

[112] Новые шрифты за январь 2015: от декоративного Bigdog до иконочного Industrial Worker: http://www.onextrapixel.com/2015/02/20/the-best-new-free-fonts-released-in-january-2015/

[113] Мак и iPad — рисуем вместе: http://astropad.com/

[114] Теперь я могу видеть WiFi-сигналы: https://imgur.com/gallery/jdNA6

[115] Flight Stream: http://callumprentice.github.io/apps/flight_stream/index.html

[116] apparently transparent: http://www.dhteumeuleu.com/apparently-transparent

[117] HTTP/2 закончен: http://habrahabr.ru/post/250901/

[118] Microsoft дарит OneDrive на 100 ГБ пользователям Dropbox : http://geektimes.ru/post/246240/

[119] Ограбление по-российски: хакеры Carbanak сумели похитить $1 млрд: http://www.3dnews.ru/909541/

[120] Хакеры похитили $300 млн из ста банков: http://slon.ru/fast/world/khakery-pokhitili-300-mln-iz-sta-bankov-1215593.xhtml

[121] Безопасности нет, смиритесь. По следам Equation Group: http://www.computerra.ru/116269/eg/

[122] Darpa планирует создать нейронный модем для прямой передачи изображений/информации в мозг: http://itc.ua/blogs/darpa-planiruet-sozdat-neyronnyiy-modem-dlya-pryamoy-peredachi-izobrazheniy-informatsii-v-mozg/

[123] Инвестор Джейсон Калаканис: Apple купит Tesla в течение 18 месяцев за $75 млрд: http://siliconrus.com/2015/02/will-apple-buy-tesla/

[124] Ara, да? Или модульный смартфон будущего: http://habrahabr.ru/company/papabubadiop/blog/250723/

[125] Ретро: Это фотошоп или инстаграм: http://tjournal.ru/paper/adobe-photoshop-25

[126] Искусство произведения: 25 интересных фактов о «Фотошопе» к его 25-летию: http://ain.ua/2015/02/19/565326

[127] Топ-менеджер «Яндекса» Григорий Бакунов о подаче жалобы в ФАС, монополизации и альтернативах Google Play: http://siliconrus.com/2015/02/bakunov/

[128] Мразь ты, улиточка: http://tjournal.ru/paper/2ch-experiment-results

[129] Илон Маск — визионер или злодей?: http://www.lookatme.ru/mag/how-to/ask/211951-question-musk

[130] Главные IT-тренды 2015 года по мнению Intel: умные вещи и города, Big Data и отказ от проводов: http://itc.ua/news/glavnyie-trendyi-2015-goda-po-mneniyu-intel-umnyie-veshhi-goroda-big-data-otkaz-ot-provodov/

[131] Обострение конфликта: Зачем «Яндекс» пожаловался на Google в ФАС: http://siliconrus.com/2015/02/yandex-fas/

[132] Как в новостях о Марсе появляются динозавры : http://geektimes.ru/post/246230/

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

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

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

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

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