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

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

CSS

Javascript

Браузеры

Дизайн

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

Новости

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

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

• Какой язык программирования будет наилучшим для изучения в 2015 году?
• WebAssembly: начало новой эры
• Ассемблер для Веб. Яваскрипт в отставку?
• WebAssembly – коротко о главном
• GitHub выпустил среду редактирования кода Atom 1.0
• Google запустила нового конкурента Github — Cloud Source Repositories
• 5 безобидных практик, которые могут подорвать ваш SEO
• Работа над семантикой сайта: от устаревших методов – к современным
• Быстрое фронтэнд-прототипирование в WordPress. Часть 1: О прототипировании.
• Познайте мощь SVG (Discover the power of SVG)
• Учебник по Web Storage (Web Storage: A Primer)
• Избегаем соблазнов, которые могут повредить производительности сайта (Avoiding Temptations that Harm Website Performance)
• Динамический звук с помощью Web Audio API (Dynamic Sound with the Web Audio API)
• Почему мы нуждаемся в WebAssembly — интервью с Brendan Eich («Why we Need WebAssembly»)
• Архитектура кастомных HTML элементов: почему они клевые и как из использовать уже сегодня (Custom HTML Element Architecture: Why its Awesome and How to Use it Today)
• SVG Filters — разбираемся и сравниваем с CSS Filters
• Bower за 60 секунд
• Подкаст uWebPodcast #43 — бушующий мир Web-технологий

CSS

• Пишем хороший CSS (перевод)
• Дебаты о том, “Нужен ли нам все еще CSS?” (The Debate Around “Do We Even Need CSS Anymore?”)
• Совместимый CSS (Interoperable CSS)
• Псевдо-класс :matches в CSS
• Создаем реалистичный текст с помощью CSS (Creating Realistic Text with CSS)
• Sassisfaction — подборка ресурсов, касающихся Sass
• Тестируем библиотеку Sass (Testing a Sass Library)
• Взгляд на некоторые CSS методологии (A Look at Some CSS Methodologies)
• Разбираемся со спецификацией селекторов (Dealing With Selector Specificity – The What and How Of It)
• Начинаем работать с SCSS-Lint (Getting Started With SCSS-Lint)
• Можете ли вы злоупотреблять медиазапросами? (Can you overuse media queries?)
• Делаем градиенты проще с помощью LESS миксинов (Making Gradients Easier with LESS Mixins)
• Делаем трендовый эффект на фото с помощью чистого CSS
• Используем валидаторы псевдо-классов CSS 4 для улучшения UX (Using Level 4 CSS validity pseudo-classes to improve UX)
• Видео с последнего CSSConf. Среди докладчиков такие специалисты, как Lea Verou, Chris Coyier и Андрей Ситник
• Скринкаст от David Green: «Making Sass Variables Work for You»
• Видео от Zoe Mickley Gillenwater с последнего CSS Day: «Flexbox»

JavaScript

• Jii — JavaScript фреймворк с архитектурой от Yii 2
• Пишем на JS в функционально-декларативном стиле
• Сборка Кубика Рубика генетическим алгоритмом online без смс
• Тонкости ES6: Коллекции (часть 1)
• Модули JavaScript
• Программирование классами в веб-приложениях
• Подкаст radiojs выпуск 25: Люди – Валидаторы
• Введение в MVVM и knockout.js
• JavaScript: ES6 — Intro
• ES6 Katas — ежедневные упражнения (ES6 Katas)
• Определение CSS анимации и окончания переходов в JavaScript (Detecting CSS Animation and Transition End with JavaScript)
• Совместное редактирование JS (Collaborative Editing in JavaScript: An Intro to Operational Transformation)
• Astorage — небольшая (~500b) обёртка для localStorage, позволяющая без заморочек сохранять в локальное хранилище любые типы данных — объекты, массивы, числа и так далее
• 9 JS библиотек для работы с Local Storage
• Обзор библиотек для создания 3D карт
• weightof.it — сравнение JS библиотек по весу (Compare JavaScript libraries by weight)
• Javascript в одной картинке (Learn javascript in one picture)
• Полиморфизм, который просто работает (Polymorphism That Just Works)
• Состояние инструментов для сборки JS в 2015-м (The State of JS Build Tools 2015)
• Universal React Flux Boilerplate — React (0.13.x) + Flux (Flummox) + ReactRouter (0.13.x) + Server Rendering
• Создание Backbone приложений, используя Flux (Building Backbone apps using Flux)
• Делая React реактивным: стремление к высокопроизводительным, легкоподдерживаемым React-приложениям (Making React reactive: the pursuit of high performing, easily maintainable React apps)
• Навигация по экосистеме React (Navigating the React Ecosystem)
• Complex.js — библиотека для работы с арифметикой над комплексными числами
• queuer.js — легкое создание очередей из задач
• wavesurfer.js — работа с аудио
• «Async and Streaming JavaScript, We're All Doing it Wrong!» — доклад Matthew Podwysocki с NDC Conferences
• rocket — js плагин, который создает анимацию, когда один элемент взаимодействует с другим
• justice.js — плагин, который добавляет панель с отображением графика FPS
• 5 ошибок JS, которые атакуют без предупреждения (Five JavaScript Errors That Attack Without Warning)
• Создаем 3D React Carousel
• FamousEngine — высокопроизводительная js-библиотека для создания анимации и интерфейсов

Браузеры

• Как настроить Firefox, чтобы остановить утечку данных
• Mozilla развивает инструментарий для портирования дополнений Chrome в Firefox
• Разработчики Chromium отключили автоматическую загрузку проприетарного дополнения

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

