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

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Веб-разработка

• Тестируем вёрстку правильно
• 6 впечатляющих веб-технологий 2015 года
• Я web разработчик и я уже 10 дней не могу написать простейшее приложение
• Как выбрать фреймворк для frontend-разработки. Перевод статьи How To Pick a Frontend Web Framework
• Эффективное использование ARIA в HTML5
• Google не советует закрывать ссылки от индексации через JavaScript и AJAX
• Готовимся к HTTP/2: руководство для дизайнеров и разработчиков (Getting Ready For HTTP/2: A Guide For Web Designers And Developers)
• Все, что вы хотели знать про AMP от Google (Turn Your AMP Up To 11: Everything You Need To Know About Google’s Accelerated Mobile Pages)
• 5 способов улучшения рейтинга вашего сайта в поисковой выдаче Google с помощью CDN (5 Ways to Improve Google Ranking in SERPs With a CDN)
• The Anatomy of a Frame
• Уборка дома после Internet Explorer (Cleaning House after Internet Explorer)
• Руководство по Jade для новтчков (A Jade Tutorial for Beginners)
• Удаленная отладка для фронтенд-разработчиков (Remote Debugging for Front-End Developers)
• Frontend дизайн (Frontend Design)
• API: как работает Интернет за кулисами (APIs: How the Internet Works Behind the Scenes)
• mjml — единственный фреймворк, позволяющий делать адаптивные email-шаблоны легко
• Эффектный веб:
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #25
  • Создание концентрических кругов с симпатичными цветовыми палитрами (SVG)
  • Полароидный эффект заполнения сетки с продуктами
  • Шаблон выезжающих панелей (Sliding Panels Template)
  • Such Magic демо
  • Codeology — кибер-существа из гитхаба

CSS

