Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №199 (15 — 21 февраля 2016)

---

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

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

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

[1] Веб-разработка: #webdev

[2] CSS: #css

[3] Javascript: #js

[4] Браузеры: #browser

[5] Дизайн: #design

[6] Новости: #news

[7] Занимательное: #intresting

[8] Тестируем вёрстку правильно: https://habrahabr.ru/company/2gis/blog/277457/

[9] 6 впечатляющих веб-технологий 2015 года: https://habrahabr.ru/company/plarium/blog/277485/

[10] Я web разработчик и я уже 10 дней не могу написать простейшее приложение: https://habrahabr.ru/post/277323/

[11] Как выбрать фреймворк для frontend-разработки: https://habrahabr.ru/post/277547/

[12] How To Pick a Frontend Web Framework: https://top.fse.guru/how-to-pick-a-frontend-web-framework-652186bbf6c5

[13] Эффективное использование ARIA в HTML5: http://prgssr.ru/development/ispolzovanie-aria-v-html5.html

[14] Google не советует закрывать ссылки от индексации через JavaScript и AJAX: http://www.searchengines.ru/news/archives/google_ajax_javascript.html

[15] Готовимся к HTTP/2: руководство для дизайнеров и разработчиков: https://www.smashingmagazine.com/2016/02/getting-ready-for-http2/

[16] Все, что вы хотели знать про AMP от Google: https://www.smashingmagazine.com/2016/02/everything-about-google-accelerated-mobile-pages/

[17] 5 способов улучшения рейтинга вашего сайта в поисковой выдаче Google с помощью CDN: https://www.keycdn.com/blog/improve-google-ranking/

[18] The Anatomy of a Frame: https://aerotwist.com/blog/the-anatomy-of-a-frame/

[19] Уборка дома после Internet Explorer: http://www.sitepoint.com/cleaning-house-after-internet-explorer/

[20] Руководство по Jade для новтчков: http://www.sitepoint.com/jade-tutorial-for-beginners/

[21] Удаленная отладка для фронтенд-разработчиков: http://www.sitepoint.com/remote-debugging-for-front-end-developers/

[22] Frontend дизайн: http://bradfrost.com/blog/post/frontend-design/

[23] API: как работает Интернет за кулисами: https://medium.com/@michaelrbock/apis-how-the-internet-works-behind-the-scenes-690288634c32

[24] mjml: https://mjml.io/

[25] Еженедельная подборка красивых эффектов на CSS/SVG/JS #25: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-25.html

[26] Создание концентрических кругов с симпатичными цветовыми палитрами (SVG): http://mediatemple.net/blog/tips/building-concentric-circles-with-nice-color-palettes-for-fun-and-science/

[27] Полароидный эффект заполнения сетки с продуктами: http://tympanus.net/codrops/2016/02/17/polaroid-stack-to-grid-intro-animation/

[28] Шаблон выезжающих панелей: https://codyhouse.co/gem/sliding-panels-template/

[29] Such Magic: https://c1.goote.ch/329cb2e3ea414313b8fe97c751d81171.scene/

[30] Codeology: http://codeology.braintreepayments.com/featured

[31] Несколько неочевидных frontend-хитростей: https://habrahabr.ru/company/wargaming/blog/251441/

[32] Все способы вертикального выравнивания в CSS: https://habrahabr.ru/company/netcracker/blog/277433/

[33] Мысли вслух о подсетках в CSS Grid Layout: http://css-live.ru/articles/mysli-vslux-o-podsetkax-v-css-grid-layout.html

[34] Subgrids thinking out loud: http://blogs.igalia.com/mrego/2016/02/12/subgrids-thinking-out-loud/

[35] css-live.ru: http://css-live.ru/

[36] Свойство background-clip и его применения: http://css-live.ru/articles-css/background-clip-use-cases.html

[37] The `background-clip` Property and its Use Cases: https://css-tricks.com/the-backgound-clip-property-and-use-cases/

[38] Будущее загрузки CSS: http://css-live.ru/articles/budushhee-zagruzki-css.html

[39] The future of loading CSS: https://jakearchibald.com/2016/link-in-body/

[40] Управление загрузкой CSS с помощью пользовательских свойств: http://css-live.ru/articles/upravlenie-zagruzkoj-css-s-pomoshhyu-polzovatelskix-svojstv.html

