Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и 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.