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

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

CSS

Javascript

Браузеры

Дизайн

Бесплатные печеньки

Новости

Занимательное

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

• 2Mb веб-страницы — кого винить?
• Favicons, Touch Icons, Tile Icons и т. д. Что выбрать?
• БЭМ на конференции CodeFest 2015
• Материалы с майского 4Front Meetup в Минске
• Подкаст RadioJs, Выпуск 24. В гости заехал Андрей Ситник, автор PostCSS, почётный докладчик, фронтендер Злых Марсиан.
• Подкаст RadioJs, Выпуск 25: Марат Дулин, автор JSCS, unit-coverage и BEViS рассказывает историю своих проектов и делится планами.
• Bower — подробное руководство #1
• 5 невинных практик, которые могут повредить вашему SEO (5 innocent practices that could be sabotaging your SEO)
• Filterable Product Grid
• Делаем вашу первую игру на HTML5 с помощью Phaser (Making Your First HTML5 Game With Phaser)
• Топ 10 лучших веб-разработчиков 2015-го года по версии thenetawards
• Топ 10 дизайнерских портфолио за 2015-й
• Эффект разворачивания карточек с помощью SVG clipPath (Card Expansion Effect with SVG clipPath)
• Выключение всех автодополнений в текстовых полях форм для мобильных устрайств (Turn off HTML Input Auto Fixups for Mobile Devices)
• ShinyText — необычные визуальные эффекты для текста от Google
• Использование Chrome DevTools для профилирования сайта jsconf.eu (Using Chrome DevTools to profile the jsconf.eu site)
• Когда адаптивные изображения становятся ужасными (When Responsive Images Get Ugly)
• Практическое руководство по использованию SVG в вебе (SVG ON THE WEB — A Practical Guide)
• Bootcards — UI фреймворк с акцентом на концепции «карточек» (cards), используемых в Twitter, Google (Plus, Now), Spotify, Pinterest и Amazon
• Создание медиа-проигрывателя с HTML (Build a Media Player with HTML)

CSS

• Будущее поколение CSS-селекторов: Уровень 4
• Методологии верстки: БЭМ, AMCSS, OOCSS, Atomic CSS, OPOR, MCSS, SMACSS, FUN, DoCSSa (Елизавета Селиванова и Ирина Левина)
• Отзывчивая типографика с помошью Sass Maps (Responsive Typography With Sass Maps)
• Conical gradients, today! — CSS conic-gradient() polyfill от Lea Verou
• Доступные сноски с помощью CSS (Accessible Footnotes with CSS)
• PurifyCSS — инструмент для избавления от неиспользуемого CSS. Также работает с JS-стилизацией
• Написание хорошего CSS (Writing Good CSS)
• Тестирование функций Sass за 5 минут
• 5 вещей о CSS, о которых должен знать каждый веб-разработчик
• Презентация 'Lets move!' от Benjamin De Cock с CSSConf Australia 2015
• Как три современных инструмента используют Flexbox сетки (How 3 Modern Tools are Using Flexbox Grids)
• Создание тестов для вашего Sass-фреймворка (Creating Tests for Your Sass Framework)
• Руководство по стилю Envato Market (Welcome to the Envato Market Styleguide)
• GradifyCSS — модуль, который находит основные цвета в изображениях и создает масштабируемый CSS градиент

JavaScript

• ES6 (ECMAScript 2015):
  
  • Одобрена спецификация ECMAScript 2015, ECMAScript 2015 официальный релиз
  • Exploring ES6: бесплатная книга для погружения в ES6
  • JavaScript: ES6 Intro
  • ES6 в деталях: коллекции (ES6 In Depth: Collections)
  • Начало работы с JavaScript ES6 Destructuring (Getting Started with JavaScript ES6 Destructuring)
  • Функциональные примеси в ECMAScript 2015 (Functional Mixins in ECMAScript 2015)
  
  