[41] Control CSS loading with custom properties: https://jakearchibald.com/2016/css-loading-with-custom-props/

[42] Одно свойство CSS, которое я действительно хочу: http://bitsofco.de/the-one-css-feature/

[43] CSS Custom Properties: как использовать переменные в Chrome 49: http://www.noupe.com/development/css-custom-properties-how-to-use-variables-in-chrome-49-95998.html

[44] Hand-Drawn Border Buttons: http://codepen.io/tmrDevelops/pen/VeRvKX

[45] Реализация сердечек на CSS: https://css-tricks.com/hearts-in-html-and-css/

[46] Быстрый обзор `object-fit` и `object-position`: https://css-tricks.com/on-object-fit-and-object-position/

[47] Стайлгайд для бедных: http://www.poormansstyleguide.com/

[48] Sass: Плейсхолдеры и селекторы @extend-Only: http://vanseodesign.com/css/sass-placeholders/

[49] Создание динамического портфолио с помощью CSS Scrolling Snap Points: http://thenewcode.com/414/Make-a-Dynamic-Portfolio-with-CSS-Scrolling-Snap-Points

[50] Отключите задержку в 300ms delay на мобильных с помощью CSS touch-action или асинхронно скачайте FastClick как полифилл: https://github.com/alekseykulikov/touch-action

[51] Убираем двойные проблемы у выделяемых цитат: http://www.sitepoint.com/taking-double-trouble-pull-quotes/

[52] Начало работы с системами сеток на Flexbox: http://www.webdesignerdepot.com/2016/02/getting-started-with-flexbox-grid-systems/

[53] Переключение тем с помощью CSS custom свойств: https://justmarkup.com/log/2016/02/theme-switcher-using-css-custom-properties/

[54] Пингвин (Без HTML и JS): http://codepen.io/oxsouls/pen/EPMgLG

[55] Дополнительные свойства Javascript: https://habrahabr.ru/post/277489/

[56] Чем плох JavaScript в большом проекте? С какими проблемами мы столкнулись и как их решали: https://habrahabr.ru/company/wrike/blog/277255/

[57] Правила хорошего тона при написании плагина на jQuery: https://habrahabr.ru/post/277603/

[58] Radio JS, Выпуск 34: Синтаксический диабет: https://radiojs.ru/2016/02/radiojs-34/

[59] Локализация времени в JavaScript: http://frontender.info/localizing-times-in-javascript/

[60] Советы и техники для манипуляций с DOM элементами: http://e-planet.ru/company/blog/sovety-i-tehniki-dlja-manipuljatsij-s-dom-elementami.html

[61] Как выучить JavaScript: https://sivers.org/learn-js

[62] MERN — простейший путь по созданию изоморфических JS приложений с MongoDB, Express, React & Redux, Node: http://mern.io/

[63] Генерация PDF из веб-страниц на лету с jsPDF: http://www.sitepoint.com/generating-pdfs-from-web-pages-on-the-fly-with-jspdf/

[64] React vs Angular 2 — сравнение несравнимого?: http://blog.scalac.io/2016/02/16/react-vs-angular-2.html

[65] Dan Abramov: Мы только что перевели на reactjs Github org: https://github.com/reactjs/redux/issues/1392

[66] Анимация неанимированного. Плавные переходы при изменении позиций в react.js: https://medium.com/developers-writing/animating-the-unanimatable-1346a5aab3cd

[67] Как использовать Laravel API с AngularJS: http://www.sitepoint.com/how-to-consume-laravel-api-with-angularjs/

[68] Руководство по стилю для Angular приложений: https://github.com/johnpapa/angular-styleguide

[69] Вызов Rest сервиса в AngularJS: http://www.c-sharpcorner.com/blogs/call-rest-service-in-angularjs

[70] Необходимые инструменты для создания SPA с AngularJS: http://www.telerik.com/blogs/angularjs-developer-tools-list

[71] Видео: урок по React Props, Defaults и Modules: http://www.sitepoint.com/watch-a-lesson-on-react-props-defaults-and-modules/

[72] Плавные игровые анимации в React: https://medium.com/tech-quizlet/smooth-game-animations-in-react-df43ece916c8

[73] Функциональное программирование в Ember: Daniel Chappell в Q2 eBanking: http://www.real-world-ember.com/

[74] ES6 const: иммутабельность ни при чём: http://frontender.info/const-immutability/

[75] ES2016: Should the Future of JavaScript Be Developer-Driven?: http://www.sitepoint.com/es2016-should-future-of-javascript-be-developer-driven/

[76] Шпаргалка по Javascript ES6 от duckduckgo: https://duckduckgo.com/?q=es6+cheatsheet&ia=answer&iax=1

[77] ES6 library starter — основа для библиотеки на ES6: https://github.com/liady/es6-library-minimal

[78] Как работают промисы в JavaScript: https://spin.atomicobject.com/2016/02/16/how-javascript-promises-work/

[79] JavaScript: как создать и использовать обьект Promise: https://dzone.com/articles/javascript-how-to-define-process-a-promise-object

[80] Объяснение неизменяемости: https://medium.com/@roman01la/explaining-immutability-2aedc221b4c0

[81] Отправка писем с помощью Gmail JavaScript API: http://www.sitepoint.com/sending-emails-gmail-javascript-api/

[82] Введение в достаточно чистое функциональное программирование: http://www.sitepoint.com/an-introduction-to-reasonably-pure-functional-programming/

[83] Интервью с создателем Durandal и Aurelia, Rob-ом Eisenberg: https://www.cuttlesoft.com/interview-with-durandals-rob-eisenberg/

[84] Видео по теме Full Stack JavaScript: http://webapplog.com/full-stack-javascript/

[85] Простой пример Ajax/jQuery.getJSON: http://www.sitepoint.com/ajaxjquery-getjson-simple-example/

[86] Descartes — экспериментальная библиотека для написания CSS в JS: https://descartes.io/

[87] Введение в Web MIDI: http://code.tutsplus.com/tutorials/introduction-to-web-midi--cms-25220

[88] search-index — механизм полнотекстового поиска для браузера и Node.js: https://github.com/fergiemcdowall/search-index

[89] Bricks.js: http://callmecavs.com/bricks.js/

[90] okayNav: https://github.com/VPenkov/okayNav

[91] jQuery easypin — добавление информационных булавок на изображения: https://github.com/atayahmet/jquery.easypin

[92] Sticky Elements: http://design.iamvdo.me/stickyElements/

[93] Firefox с поддержкой мультипроцессовости будет изначально использовать на 10%-20% больше памяти: http://itc.ua/blogs/firefox-s-podderzhkoy-multiprotsessovosti-budet-iznachalno-ispolzovat-na-10-20-bolshe-pamyati/

[94] Как поменять количество используемых процессов в Firefox e10s: http://itc.ua/blogs/kak-pomenyat-kolichestvo-ispolzuemyih-protsessov-v-firefox-e10s/

[95] Google Chrome будет рекомендовать пользователям новостные статьи: http://www.searchengines.ru/news/archives/chrome_budet_re.html

[96] Debian и Mozilla договорились об использовании бренда Firefox вместо Iceweasel: http://www.opennet.ru/opennews/art.shtml?num=43894

[97] Firefox не примет участие в соревнованиях Pwn2Own 2016: http://www.opennet.ru/opennews/art.shtml?num=43891

[98] Изучение изменения потребления памяти Firefox в многопроцессном режиме: http://www.opennet.ru/opennews/art.shtml?num=43872

[99] Представление компилятора B3 JIT: https://webkit.org/blog/5852/introducing-the-b3-jit-compiler/

[100] Мои правила хорошего интерфейса: https://habrahabr.ru/post/277399/

[101] Мнение: «Лучшая иконка — это текст»: https://vc.ru/p/icon-text

[102] Sketch + Craft: союз, созданный на цифровых небесах: http://sketchapp.me/sketch-craft-soyuz-sozdannyj-na-cifrovyx-nebesax/

[103] Как хакнуть Sketch Content Generator для использования вашего собственного контента: http://sketchapp.me/kak-xaknut-sketch-content-generator-dlya-ispolzovaniya-vashego-sobstvennogo-kontenta/

[104] Интервью с основателем Sketch, Питером Омвли: http://sketchapp.me/intervyu-s-osnovatelem-sketch-piterom-omvli/

[105] Безболезненный переход с Photoshop на Sketch: http://sketchapp.me/bezboleznennyj-perexod-s-photoshop-na-sketch/

[106] Мои настройки Sketch: https://medium.com/sketch-app-sources/getting-set-up-with-sketch-b051fea9090a