• Несколько неочевидных frontend-хитростей
• Все способы вертикального выравнивания в CSS
• Мысли вслух о подсетках в CSS Grid Layout. Перевод статьи Subgrids thinking out loud сообществом css-live.ru
• Свойство background-clip и его применения. Перевод статьи Аны Тудор The `background-clip` Property and its Use Cases
• Будущее загрузки CSS. Перевод статьи The future of loading CSS Джейка Арчибальда.
• Управление загрузкой CSS с помощью пользовательских свойств. Перевод статьи Control CSS loading with custom properties от него же
• Одно свойство CSS, которое я действительно хочу (The One CSS Feature I Really Want)
• CSS Custom Properties: как использовать переменные в Chrome 49
• Hand-Drawn Border Buttons
• Реализация сердечек на CSS (I Heart CSS)
• Быстрый обзор `object-fit` и `object-position`
• Стайлгайд для бедных (Poor Man's Styleguide)
• Sass: Плейсхолдеры и селекторы @extend-Only (Placeholders and @extend-Only Selectors)
• Создание динамического портфолио с помощью CSS Scrolling Snap Points (Make a Dynamic Portfolio with CSS Scrolling Snap Points)
• Отключите задержку в 300ms delay на мобильных с помощью CSS touch-action или асинхронно скачайте FastClick как полифилл
• Убираем двойные проблемы у выделяемых цитат (Taking the Double Trouble Out of Pull Quotes)
• Начало работы с системами сеток на Flexbox (Getting started with Flexbox grid systems)
• Переключение тем с помощью CSS custom свойств (Theme switcher using CSS custom properties)
• Пингвин (Без HTML и JS) (Penguin (No HTML, No JS))

JavaScript

• Дополнительные свойства Javascript
• Чем плох JavaScript в большом проекте? С какими проблемами мы столкнулись и как их решали
• Правила хорошего тона при написании плагина на jQuery
• Radio JS, Выпуск 34: Синтаксический диабет. Андрей рассказывает о своём опыте использования React Native. Обсуждаем новый V8, загрузку JS по HTTP/2.0 и оператор pipeline.
• Локализация времени в JavaScript
• Советы и техники для манипуляций с DOM элементами
• Как выучить JavaScript (How to learn JavaScript)
• MERN — простейший путь по созданию изоморфических JS приложений с MongoDB, Express, React & Redux, Node (What's MERN?)
• Генерация PDF из веб-страниц на лету с jsPDF (Generating PDFs from Web Pages on the Fly with jsPDF)
• Фреймворки:
  • React vs Angular 2 — сравнение несравнимого? (React vs Angular 2 — compare the incomparable?)
  • Dan Abramov: Мы только что перевели на reactjs Github org
  • Анимация неанимированного. Плавные переходы при изменении позиций в react.js (Animating the Unanimatable. Smooth reordering transitions in React.js)
  • Как использовать Laravel API с AngularJS (How to Consume Laravel API with AngularJS)
  • Руководство по стилю для Angular приложений (Angular Style Guide)
  • Вызов Rest сервиса в AngularJS (Call Rest Service In AngularJS)
  • Необходимые инструменты для создания SPA с AngularJS (Essential Tools for Building SPAs with AngularJS)
  • Видео: урок по React Props, Defaults и Modules (Watch: A Lesson on React Props, Defaults and Modules)
  • Плавные игровые анимации в React (Smooth Game Animations in React)
  • Функциональное программирование в Ember: Daniel Chappell в Q2 eBanking (Functional Programming in Ember: Daniel Chappell at Q2 eBanking)

• ES6:
  • ES6 const: иммутабельность ни при чём
  • ES2016: Should the Future of JavaScript Be Developer-Driven?
  • Шпаргалка по Javascript ES6 от duckduckgo (Javascript ES6 Cheatsheet — the best of JS ES6)
  • ES6 library starter — основа для библиотеки на ES6 (ES6 library starter)

• Как работают промисы в JavaScript (JavaScript Promises – How They Work)
• JavaScript: как создать и использовать обьект Promise (JavaScript: How to Define and Process a Promise Object)
• Объяснение неизменяемости (Explaining immutability)
• Отправка писем с помощью Gmail JavaScript API (Sending Emails with the Gmail JavaScript API)
• Введение в достаточно чистое функциональное программирование (An Introduction to Reasonably Pure Functional Programming)
• Интервью с создателем Durandal и Aurelia, Rob-ом Eisenberg (An Interview with Durandal’s Rob Eisenberg)
• Видео по теме Full Stack JavaScript (Full Stack JavaScript)
• Простой пример Ajax/jQuery.getJSON (Ajax/jQuery.getJSON Simple Example)
• Descartes — экспериментальная библиотека для написания CSS в JS (Descartes — an experimental library for writing CSS in JavaScript)
• Введение в Web MIDI (Introduction to Web MIDI)
• search-index — механизм полнотекстового поиска для браузера и Node.js (search-index — a persistent full text search engine for the browser and Node.js)
• Плагины:
  • Bricks.js -генератор структуры в стиле masonry для фиксированных элементов
  • okayNav — универсальный jQuery плагин для адаптивной навигации
  • jQuery easypin — добавление информационных булавок на изображения
  • Sticky Elements — элементы-прилипалы

Браузеры

• Firefox с поддержкой мультипроцессовости будет изначально использовать на 10%-20% больше памяти
• Как поменять количество используемых процессов в Firefox e10s
• Google Chrome будет рекомендовать пользователям новостные статьи
• Debian и Mozilla договорились об использовании бренда Firefox вместо Iceweasel
• Firefox не примет участие в соревнованиях Pwn2Own 2016
• Изучение изменения потребления памяти Firefox в многопроцессном режиме
• Представление компилятора B3 JIT (Introducing the B3 JIT Compiler)

Дизайн

• Мои правила хорошего интерфейса
• Мнение: «Лучшая иконка — это текст»
• Графические редакторы:
  • Sketch + Craft: союз, созданный на цифровых небесах
  • Как хакнуть Sketch Content Generator для использования вашего собственного контента
  • Интервью с основателем Sketch, Питером Омвли
  • Безболезненный переход с Photoshop на Sketch
  • Мои настройки Sketch (Getting Set Up With Sketch)
  • Почему Sketch — идельный инструмент для дизайна интерфейсов (Why Sketch is the Perfect Tool for Interface Design)
  • Illustrator за 60 секунд: как создать свою настройку рабочего пространства (Illustrator in 60 Seconds: How to Create a Custom Workspace)

• UI/UX:
  • О китайских трендах в мобильном UI (More Chinese Mobile UI Trends)
  • 5 принципов для эффективной анимации в UX (Five Principles for Effective Animation in UX)
  • UX дизайн в 14-ти простых шагах (UX Design in 14 Simple Steps)
  • collectui — коллекция решений для UI (Daily inspiration collected from daily ui archive and beyond. Hand picked, updating daily.)

• Методы для использования микро-взаимодействий на вашем сайте (Methods for Using Micro-Interactions on Your Site )
• 9 способов использования контроля над разумом в веб-дизайне (9 ways to use mind control in web design)
• Зарубежные художники: южная Африка (International Artist Feature: South Africa)
• Fred Gelli про брендинг олимпийских игр в Рио и планировании открытия пара-олимпийских игр (Fred Gelli on branding the Rio Olympics and planning the Paralympics Opening Ceremony)
• Дизайн с осмысленными данными (Designing with Meaningful Data)
• Дизайн для Apple TV (Designing for the Apple TV)
• Вспоминая дизайнерское наследие другой великой компании Стива Джобса (Remembering The Design Legacy Of Steve Jobs's Other Great Computer Company)
• Делаем дизайн для видео Walkie Talkie (Designing a Video Walkie Talkie)
• Креативность и продуктивность в FiftyThree (Creativity and Productivity at FiftyThree)
• Как Quartz привлекает новых пользователей (How Quartz Onboards New Users)
• Руководство по авиа-рекламе 12-летней давности (A 12 Year-Old’s Guide to Airline Advertisements)
• Uber's Atomic Meltdown
• Преимущества наема сторонней дизайнерской команды (The (not so) secret benefits of hiring an external design team)
• Обновленный Marvel 2.0 (Welcome to Marvel 2.0)
• Как лампочка стала ассоциацией с новой идеей? (How did the lightbulb become associated with a new idea?)
• Почему символ сердца настолько не верен с точки зрения анатомии? (Why Is the Heart Symbol so Anatomically Incorrect?)
• Детали дизайна: Quartz для iOS (Design Details: Quartz for iOS)
• Редактирование последнего неуместного сообщения (Editing your last embarrassment)
• Последние лучшие источники для вдохновения дизайном (The 14 Latest and Greatest Sources of Design Inspiration)
• Сделайте прототипирование менее болезненным используя эти подсказки (Make Prototyping Less Painful With These Tips)
• Создание вайрфреймов контента для адаптивного дизайна (Quick Tips Creating Content Wireframes For Responsive Design)
• Как создавать руководства по стилю для веб проектов в InVision (How To Build A Style Guide For Your Web Project Using InVision)
• Пять десятков взрывных визиток (50 Unique Business Cards That Will Make Your Mind Explode)
• Логотипы, созданные женщинами (Logos Designed by Women)
• Подбор шрифтовой пары для книги с рецептами (Choosing and pairing typefaces for cookbooks)
• ippy — текстовые иконки
• Новый логотип для Олимпийских игр в Париже в 2024-м (New Logo for Paris 2024 Candidate City by Dragon Rouge)

Подборка бесплатных дизайнерских печенек

• Бесплатные текстуры кофейных разводов на бумаге
• Векторный клипарт для мужского дизайна
• Бесплатные текстуры пластика и пенопласта
• Иконки на тему загрязнения и источников энергии (AI, EPS, SVG) (Freebie: Pollution & Energy Icons (AI, EPS, SVG))
• Минималистичный набор UI мобильного чата (Free Download: A Minimal Mobile Chat UI Kit)
• Chat–a минималистичный набор UI (Chat–a beautifully minimal UI kit)
• RePrint — календари на 2016-й год
• Foundry ∞ — коллекция векторных изображений
• Наборы иконок посвященных спорту (Free Sport Icons and New Examples)
• Набор иконок Nucleo Flat Business (AI & SVG) (Freebie: Nucleo Flat Business Icon Set (50 Icons, AI & SVG))
• Olios: PSD шаблон для eCommerce сайтов (Olios: Free PSD Template for eCommerce Sites)
• Наборы иконок для веб-дизайна (29 Of The Best Minimalist Icons For Web Design Projects)
• Fenton — шрифт без засечек (Fenton Typeface Family)
• Weem — шрифт с засечками (Weem — Free Font)

Новости и занимательное

• GitHub добавил поддержку шаблонов для Issue и Pull-реквестов
• Google открывает API сервиса Google Photos, умеющий распознавать объекты и эмоции
• Twitter добавил встроенный поиск и публикацию GIF-изображений
• Apple занялась решением «Проблемы 1970»
• Apple серьёзно относится к технологиям виртуальной и дополненной реальности
• Bluetooth SIG предложила платформу для вещей с подключением к Интернету
• Первому электронному компьютеру исполнилось 70 лет
• Google предложила забыть о Picasa
• В Twitter'е появится поиск по анимированным GIF
• Yahoo сократит 300 человек, а также закроет ряд онлайн-журналов
• Уязвимость JSF**k, которую eBay отказался исправить, уже эксплуатируют хакеры
• Полное руководство по настройкам конфиденциальности Windows 10
• История MySpace: почему Крис Де Вольф и Том Андерсон проиграли конкуренцию с Facebook
• Открытое письмо главы Apple (A Message to Our Customers, Tim Cook)

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Автор: Zfort Group

Источник