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

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

CSS

Javascript

Браузеры

Дизайн

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

Новости

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

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

• Адаптивные сайты, или Как добиться благосклонности Google
• Используем SVG на сайте
• Прототипируй правильно, верстай быстро! Подборка приятных полезностей для разработчиков
• От фронтенда к бэкенду: советы и инструменты для изучения веб-разработки (Frontend to Backend: Tips & Tools for Learning Web Development)
• DOM становится лучше (The DOM is getting better)
• Fly — новый инструмент сборки для Node.
• Front End Development is Development
• Расширения в Photoshop для фронтенд-разработчиков
• Встречайте Microsoft Edge Developer Tools
• Анонс свежих нововведений в F12 developer tools в Windows 10
• DevTools Digest: Film strip and a new home for throttling
• Сайт Verge — отстой. Автор подробно объясняет, почему
• iron-node — отладка Node.js кода с Chrome DevTools (Debug Node.js code with Google Chrome Developer Tools on Linux, Windows and OS X.)
• show-me-the-react — расширение для Chrome и Firefox для подсветки React компонентов на странице
• Инспектирование сетевых запросов с помощью Chrome Dev Tools
• Видео с CascadiaFest 2015

CSS

• 12 малоизвестных фактов о CSS
• CSS Snapshot 2015 — официальное определение современного CSS
• 10 способов уменьшить количество перекомпоновок и повысить производительность
• CSS жив и здоров (CSS is Alive and Well)
• Используйте Sass спустя всего несколько минут (Use Sass Within Minutes)
• sassdash — Sass-имплементация lodash
• Видео: Sass против SCSS (Video: Sass vs SCSS)
• 7 отличных сайтов для изучения Sass
• Sass Colour Function Calculator
• Создание собственной UIkit темы с Gulp и Less (Creating a Custom UIkit Theme with Gulp and Less)
• Более умные сетки с помощью Sass и Susy (Smarter Grids With Sass And Susy)
• position sticky: scroll-to-top-then-fixed на чистом CSS
• Когда использовать Em, а когда Rem (Comprehensive Guide: When to Use Em vs. Rem)
• Изучаем LESS за 10 минут (или меньше)
• Проблема с препроцессорами, основанными на спецификациях будущего (The Trouble With Preprocessing Based on Future Specs)
• Попрощаемся с вендорными префиксами (Say Goodbye to Vendor Prefixes)
• CSS Scroll Snap Points
• Будущее CSS — это не CSS — доклад Roy Tomeij на CSS Day

JavaScript