[107] Почему Sketch — идельный инструмент для дизайна интерфейсов: https://medium.com/sketch-tricks/why-sketch-is-the-perfect-tool-for-interface-design-69ebb1da0744

[108] Illustrator за 60 секунд: как создать свою настройку рабочего пространства: http://design.tutsplus.com/tutorials/illustrator-in-60-seconds-how-to-create-a-custom-workspace--cms-25788

[109] О китайских трендах в мобильном UI: http://dangrover.com/blog/2016/01/31/more-chinese-mobile-ui-trends.html

[110] 5 принципов для эффективной анимации в UX: http://blogs.adobe.com/dreamweaver/2016/02/five-principles-for-effective-animation-in-ux.html

[111] UX дизайн в 14-ти простых шагах: https://medium.com/@MrAlanCooper/ux-design-in-14-simple-steps-b8a0f2780769

[112] collectui — коллекция решений для UI: http://collectui.com/

[113] Методы для использования микро-взаимодействий на вашем сайте: http://speckyboy.com/2016/02/15/micro-interactions/

[114] 9 способов использования контроля над разумом в веб-дизайне: http://www.creativebloq.com/infographic/9-ways-use-mind-control-web-design-21619276

[115] Зарубежные художники: южная Африка: http://design.tutsplus.com/articles/international-artist-feature-south-africa--cms-25744

[116] Fred Gelli про брендинг олимпийских игр в Рио и планировании открытия пара-олимпийских игр: http://www.creativereview.co.uk/cr-blog/2016/february/fred-gelli-on-branding-the-rio-olympics-and-planning-the-paralympics-opening-ceremony/

[117] Дизайн с осмысленными данными: https://medium.com/@preciousforever/designing-with-meaningful-data-5456b40e172e

[118] Дизайн для Apple TV: https://medium.com/@flarup/designing-for-the-apple-tv-5992c3aab1e4

[119] Вспоминая дизайнерское наследие другой великой компании Стива Джобса: http://www.fastcodesign.com/3056684/remembering-the-design-legacy-of-steve-jobss-other-great-computer-company

[120] Делаем дизайн для видео Walkie Talkie: https://medium.com/@mahdif/designing-a-new-feature-9ed1dd23fa1f

[121] Креативность и продуктивность в FiftyThree: https://medium.com/in-progress/creativity-and-productivity-at-fiftythree-112ab025e06a

[122] Как Quartz привлекает новых пользователей: http://www.useronboard.com/how-quartz-onboards-new-users/

[123] Руководство по авиа-рекламе 12-летней давности: https://medium.com/@jakek/a-12-year-old-s-guide-to-airline-advertisements-ff49c5a088e3

[124] Uber's Atomic Meltdown: http://www.elischiff.com/blog/2016/2/16/ubers-atomic-meltdown

[125] Преимущества наема сторонней дизайнерской команды: https://medium.com/@studiofunction/the-not-so-secret-benefits-of-hiring-an-external-design-team-859b6bddfc5b

[126] Обновленный Marvel 2.0: http://blog.marvelapp.com/welcome-to-marvel-2-0/

[127] Как лампочка стала ассоциацией с новой идеей?: https://medium.com/cultural-facts/how-did-the-lightbulb-become-associated-with-a-new-idea-1dce1b6d648

[128] Почему символ сердца настолько не верен с точки зрения анатомии?: http://priceonomics.com/why-is-the-heart-emoji-so-anatomically-incorrect/

[129] Детали дизайна: Quartz для iOS: http://blog.brianlovin.com/design-details-quartz/

[130] Редактирование последнего неуместного сообщения: https://suganth.cc/editing-your-last-embarrassment-af377f7c123d

[131] Последние лучшие источники для вдохновения дизайном: http://www.sitepoint.com/the-14-latest-and-greatest-sources-of-design-inspiration/

[132] Сделайте прототипирование менее болезненным используя эти подсказки: http://www.sitepoint.com/less-painful-prototyping-tips/

[133] Создание вайрфреймов контента для адаптивного дизайна: https://www.smashingmagazine.com/2016/02/create-content-wireframes-for-responsive-design/

[134] Как создавать руководства по стилю для веб проектов в InVision: http://www.youandco.com.au/blog/how-to-build-a-style-guide-for-your-web-project-using-invision