• relaxing.fm — сайт, созданный для релакса
• norilskfilm.com — интерактивный сайт «Норильск фильм», в котором рассказывается о жизни самого северного крупного города в мире.
• catchthedragon.nl — продвинутый сайт с трехмерной анимацией частиц
• kfc.com — новый сайт KFC c модными эффектами и нестандартным выезжанием навигации
• panic.lv — диагональный сайт с концептуальным дизайном и приятной анимацией
• gruffify.no — забавный сайт с медиаконтентом
• edwin-europe.com — модный сайт с модными анимациями
• Подборка сайтов с блоками, которые размещены под разными углами

Дизайн

• Психология цвета: Как Apple, Guinness и другие компании используют оттенки в брендинге
• 7 тенденций веб-дизайна в ближайшем будущем
• Топ новых возможностей для Web, UX и дизайнеров мобильных приложений в Photoshop 2015
• 10 приёмов в Фотошопе, которые… дальше придумайте сами
• Дизайнер рассказал о создании прототипа приложения за три дня
• 5 ключевых аспектов, на которые следует обратить внимание при редизайне сайов (5 Key Aspects to Consider in Redesigning Websites)
• 5 больших трендов в мобильном дизайне в 2015м (5 Big Mobile Design Trends of 2015)
• Преимущества использования белого пространства в дизайне (Advantages of Using White Spaces in Designing)
• Разработка для дальнотиков (Designing For (and With) Color Blindness)
• Responsive design is failing mobile UX
• Пять способов упростить веб-дизайн (5 Ways to Simplify Website Design)
• Мифы дизайна UI: пользователи не прокручивают страницу (UI Design Myths: Users Don’t Scroll)
• Beyond Tufte (девять книг по визуализации)
• Цвет против контраста: что добавляет больше конверсии? (Color vs Contrast: Which one brings more conversion?)
• Скринкаст: обзор анимаций UI — анимация в адаптивном дизайне (Screencast: UI Animation Reviews – Animation In Responsive Design)
• WhatsGood — дизайн концепта продукта
• Дизайн изнутри: Dribbble (Inside Design: Dribbble)
• Регрессивное раскрытие: проектирование сложных интерфейсов, путем уменьшения выбора (Regressive disclosure: designing complex interfaces by reducing choice)
• Редизайн цифровой версии The New Your Times (Digital Newspapper)
• Дело принципа (A Matter of Principle)
• Дизайн для (и с) дальтонизмом (Designing For (and With) Color Blindness)
• Четкость ? необязательность (Legibility ? Optional)
• Поиск создателя популярного паттерна (The Internet is looking for who designed this cup. What does Springfield have to do with it?)
• Почему экраны без данных требуют больше времени на дизайн (Why empty states deserve more design time)
• Material Design — наука дизайна (Material Design is design science)
• Создание текстового ретро эффекта названия звездных войн в Adobe Photoshop (Create a Retro Star Wars Inspired Text Effect in Adobe Photoshop)
• Создание осколка стекла с эффектом отражения двойной экспозиции в Adobe Photoshop (Create a Glass Shard Reflection Double Exposure Effect in Adobe Photoshop)
• Большая коллекция вдохновляющих видео для дизайнеров (Inspirational Videos For Designers – The Big Collection)
• Эффективный дизайн логотипа, часть 3: Как геометрия влияет на дизайн лого (Effective Logo Design, Part 3: How Geometry Influences Logo Design)
• 365 дней пиксель арта (365 Days of Pixel Art)

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

• Бесплатные наборы аватарок в векторном формате
• 20 бесплатных наборов иконок для вашего дизайна
• Шаблон PSD для создания объемного «креативного» стола (I am Creator – Perspective Edition Demo)
• Более девяносто девяти шаблонов PSD с веб-сайтами (99+ Free Photoshop PSD Website Templates)
• Векторные элементы, имитирующие рисунки мелом (Free download: Chalk vector elements)
• Сорок иконок для интернет-магазинов (40 Free eCommerce Ai, Eps & PDF vector icons)
• Чертова дюжина иконочных шрифтов для веб-проектов, редакция 2 (13 free Icon Fonts for your next web project #Edition: 2)
• Девять десятков бесплатных шрифтов и шрифтовых семейств (90 amazing Free Fonts and Typeface)
• Rhombus — декоративный шрифт без засечек
• Восемь ресурсов, где можно найти бесплатное видео для веба (Eight Sources for Free Web Stock Video)

Новости

• Google запускает бесплатную версию музыкального сервиса Play Music
• В Google Mail появилась функция отмены отправки писем
• Microsoft показала, как создавались обои для рабочего стола в Windows 10
• Сатья Наделла — второй по доходам гендиректор в США
• Microsoft внесла ясность в путаницу c бесплатной лицензионной Windows 10
• Бывший сотрудник Google работает над блокировщиком блокировщиков рекламы

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

• Adobe рассказала о создании формата PDF
• Какие технологии доведут человечество до бедности
• 9 «ископаемых» языков программирования, которые живы до сих пор
• Призраки эфира: загадка номерных радиостанций
• 10 необычных игр, которые учат программированию и логике
• SMM-ошибки LG, Gap, Domestos, Victoria's Secret и других брендов
• Инструменты разработки интерфейсов должны быть адаптивными — дизайнер Dropbox
• Билл Гейтс тестирует презервативы нового поколения
• ИТ-офисы: Вологодская штаб-квартира российской игровой студии Playrix
• Чем Билл Гейтс, Марк Цукерберг, Элон Маск и другие IT-звезды увлекались в отрочестве

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

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