• Что нового в Visual Studio 2015 для JS-разработчиков
• Подкаст RadioJs выпуск 28: Radio Hot Loader
• Stop classifying JavaScript
• Карринг в JavaScript (Currying in JavaScript)
• Обзор экосистемы JavaScript. Введение в огромный мир JS
• Ускорение JS тестов в 1000x раз (Speeding up Javascript Test Time 1000x)
• Книга Истории рефакторинга (The Refactoring Tales)
• ES6 в деталях: классы (ES6 In Depth: Classes)
• ES6 в деталях: Proxy (ES6 In Depth: Proxies)
• Что делает экспорт модулей в ES6? (What do ES6 modules export?)
• Пять декораторов ES7, которые я хочу использовать, прямо сейчас (The 5 ES7 Decorators I want to use, now.)
• Создание приложения для получения и сообщения информации о состоянии батареи и доступных сетях Wi-Fi с Node.js: начало работы и сервер, клиент
• Введение в NodeBots (An Introduction to NodeBots)
• Основы Backbone.js: модели, вьюхи, коллекции и шаблоны (Backbone.js Basics: Models, Views, Collections and Templates)
• Динамическая отрисовка SVG c React (Render dynamic SVG's with React)
• Создание плагинов для приложений на React (Building Plugins for React Apps)
• Создание изоморфного приложения блога с React и Flux (Creating an Isomorphic Blogging app Using React and Flux)
• Коллекция рецептов D3JS design patterns
• Stretchy: Form element autosizing, the way it should be
• plotly.js — библиотека для создания графиков и диаграмм
• html5tooltips.js — всплывающие подсказки
• ClickSpark.js — декоративная утилита, добавляющая эффект разлетающихся частиц при клике
• VexFlow — API для отрисовки нот в браузере с использванием HTML5 Canvas и SVG
• IoT.js — фреймворк для интернета вещей
• Использование теории графов для создания простого движка рекомендаций в JavaScript (Using Graph Theory to Build a Simple Recommendation Engine in JavaScript)
• Анонс TypeScript 1.5 (Announcing TypeScript 1.5)
• annotator — библиотека для добавления аннотаций к выделенному тексту
• DataBinder — простой и маленький (1kb) инструмент для связывания данных
• Вам могут не понадобиться плагины jQuery (You might not need jQuery plugins)

Браузеры

• Букмарклеты в Internet Explorer 11: формат хранения, лимиты и негласные правила, коварный баг
• Скорости браузера Edge и Chrome сравнили по 4-м тестам
• Mozilla ускорит разработку Firefox, применив стратегию Go Faster
• Релиз web-браузера Chrome 44 и операционной системы Chrome OS 44
• В Сети появился троян для браузера Mozilla Firefox
• Firefox OS будет самой настраиваемой из существующих ОС за счет редактирования кода и расширений как в Firefox
• Firefox 41 будет загружать символы шрифтов, даже когда они отключены

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

• Сайты, сделанные в Англии
• Landrover.com
• gyrosco.pe — симпатичный сайт с 3д-эффектами
• takeitapp.co — симпатичный скролл-сайт с анимацией и материальным дизайном
• cihadturhan.com — сайт с крутыми анимационными эффектами
• Сайты с креативными выпадающими меню (20 Websites With Creative Drop Down Menu Designs)

Дизайн

• Почему все ненавидят Comic Sans?
• Как не изгадить жизнь вашему разработчику — рекомендации дизайнера из Facebook
• Редизайн: Концепт The New York Times от российского дизайнера
• Концепт: редизайн Reddit
• Дизайн UI: распознавание лучше чтения
• Винтажная типографика для вашего вдохновения
• Ditto: Use variables in Photoshop
• Остановите избыточную анимацию (Stop Gratuitous UI Animation)
• Использование теории цветов для улучшения доступности сайта (Using Color Theory to Improve Website Accessibility)
• Полное руководство по созданию дизайна конвертирующих посадочных страниц (The ultimate guide to designing landing pages that convert)
• Шесть трендов дизайна преобладающих в вебе (6 design trends taking over the Web)
• Tuts+ для детей (Tuts+ for Kids)
• Прекрасные примеры портфолио веб-дизайна (Beautiful Web Design Portfolios To Take As Example)
• Как определить и исправить проблемы с юзабилити (How To Locate & Fix Usability Problems)
• Как создать сербский этнический дизайн: Pirot Kilim паттерн (How to Create a Serbian Ethnic Design: Pirot Kilim Pattern)
• Ресурсы для вдохновения дизайнеров (23 Awesome Online Resources for Design Inspiration)
• CoDesign инструменты: пришло ли время переключаться на них? (CoDesign Tools: Is it Time to Switch?)
• Создание минимализма для Web и мобильных устройств (Making Minimalism Work in Mobile and Web)
• Шесть советов для успешных критиков дизайна (6 tips for successful design critiques)
• Анатомия формы для данных кредитки (The anatomy of a credit card form)
• Создание иллюстрации пляжа в Adobe Illustrator (Create a beach illustration in Adobe Illustrator)
• Как создать трендовое меню для кафе в Adobe InDesign (How to Create a Tasty, Trendy Menu Card in Adobe InDesign)
• Как создать серию плоских иконок на тему альпинизма в Affinity Designer (How to Create a Set of Flat Hiking Icons in Affinity Designer)
• Как выбор шрифта может сломать ваш дизайн (How Font Choices can Make or Break your Design)
• Вокруг света с Uber (Around The World With Uber)

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

• Стильная графика для Интернет-магазинов
• Полезные кисти для Adobe Illustrator
• Качественные размытые фоны (33 Free High Quality Blur Backgrounds)
• Мокап для демонстрации дизайна (Free Device Mockup Psd)
• PSD-шаблоны визиток (75 Free Business Card PSD Templates)
• Июльские наборы UI в PSD формате (10 Free PSD UI KIT from July 2015)
• Векторные изображения (Free Vector Download: 350+ Vector Art Freebies)
• Плоские иконки супергерои и злодеи (Freebie: The Flat Superheroes & Villains Icon Set (100 Icons, PNG & SVG))
• Набор векторных иконок на тему кино (SVG) (Freebie: Cinema Icon Set (SVG))
• Birply иконки (Birply Icons)
• Свежие июльские шрифты (26 Fresh Free Fonts – July 2015 Edition)
• Плоские иконки от Smashicons (Free download: 200 flat icons from Smashicons)
• BERNIER™ — декоративный шрифт без засечек

Новости

• Microsoft открыл код программно-определяемой радиосистемы Sora
• Голосовой помощник Cortana интегрируют в Windows 10 и представят на семи новых рынках
• Медленно, но верно: Google опять обновляет поисковый алгоритм
• Системные требования Windows 10 для разных типов устройств
• Google тестирует платные адреса Gmail
• Google запустил поддержку 360-градусных рекламных видео в YouTube
• Google запускает новый интерфейс Поиска отелей
• LinkedIn запустила новый инструмент лидогенерации на SlideShare
• Выручка Yahoo во II квартале 2015 года выросла на 15% и достигла $1,243 млрд
• Twitter запустил таргетинг на аудиторию популярных событий
• Associated Press разместит видеоархивы на YouTube
• Apple уже контролирует 75% мирового рынка умных часов

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

• Kepler-452b. Очередной «двойник» Земли в созвездии Лебедя. Первая экзопланета, чьё существование считается доказанным
• UConnect: перехват управления автомобилями через интернет
• Почему я решил отказаться от Твиттера
• Интернет вещей — ваш самый страшный кошмар
• Высказывания Стива Джобса о дизайне, маркетинге и фокус-группах
• Монитор, в котором каждый пиксель – это катушка с цветными нитками
• Топ-12 самых влиятельных программистов мира
• SpaceX: путь наверх
• 8 крупнейших сделок, которых так и не случилось (и слава богу)
• 10 киборгов нашего времени
• Как обижали геймеров в первой половине 2015 года
• МнениеПочему программисты снова становятся инженерами. Вице-президент Parallels об окончании «эры айтишников»
• Рекурсия в Doom, Half-Life на часах, Quake на осциллографе и другие необычные способы играть в игры (видео)
• 12 вирусных роликов 2015 года: Microsoft об инновациях, Android о дружбе, Disney о детстве

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

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