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

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

Веб Разработка
- Grunt- и Gulp-таски для оптимизации производительности
Ускоряем Wordpress
Совершенствуем понимание веб-страниц
- Большое обновление Socket.IO 1.0
Идеи относительно responsive email-шаблонов
Любите генерировать SVG с помощью JavaScript? Перенесите генерацию на сервер!
Все, что вы хотели знать о SVG – туториалы, статьи, ресурсы
SVG `text` и доступный масштабируемый типографический дизайн
Упорядочивание взаимодействий в мобильном веб-приложении
Использование modern.IE для идентификации наиболее распространенных проблем в коде вашего сайта
Пять инструментов для front-end разработки, которые ты должен попробовать
Создание вашего первого плагина для Grunt
Phở Devstack 1.0 — автоматизированный процесс разработки в одном наборе для front-end разработчиков
Как сделать прокручиваемую сплэш заставку, используя CSS3/jQuery
Getty Images API дает доступ к миллионам изображений
tumblr boilerplate
Kickoff — легкий FE-фреймворк для создания масштабируемых адаптивных сайтов
Webix — фреймворк с набором готовых виджетов, есть интеграция с Backbone и Angular JS
Bootplus — фронт-энд фреймворк в стиле Google+, построенный на базе Bootstrap
HTML5 нуждается в новом нативном API для анимации
Подборка туториалов для создания 3D эффектов с помощью CSS3 и JavaScript
Использование Grunt с Pattern Lab
Советы по отладке HTML и CSS
Must-See Tech Talks for Every Programmer
CSS
- Создание непрямоугольных макетов при помощи CSS-форм
Идеи использования анимационных эффектов для навигационных стрелок
CSS3: единицы Viewport – новые единицы для задания размеров в адаптивных дизайнах
Создание эффекта маскированного фона с помощью CSS
Sass фреймворки: Compass и Bourbon?
DoCSSa {dok~sa} — методология и архитектура, основанная на Sass
Как обращаться с Deferred Objects в DoCCSa
rUp: Sass функция, предлагающая альтернативу em-ам
Динамический CSS с помощью DynCSS
PROFOUNDGRID — адаптивная сетка, построенная на SCSS
Animations — набор анимационных эффектов с примерами различного запуска
Анимация печатающегося кода на чистом CSS (Sass)
Занятная CSS3 анимация с мотоциклистом
Автоматизация CSS спрайтов для больших организаций
Подробно о режимах наложения в CSS
Свойство background-blend-mode теперь доступно в Chrome
JavaScripts
Еще один язык, транслируемый в JavaScript — ColaScript
jquery.scrollless — блочный скроллинг взамен нативного плюс многое другое
Изучаем Three.js.Глава 1: Создаем нашу первую 3D-сцену, используя Three.js
Как писать парсеры на JavaScript
Тайны объектов в jQuery: введение
Что такое объект в JavaScript?
Какой из вариантов кода по определени индекса минимального числа в массиве работает быстрее?
Определение имеет ли значение тип integer в JavaScript
Лучшая компрессия с помощью UglifyJS
Adaptive Placeholders
Введение в Proximity API
Как использовать Visibility API
Введение в Ambient Light API
Handpicked jQuery Plugins CDN — репозиторий наиболее востребованных jQuery плагинов в CDN
sharp — скоростной модуль NodeJS для изменения размеров изображений
tablesaw — набор плагинов для создания адаптивных таблиц от filamentgroup
Numeral.js — библиотека для работы с числами
Velocity.js — ускоренная JavaScript анимация
DOMtastic — небольшая и быстрая библиотека для работы с DOM и событиями для современных браузеров
Number Progress Bar
Write Code. Learn Angular. Интерактивное изучение Angular
JavaScript Challenge: Make Me Blue!
Веб-инструменты
- Как использовать электронную почту на полную мощность
- 10 возможностей Google и Яндекс, о которых вы не знали
codyhouse.co — библиотека ярких сниппетов на HTML/CSS/JS
Конвертор иконок шрифта Font Awesome в PNG
Новости
- Apple покупает Beats Electronics и Beats Music за $3 млрд. Зачем Apple покупает Beats?
- Google:
Google закроет свой сервис вопросов и ответов в июне 2014 года
- Google запустил инструмент для просмотра страниц, содержащих файлы CSS и JavaScript, как Googlebot
- Google представил самоуправляемый автомобиль без руля и педалей
- Google научился отвечать на голосовые запросы по-русски
- Secret:
- Анонимная социальная сеть Secret теперь доступна по всему миру
- В чём Secret
- Secret и его секретуты
- FAQ Secret: Всё, что нужно знать о скандальной соцсети
- Secret: как поделиться секретом и не облажаться
- Skype получит возможность перевода речи и письма
Начался приём предзаказов на dev-смартфон Flame под Firefox OS
- Сайт TrueCrypt сообщает о закрытии проекта и предлагает переходить на BitLocker
- Yahoo! в ближайшие месяцы может открыть конкурента YouTube
- Amazon запускает собственный музыкальный сервис
- Twitter совместно с Billboard запустит сайт с музыкальными чартами
- Закрытие Springpad — жертва конкуренции. Команда закрывшегося сервиса Springpad переходит в Google
- Релиз распределенной системы управления исходными текстами Git 2.0
- Посещаемость «Спутника» упала в шесть раз
- SpaceX представила новый космический корабль Dragon V2
- Выпуск первого поколения консолей на базе SteamOS отложен на 2015 год
Количество пользователей Dropbox выросло до трехсот миллионов, при этом 100 миллионов появилось за последние полгода
Браузеры
- В Chrome введены ограничения на установку сторонних дополнений
- Microsoft рассказала, чего ждать в новой сборке браузера Internet Explorer
- В ночные сборки Firefox добавлен видеочат на базе WetRTC
- Ожидаемые технологии в Internet Explorer 12
CSS Regions больше недоступны в Chrome 35
Microsoft планирует добавить HTTP/2, Web Audio и JavaScript Promis-ы в следующую версию IE
Сайты с интересным дизайном и функциональностью
- Вдохновляющие минималистичные сайты
808cube.com — музыкальный куб
atelier-serge-thoraval.com — сайт с эффектами, которые наверняка вас удивят
purplerockscissors.com — полноэкранный сайт с видео на фоне
studioindigo.co.uk — еще один полноэкранный сайт с интересными эффектами
www.creative-knight.com — сайт с занятными нестандартными эффектами анимации
Дизайн
- Новый тренд веб-дизайна: контурные кнопки (ghost buttons)
- Pixel Perfect Parallax Scrolling Animator от Webydo — параллакс-скроллинг без единой строчки кода
- Как создавать адаптивные и легкие UI в Adobe Illustrator
- 10 мастеров фотоманипуляции, у которых есть чему поучиться
Десять вещей, которым меня научил Massimo Vignelli (R.I.P.)
Человеку, создавшему карту Нью Йоркского метро, посвящается (Massimo Vignelli R.I.P.)
Twitter.com перешел от использования шрифта Helvetica Neue к Gotham
Как создавать лучшие дизайны, основанные на сетках
Эра пост-PSD вовсе не хочет убивать дизайнеров
Элегантный или скучный? Серый цвет в веб-дизайне
Лучшие семейства шрифтов без засечек сервиса Google Fonts
Эффектные дизайны визиток которые могут вас удивить
Неофициальный концепт редизайна сайта MicroSoft
Иллюстрации концептов автомобилей будущего
Пять десятков уроков по Photoshop посвященным созданию фото-манипуляций
Коллекция из сорока уроков по созданию объемного текста в Photoshop-е
Как нарисовать в Photoshop-е стильный черный с золотом объемный текст
Подборка бесплатных дизайнерских печенек
- Mockup файлы для тисненых логотипов
- Иконки на кулинарную тематику
- RotateMe 3.0 — скрипт для вращения объектов в Photoshop-е
Коллекция бесплатных фото из Германии: Titania Foto
Иллюстрации рабочих мест от freepik.com
Bootflat UI KIT PSD
Небольшая коллекция PSD и PNG файлов с элементами UI
Пять десятков круглых иконок с плоским дизайном и длинными тенями посвященных электронной коммерции
Пять десятков векторных круглых иконок с плоским дизайном на летнюю тематику
Набор с круглыми векторными социальными иконками с плоским дизайном
Набор из иконок на тему лета и офисного быта в форматах EPS, AI, PNG
Три десятка векторных иконок в стиле iOS7
Семь шрифтов без засечек подходящих для минималистичных дизайнов
Бесплатные шрифты этой недели: от Acne до Pistara
Лучшая сотня бесплатных шрифтов 2014-го года, от лаконичного Acne до изысканного Zorus
Демо
Игра от Google по изучению XSS
Концепт однокомпонентной формы с 3D эффектом
Десять демок, показывающих возможности современных браузеров
Вертушка с помощью CSS-анимации и SVG
Занимательное
- GIF-кам исполнилось 27 лет
- Кейт Рэй, создатель Scroll Kit: научиться программированию на самом деле сложно
- Google впервые рассказала общественности о составе сотрудников, большинство — мужчины
- В Англии представили принтер для печати заменителей фруктов
- Видео дня: мировой рекорд по скоростной печати на экранной клавиатуре
- Зачем Lenovo покупает Motorola – стратегия и тактика
- Обозреватель Wired: Как Oculus Rift из гаража попал в офис Марка Цукерберга
- Представлен 3D-принтер для печати фруктов
- 11 самых красивых магазинов Apple в мире
- Мэри Микер на Code Conference. Тренды 2014: новые пользователи и трудности монетизации
- Из врагов Microsoft — в ценные кадры: история одного хакера-энтузиаста
- Новый технотренд: карманный молекулярный сенсор
- 30 главных интернет-трендов 2014 года
- Новый GR-директор Rambler&Co: «Моя задача —чтобы в законах было прописано, как работает интернет»
- Велик ли ущерб для рекламодателей от блокировщиков Интернет-рекламы?
- SpaceX
- 100 бесплатных онлайн-курсов на русском языке
Эксперимент показал реакцию детей на первый серийный компьютер Apple
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.