• WebAssembly:
  
  • Google, Microsoft, Mozilla и другие объединились для запуска WebAssembly, нового бинарного формата для Web
  • Последний проект создателя JavaScript: УБИТЬ JAVASCRIPT (JavaScript creator Eich's latest project: KILL JAVASCRIPT)
  • От ASM.JS к WebAssembly от Brendan Eich (From ASM.JS to WebAssembly by Brendan Eich)
  • WebAssembly: бинарный формат для веба (WebAssembly: a binary format for the web)
  • Что же такое WebAssembly? (What is WebAssembly?)
  
  
• Прототипы это объекты (и почему это важно)
• Неизменяемость в JavaScript
• Frontflip Podcast №13: Ember 2.0. Андрей Листочкин
• Паттерн «Модуль»
• Node.js и io.js объединились под покровительством организации Linux Foundation
• Презентация: поднимаем уровень знания JavaScript (Leveling Up at JavaScript)
• javascript.com — обучающий портал
• Как стать великим JavaScript разработчиком (How to Become a Great JavaScript Developer)
• Введение в JS-анимацию (Intro to JavaScript Animation)
• Использование MySQL с Node.и node-mysql JavaScript клиентом (Using MySQL with Node.js & the node-mysql JavaScript Client)
• Универсальный JavaScript (Universal JavaScript)
• Модульное тестирование AngularJS-приложений (Unit testing AngularJS applications)
• Фильтры с помощью JS и Google Cartboard (Filtering Reality with JavaScript and Google Cardboard)
• Плагины:
  
  • Animate Plus — производительная JS-библиотека, помогающая анимировать CSS-свойства и SVG-атрибуты.
  • Infinite-list — реализация бесконечной прокрутки? работающая с 60fps
  • Guitar Tuner
  • Dokker.js — документация для JS кода
  • Dynamics.js — библиотека для создания «физики» в анимации
  • KinWin.js — минималистическая библиотека для манипуляций с DOM
  • mark[lib — библиотека для серилизации выделений
  • Введение в Verlet.js (An Introduction to Verlet.js)
  • Что нового в Babylon.js? (What’s New in Babylon.js?)
  • jQuery.profanityFilter — клиентский фильтр ненормативной лексики
  • svg2d3 — конвертор из SVG в код d3.js
  • OzPlayer — первый полностью доступный видеоплеер
  • Quttons — кнопки с вопросами
  
  

Браузеры

• html5accessibility.com — текущее состояние поддержки доступности в браузерах
• favicon-bug — баг с одногигабайтной favicon иконкой сайта
• Связанная с favicon уязвимость в Chrome и Firefox
• Как сделать Firefox самым безопасным браузером
• Chrome для Mac оптимизировали и теперь он рациональнее использует ресурсы
• Google внедрил проприетарный код в Chromium
• Safari 9: все, о чем должны знать веб-разработчики

Сайты с интересным дизайном и функциональностью

• 25 свежих примеров сайтов с минималистичным дизайном
• Сайты с акварельной краской
• frontporch.io — объемный интерактивный фон и интересные эффекты наведения
• paulineosmont.com — сайт с интересными примерами анимации
• http://www.habib-fadel.com — сайт с нестандартными визуальными эффектами
• huskditkryds.dk — интерактивный сайт с концептуальным дизайном
• boscoalto.com — сайт с клевыми переходами между слайд-страницами
• scarlet.macaw.co — симпатичная 3D анимация
• spotify-tasterewind.com — изоморфические эффекты

Дизайн

• 8 распространённых ошибок в дизайне (и как их избежать)
• Material Design и поиск на примере приложения-справочника
• Убей Comic Sans: 23 простых игры для дизайнеров
• В Photoshop CC 2015 появится режим для дизайна интерфейсов
• Вице-президент Intercom: Вся интернет-индустрия перейдет на карточные интерфейсы
• Шрифтовик рассказал о процессе редизайна логотипа Quora
• Когда плохой UX может быть эффективным?
• Игры для дизайнеров
• Какое оптимальное время длительности анимации интерфейсов? (What is the Optimal Duration of the Animation Interface?)
• Создаем продвинутую анимацию в Photoshop (Creating Advanced Animations In Photoshop)
• Типографика говорит больше, чем слова (Typography Speaks More Than the Words)
• Семь экспертов по UX делятся наиболее раздражающими ошибками юзабилити (7 UXperts Share Most Annoying Usability Mistakes)
• Что можно и чего нельзя в UI дизайне — от Apple (UI Design Dos and Dont's)
• Забудьте UX. Как концентрироваться на ориентированном на конверсию дизайне (Forget UX. How to Focus on Conversion Centered Design)
• Тренды дизайна текстовых полей форм (Form Input Design Trends)
• Руководство по стилю NASA
• Google запустил сайт Material Design для мусульман (Google has launched a Material Design website for Muslims)
• О дизайне в Meerkat (Inside Design: Meerkat)
• Процесс создания дизайна Moments (Designing Moments)
• Одинадцать подсказок по дизайну приложений для Apple Watch (11 Tips For Designing Apps for Apple Watch)
• Семь будущих трендов веб-дизайна (7 future web design trends)
• Геометрический дизайн: узлы и волны (Geometric Design: Knots and Weaves)
• Потерять себя в сценах из Pixels Huh (Lose yourself in the scenes of Pixels Huh)
• Прототипирование приложений: начинаем работать с Facebook Origami (App Prototyping: Getting Started with Facebook Origami)
• Урок по Pixat: как сделать анимацию относительно направления прокрутки с показом процесса дозагрузки данных (Pixate Tutorial: Animation based on scroll direction with pull to refresh)
• Создание детализированного, иллюстрированного и безшовного паттерна в Adobe Photoshop (Create a Detailed, Illustrative, Seamless Pattern in Adobe Photoshop)
• Прототипирование с Photoshop layer comps (Prototyping with Photoshop layer comps)
• Улучшения в Photoshop CC 2015 (Photoshop CC 2015 improvements)
• Представление новых параметров функции Export в Photoshop-е (Introducing Export Options for Photoshop)
• Photoshop CC 2015 копирует Sketch и это хорошо (Photoshop CC 2015 is copying Sketch and it’s a good thing)
• Дизайн с данными (Designing with Data)
• Как векторизировать персонажа Team Awesome в Adobe Illustrator-е (How to Vector the Team Awesome Mascot in Adobe Illustrator)
• 77 способов сделать дизайн буквы 'M' (77 Ways to Design the Letter 'M')
• Объемная типографика от Muokkaa (Dimensional Typography by Muokkaa)

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

• Наборы с кистями для Adobe Illustrator (27+ sets of Free Adobe Illustrator Splatter Brushes and Vector)
• Текстуры с полиграфическими эффектами (10 Free Halftone & Distressed Texture Packs)
• Более двух десятков бесшовных текстур для вдохновления (20+ Free Seamless Background Textures For Inspiration)
• Иконки для интернет-магазинов (Freebie: 40 eCommerce Vector Icons)
• Шесть логотипов-бейджиков (6 Logo Badges Freebie)
• Иконки для интернет-магазинов (Icons for E-commerce (Freebie))
• Адаптивные спортивные иконки в форматах AI, CSH, PNG, PSD, Sketch, SVG (Freebie: Responsive Sports Icon Set (40×4 Icons, AI, CSH, PNG, PSD, Sketch, SVG))
• Более дюжины отобранных вручную упаковок с иконками социальных сетей (14 Hand-Picked, Free Social Icon Packs)
• Набор с иконками для веб-сайта (FREEBIE: 36 Free Website Icons)
• Прекрасные геометрические шрифты (20 Gorgeous Free Geometric Fonts to Download)
• Shumi — декоративный шрифт без засечек (Shumi Free font)
• Phage — декоративный шрифт без засечек (Phage — Free Font)

Новости

• Google тестирует метку «Slow to load» в результатах мобильной выдачи
• Бета-версия Skype for Web доступна для всех желающих
• Alibaba запустит свой Netflix
• YouTube запускает канал YouTube Newswire для продвижения видео очевидцев
• Стивен Элоп и ряд других топ-менеджеров покидают Microsoft
• Google, Mozilla и Microsoft занимаются новым интернетом, где сайты будут работать в 20 раз быстрее (WebAssembly)
• Microsoft предложила новый способ получения Windows 10 бесплатно
• Доставка товаров дронами Amazon начнётся в течение года
• Аркадий Волож занял четвертое место в рейтинге европейских ИТ-предпринимателей по версии Financial Times
• Reddit будет шифровать весь свой трафик
• «Яндекс» привлечет сторонних инвесторов для развития своего проекта в Турции

Занимательное

• 3D-принтер научили печатать объекты из дерева
• 7 фанатов Apple, отказавшихся от Apple Watch
• 50 лет по экспоненте: транзисторная революция по закону Мура
• Почему в Mac OS и Windows разные горячие клавиши
• Почему Стив Джобс был мудаком и почему молодым СЕО не нужно его копировать — исповедь бывшей сотрудницы Apple
• 8 ошеломительных цифр из жизни транзисторов и микропроцессоров
• Итоги Electronic Entertainment Expo 2015: Рай для геймеров

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

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