[135] Пять десятков взрывных визиток: http://webdesignledger.com/50-unique-business-cards-that-will-make-your-mind-explode/

[136] Логотипы, созданные женщинами: https://medium.com/@LogoGeek/logos-designed-by-women-e7030f0a37e5

[137] Подбор шрифтовой пары для книги с рецептами: http://blog.typekit.com/2016/02/12/choosing-and-pairing-typefaces-for-cookbooks/

[138] ippy: http://www.ippycon.com/

[139] Новый логотип для Олимпийских игр в Париже в 2024-м: http://www.underconsideration.com/brandnew/archives/new_logo_for_paris_2024_candidate_city_by_dragon_rouge.php

[140] Бесплатные текстуры кофейных разводов на бумаге: http://www.dejurka.ru/graphics/free-coffee-paper-texture/

[141] Векторный клипарт для мужского дизайна: http://www.dejurka.ru/graphics/free-men-vector/

[142] Бесплатные текстуры пластика и пенопласта: http://www.dejurka.ru/graphics/free-plastic-texture/

[143] Иконки на тему загрязнения и источников энергии (AI, EPS, SVG): http://tympanus.net/codrops/2016/02/18/freebie-pollution-energy-icons/

[144] Минималистичный набор UI мобильного чата: http://www.webappers.com/2016/02/20/free-download-a-minimal-mobile-chat-ui-kit/

[145] Chat–a минималистичный набор UI: https://dribbble.com/shots/2519265-Chat-a-beautifully-minimal-UI-kit

[146] RePrint: http://www.re-print.me/?mc_cid=4df1c7dbfd&mc_eid=f511f054ab#/calendars/

[147] Foundry ∞: http://thoughtbot.github.io/foundry/

[148] Наборы иконок посвященных спорту: http://designmodo.com/free-sport-icons/

[149] Набор иконок Nucleo Flat Business (AI & SVG): http://speckyboy.com/2016/02/16/free-nucleo-flat-business-icon-set/

[150] Olios: PSD шаблон для eCommerce сайтов: http://webresourcesdepot.com/olios-free-psd-template/

[151] Наборы иконок для веб-дизайна: http://www.designyourway.net/blog/resources/35-of-the-best-minimalist-icons-for-web-design-projects/

[152] Fenton — шрифт без засечек: https://www.behance.net/gallery/29506851/Fenton-Typeface-Family-Freebie

[153] Weem — шрифт с засечками: https://www.behance.net/gallery/34045436/Weem-Free-Font

[154] GitHub добавил поддержку шаблонов для Issue и Pull-реквестов: https://habrahabr.ru/company/inoventica/blog/277497/

[155] Google открывает API сервиса Google Photos, умеющий распознавать объекты и эмоции: http://ain.ua/2016/02/19/633760

[156] Twitter добавил встроенный поиск и публикацию GIF-изображений: http://ain.ua/2016/02/18/633458

[157] Apple занялась решением «Проблемы 1970»: https://tjournal.ru/23144-apple-zanyalas-resheniem-problemi-1970

[158] Apple серьёзно относится к технологиям виртуальной и дополненной реальности: http://www.3dnews.ru/928359/

[159] Bluetooth SIG предложила платформу для вещей с подключением к Интернету: http://www.3dnews.ru/928336/

[160] Первому электронному компьютеру исполнилось 70 лет: http://www.3dnews.ru/928376/

[161] Google предложила забыть о Picasa: http://www.3dnews.ru/928375/

[162] В Twitter'е появится поиск по анимированным GIF: http://www.searchengines.ru/news/archives/twitter_gif_search.html

[163] Yahoo сократит 300 человек, а также закроет ряд онлайн-журналов: http://www.3dnews.ru/928614/

[164] Уязвимость JSF**k, которую eBay отказался исправить, уже эксплуатируют хакеры: https://xakep.ru/2016/02/20/jsfuck-in-work/

[165] Полное руководство по настройкам конфиденциальности Windows 10: http://keddr.com/2016/02/polnoe-rukovodstvo-po-nastroykam-konfidentsialnosti-windows-10/

[166] История MySpace: почему Крис Де Вольф и Том Андерсон проиграли конкуренцию с Facebook: https://vc.ru/p/myspace-story

[167] Открытое письмо главы Apple: http://www.apple.com/customer-letter/

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

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

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

[171] Источник: https://habrahabr.ru/post/277697/

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