Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
- Руководство по SVG-анимациям (SMIL)
- XNG: решение проблем GIF через SVG
- Теги недели от DevShelf.us, хаба статей о веб-разработке: лучшие статьи на тему SVG и GruntJS .
- Релиз WebStorm 9: поддержка Meteor, React и JSX, а так же интеграция Gulp и прочие плюшки
- Пример процесса FE-разработки
- Chrome и Android продвигают HTML5 все дальше
- Google и качество кода HTML/CSS
- Обновляющаяся курируемая подборка материалов по оптимизации веб-производительности
- Создание одностраничного приложения с помощью веб-компонентов
- Оптимизация SVG для веба
- Более эффективный и огранизованный процесс работы с SVGs
- ZorroSVG — замена тяжелых полупрозрачных PNG на JPG с SVG маской
- SVG и цвета в шрифтах OpenType
- Как работает SVG Shape Morphing
- Самые популярные мифы и заблуждения по поводу SEO
- HTML5 Rockstars: интервью с разработчиком Foot Chinko
- «Сжимаем веб» — подробная статья на блогах MSDN, посвященная оптимизации веб-контента
- Top 10 Codepens of the Week #11
CSS
- Быстрая загрузка веб-шрифтов на адаптивных сайтах
- Эффект эластичной анимации при смене слайдов с помощью SVG
- Замедляет ли файл со стилями для печати ваш сайт?
- «Axiomatic CSS and Lobotomized Owls» — О полезности селектора * + *
- CSS last-line: контролируем красоту последних строк с помощью “widows” и “orphans” при печати и не только
- CSS, о котором вы ничего не знаете, часть 1
- CSS {all: initial} для сброса левых стилей, появляющихся после подключения различных виджетов
- О возможности Base64 SVG
- Аккордеон» или раскрывающееся меню на чистом CSS (работает на спрятанных чекбоксах)
- CSS пост-процессинг с помощью Pleeease
- Создаем типичное руководство по стилям
- Улучшаем написание Media Queries с помощью Sass
- Debugging Sass Maps
- REM Sass Mixin c фоллбеком до пикселей
- Для тех, кто не был в курсе: Фон можно позиционировать до упора и с отступом: background-position:bottom 30px right 30px
JavaScript
- PassGenJS. Генерируем пароли в Javascript с указанием надёжности
- Выразительный JavaScript: Функции высшего порядка
- BlackHole.js с привязкой к картам leaflet.js
- Изучаем Javascript перебирая косточки Backbone.js
- Продвинутое использование объектов в JavaScript
- Как применить фильтры и эффекты к изображению при помощи javascript и canvas?
- Начинаем изучать React.js
- Анонс открытия Консультативного совета Node.js
- Nginx имеет большие планы относительно JavaScript
- Визуализация данных с помощью JavaScript (электронная онлайн книга)
- Связывание данных с помощью Object.observe
- Введение в HTML5 Speech Synthesis API
- WebRTC Made Simple
- Flexbox с фильтром: динамическая галерея изображений
- JavaScript compatibility checker — проверит, какие браузеры поддерживают ваш JS код
- Использование Backbone для html5 canvas
- Базовая анатомия приложений на Ember
- Использование React.js для отрисовки динамических SVG-изображений
- Простая разработка JavaScript плагина с использованием gulpjs
- Table of Contents (TOC) Generator — автоматическая генерация содержания
- Делаем трансляцию ленты Twitter в реальном времени с помощью Node и React.js
- Запускаем ServiceWorker не ломая веб
- JavaScript и UI в Netflix
Веб-инструменты
- Конструктор рассылочных писем
- removephotodata.com — убираем приватную мета-информацию (геолокацию, время, дату) из фото простым и быстрым способом
- BADA55.io — цвета для гиков
Новости
- Почта по-новому — Inbox от Google
- Gmail добавил возможность аутентификации пользователя с Security Key
- Ubuntu исполнилось 10 лет! Новый релиз Utopic Unicorn доступен для скачивания
- В России планшеты генерируют в разы больше трафика, чем смартфоны
- Microsoft готовит к праздникам релиз «умных» часов?
- «Ростелеком» создаст «Коммуникатор» — российский аналог Skype за 73 млн рублей
- Акции Google упали после квартального отчёта
- Google откроет магазин «запчастей» в стиле Play Store для модульных смартфонов Ara
- Microsoft призналась в любви к Linux
- Сундар Пичаи теперь управляет почти всем в Google
- Официально: смартфоны Nokia Lumia переименуют в Microsoft Lumia
Сайты с интересным дизайном и функциональностью
- Сайты известнейших исполнителей
- photoworld.com/photos-on-the-web — вертикальный сайт, котоорый позволяет оценить количество фоток, загружаемых в Instagram
- Time Machine — сайт-машина времени, с соответствующим дизайном и таймлайном
- exhibitions.guggenheim.org/zero — сайт с совсем нестандартной навигации
- mintdesigncompany.com — дизайнерский сайт ручной работы с авторскими иллюстрациями и анимацией
- fight4pride.ca — интересные эффекты наведения и креативное решения для анимации в слайдере
- twofold.com — сайт с приятной скролл-анимацией
- alectia.com — приятные эффекты и переходы между страницами
- impossible-bureau.com — сайт недели, портфолио, использующий впечатляющие решения в оформлении
- nomoresnooze.com — технически продвинутый промо-сайт
- Новый промо-сайт Far Cry 4 очень неплохо реализован (местами)
- www.montere.it — сайт с приятными анимациями
Дизайн
- Size Marks — скрипт для Фотошопа, который превращает прямоугольное выделение в размерную метку. Помогает дизайнеру и фронтенд-инженеру подготовить макет к верстке.
- Логотипы лучших ресторанов мира
- Полное руководство по параллакс-скроллингу: лучшие практики, примеры и уроки
- Беседа Jonathan Ive с Graydon Carter
- Интервью с иллюстратором Robert Iza
- Психология в веб-дизайне: как цвета, шрифты и пространство влияют на ваше настроение
- Конец приложений такими, какими мы их знали
- Айдентика конференции The Chicago Wiggle
- Айдентика для MIT Media Lab
- Позиционирование SVG в спрайтах
- Monodraw: рождение иконки для приложения
- Pixelmator для iPad — новый графический редактор
- Photoshop против Sketch
- Урок: превращение лета в осень в Photoshop-е
- Создание иконочного шрифта с помощью Illustrator и IcoMoon
- Как использовать паттерны UI дизайна
- Эскизы для iOS (размеры iPhone4 — iPhone6 plus)
- Состояние веб-дизайна в Китае
- Создание вашего первого прототипа с помощью Framer
- Комбинации шрифтов: десять сайтов для вдохновения
- Доступный дизайн для альтернативно видящих: советы по контрасту цветов и инструменты
- 11 облачных инструментов для веб-дизайнеров
Подборка бесплатных дизайнерских печенек
- Стильные бэкграунды для вашего дизайна
- Макеты iOS устройств для Sketch.app
- Восемь источников бесплатных ui-элементов
- PSD с индикаторами загрузки
- Семь мокапов смартфона и ноутбука в PSD-формате
- Иконки Yosemite Dock
- Макет музыкального проигрывателя (PSD)
- Этикетки в векторном формате посвященные Дню Всех Святых
- Коллекция графических ресурсов посвященных Дню Всех Святых
- Иконки с тач-жестами
- SVG иконки, представленные в Material Design от Google
- Halloween иконки: более полусотни иконок к Дню Всех Святых
- Lulo clean outline bold — шрифт без засечек
- Curely — декоративный шрифт ручной работы
Занимательное
- Ubuntu 10 лет. Воспоминания разработчика
- Миниатюрный 3D-принтер обойдется в 189 долларов
- Лучшее на Medium: Как основать стартап и не разрушить свою жизнь
- Как работают в офисе Google
- Как выглядят дата-центры Google изнутри
- Летающий скейтборд из «Назад в будущее» покоряет Kickstarter: $250 000 за пару дней
- Работа с девяти до пяти безнадежно устарела
- Windows 10: десятка самых запрашиваемых функций
- 10 главных фишек Android 5
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort