Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №114 (15 — 21 июня 2014)
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
- Компания Google представила Web Fundamentals и Web Starter Kit
-
Google Web Starter Kit: конструктор мобильных сайтов -
Пример веб-производительности - Хранение веб-шрифтов в CDN
- Создаем первый плагин для Grunt
-
Использование ARIA в HTML -
headstart.io — Простой в использовании автоматизированный набор для фронтенд разработки -
Полезная шпаргалка по favicon -
Скринкаст: начинаем работать с gulp.js -
А для тех, кто уже начал разбираться с Gulp, вот парочка дополнительных трюков -
Grunt PageSpeed c помощью ngrok для локального тестирования -
Анонсирована нативная поддержка Grunt в свежем PhpStorm EAP -
Поддержка HTML5 accessibility в браузерах -
Взгляд на SVG viewBox и viewport -
Предзаполнение форм с помощью кастомного буукмарклета -
Использование HTML5 Gamepad API для добавления поддержки контроллеров для браузерных игр -
Почему я люблю отладку сайта с помощью инструментов IE F12
CSS
- Подробно о Background-blend-mode
-
Клевые эффекты наведения на CSS для блоков с текстом на фоне изображения -
Размышления о строках, кавычках, значках и тильдах в Less CSS -
История панели навигации на Apple.com (CSS реализация) -
Различные стили, генерируемые с помощью Sass -
Ускоряем загрузку веб-сайта с помощью Critical path CSS generator -
A B CSS: упорядочивание CSS для всех -
SassySkeleton — шаблон для улучшенного структурирования стилей Sass & Compass.
JavaScript
-
Создаем Zoom-анимацию при прокрутке с помощью jQuery.Zoom-Scroller.js -
ANGULARJS + REQUIREJS -
Муравей Лэнгтона на JS и Canvas -
Атрибут Async и скрипты внизу кода страницы -
ScrollMe — jQuery плагин для простого добавления скролл-анимации -
Подборка ресурсов и материалов по Angular -
Outdated Browser — симпатичная напоминалка о том, что пользователю пора сменить браузер -
asynquence: промисы, о которых вы пока еще не знаете: часть 1, часть 2 -
odyssey.js — фреймворк для создания интерактивных историй и статей для журналистов, дизайнеров и прочих творческих личностей -
Эмуляторы, написанные на JavaScript -
Более быстрая UI-анимация с помощью Velocity.js -
Новая криптографическая Javascript библиотека от Microsoft -
Создание кругового счетчика с помощью TimeCircles -
Макет с динамической фильтрацией с помощью Isotope и Bootstrap -
Brick Work — jQuery плагин для создания динамических лейаутов в стиле masonry
Веб-инструменты
-
MapBuildr — онлайн-конструктор для гугл-карт -
dimensionstoolkit — Инструмент для Chrome, позволяющий удобно отлаживать адаптивность сайта -
Сравнение сервисов для компрессии изображений: TinyPNG, Compressnow, Compressor.io, JPEG-optimizer, Image Optimizer.
Новости
-
Какой должна быть хорошая карта — ориентиры на Яндекс.Картах. Как «Яндекс.Город» встретили рекомендательные сервисы -
Microsoft переходит на процессоры собственной разработки -
Минпромторг заказывает разработку отечественного процессора «Байкал» -
Амазон представил свой смартфон с 6 камерами Fire Phone. Знакомство с Amazon Fire Phone вживую: есть ли практический смысл в шести камерах? -
Adobe Photoshop CC 2014: что нового? - Adobe реализовала массу новшеств в Photoshop CC 2014
- Adobe выпустила свои первые устройства: перо Ink и линейку Slide
- «Яндекс» приобретёт Auto.ru за $175 млн
- ЕС и Южная Корея объединяют усилия в разработке сетей 5G
- SteamBoy – портативная игровая консоль на базе SteamOS
- В стандарте Unicode 7.0 добавлена поддержка большого количества новых символов
- Apple выпустила более доступную модель моноблока iMac
- Nokia заплатила миллионы евро шантажистам, угрожавшим обнародовать код Symbian
- В состав HTTP-сервера Apache включён модуль с поддержкой протокола SPDY
- WSJ: Apple предложит несколько вариантов «умных» часов iWatch
- YouTube удалит видео музыкантов, отказавшихся заключать соглашение
-
CodePen запустил возможность писать посты
Браузеры
-
Запуск Internet Explorer Developer Channel -
Следующее поколение браузеров (Вадим Макеев о Coast) - Выход Firefox 31-beta и Firefox 32-aurora. Кроме всего прочего — поддержка переменных в блоках CSS и Canvas Debugger
Сайты с интересным дизайном и функциональностью
-
btlbrands.com — интересный с точки зрения дизайна скролл-эффект -
squarespace.com — клевые скролл-эффекты: анимация, фейд, параллакс -
cvc1659.co.za — горизонтальный сайд с таймлайном -
www.world-of-swiss.com/ — прекрасная реализация эффекта скроллинга вглубь страницы -
epicdiscovery.com/vail — сайт с интересной реализацией выпадающего контента -
sismodesign.com — сайт с креативной анимацией и нестандартными шаблонами страниц -
fitstar.com — интересные решения в дизайне и скролл-анимации -
marksommerschield.co.uk — сайт с удачной анимацией стандартных компонентов -
the universal typeface — социальный проект, собирающий начертания букв со всего мира -
personalbrandinstitute.com — сайт на canvas c занятными анимационными эффектами -
ahistoriaeoutra.com.br — красочный canvas-сайт в комикс-стиле -
alstercloud.rs — сайт — номинант и победитель целого ряда конкурсов -
sendabigidea.com — красочный скролл-сайт с параллакс-эффектами и нестандарно направленной анимацией -
artlabelproject.com — концептуальный арт-сайт
Дизайн
-
Война с дизайнером: откуда берётся хороший дизайн. Часть 2 - 7 распространенных ошибок веб-дизайна, которые бесят пользователей
- Motorola выбрала 10 финалистов конкурса дизайна лицевой панели Moto 360
-
Smart Objects и Layer Comps в Photoshop CC 2014 -
Понимание пиксельной сетки -
call to idea — Каталог интерфейсных решений на все случаи жизни веб-разработчика. Можно вдохновиться и утащить пару хороших идей. -
The coder’s guide to finding the perfect color palette -
80+ клевых логотипов, вдохновленных животными -
Poka-Yoke в дизайне интерфейса пользователя -
Скетчи и рисунки в веб-дизайне
Демо
-
Поводить кота за нос с помощью js/css -
Microsoft выпустила браузерную игру no аниме-сериалу Gargantia. Как сообщает Microsoft, игра Gargantia: Sky Courier идеально подходит для того, чтобы оценить возможности Internet Explorer 11 -
Клевый аудио-визуальный эксперимент от Хакима
Занимательное
-
«Даурия» в космосе -
«Человек на острие ножа» — Джон Кармак, вехи достижений и вклад в игровую индустрию - New York Times: Как Тим Кук меняет Apple
- Технологии DRM — угроза для компьютерной безопасности
- Отчет Simply Measured: вовлеченность постов на Facebook упала на 50%
- Обозреватель CNET: Отставка СЕО Mozilla произошла из-за проблем с советом директоров
- Ссылочные факторы в формуле ранжирования Яндекса: 3 месяца спустя после «отключения»
- The Machine: как изобрести компьютер в XXI веке?
- Как «Цукерберг позвонит» боролся с AdBlock и проиграл
- Основатель TechCrunch обвинил Microsoft в подкупе блогеров для написания статей об Internet Explorer
- Квантовые компьютеры: принципы работы
- Secret и семь других анонимных приложений
- Будущее космических полетов: кто придет на смену «Спейс шаттлу» и «Союзу»
- Почему Apple отказалась от погодного сервиса Yahoo
-
Угадай язык программирования -
Гайд о фитнессе для гиков
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
PS: Этот выпуск дайджеста вышел в слегка сокращенном формате в связи с отсутствием одного из авторов
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.