Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб Разработка
- Идеи, лежащие в основе отзывчивых email писем (перевод статьи Криса Койера «Ideas Behind Responsive Emails»)
- Интерактивная сетевая игра на HTML, CSS и JavaScript
- Новая версия отладчика web-приложений Firebug 2.0
- Google обновил документацию и руководство для вебмастеров по перемещению сайта
- Доступны средства для преобразования программ Firefox OS в apk-пакеты для Android
- Как время загрузки сайта влияет на его позицию в Google (инфографика)
- Что нового в Git 2.0?
- Как начать работать с Git
- Разработка с Gulp
- Начинаем работать с Hoodie
- Использование Bower для улучшения процесса разработки проектов на WordPress
- 13 причин для того, чтобы вы обратили внимание на производительность и оптимизацию мобильного веба
- Как разработчики сайта BBC делали адаптивную SVG карту
- 5 вещей, которые я усвоил о доступности
- Делимся информацией между Sass и JavaScript с помощью JSON
- Front End Style Guides: ответы на ваши вопросы
- Создание клевого плиточного эффекта для слайдера с помощью 3D transforms
- 3% юзеров интернета используют IE9, а 14% — имеют физические отклонения. Почему же мы беспокоимся только о первых?
CSS
- Обновился Hayaku для Sublime Text
- Генерация названий селекторов в стиле БЭМ с помощью препроцессоров
- То, что вам никто не говорил о z-index в статье «То, что вам никто не говорил о z-index»
- Поддержка @font-face
- Если вам нужна асинхронная загрузка CSS, то вот: loadCSS
- The Color Purple — памяти 6-летней дочки Eric Meyer посвящается
- Предложение внести в спеку CSS4 название “Becca Purple” для #663399. В честь умершей дочери Эрика Мейера и ее любимого цвета.
- Box-Sizing: секрет простых CSS-разметок
- Каскады в цвете SVG Fill
- Используем Sass для управления Z-Index в сложной верстке
- CSS Shapes, CSS Compositing и режимы смешивания в Safari 8
- Сетки: исследуем блоки для построение дизайна вашего веб-сайта
- Создание параллакс-эффекта на чистом CSS
- Новая статья про CSS-свойство will-change на Dev.Opera
- Fibonacci Flexbox Composer
- Техника невидимого градиента: кроссбраузерный SVG с фоллбеком, с помощью CSS
- 4 метода для создания Responsive CSS Grid Layout на CSS
- Новые возможности CSS-градиентов с background-blend-mode
JavaScripts
- Революция дата-байндинга с Object.Observe() (перевод статьи Addy Osmani «Data-binding Revolutions with Object.observe()»)
- Механизм фильтров Collection
- Итерируем всё вместе с Collection
- 7 шагов к качественному JavaScript коду
- Юнит-тестирование AngularJS с Karma и Jasmine
- Вышел Ext JS 5
- Ресурсы по JavaScript которые помогут оставаться на гребне волны
- Шпаргалка по jQuery
- Pub/Sub JavaScript Object
- Использование ES6 модулей сегодня
- Одностраничное приложение ToDo созданное с помощью Backbone.js
- Начинаем разбираться с Browserify
- Почему Ramda?
- Простые быстрые 3D браузерные игры, сделанные с помощью JavaScript и WebGL при помощи Three.js или Babylon.js
- OpenLayers – альтернатива Google Maps
- Переосмысливание контроллеров в AngularJS
- Angular Breadcrumb — модуль для AngularJS, генерирующий «хлебные крошки» для каждой страницы вашего приложения
- Tessel — микроконтроллер, программируемый с помощью JavaScript
- Как создавать 3D сцены с помощью Seen.js
- jseq — набор тестов, проверка строгого равенства, как это сделано в различных библиотеках
- jasmine-integration — интеграционные тесты с Jasmine
- ScrollMe — jQuery плагин для добавления простых скролл-эффектов
- Springy.js — построение интерактивных графиков с указанным направлением
- Boba.js — библиотека для работы с Google Analytics
- Большое количество эмуляторов, написанных на JavaScript
- WEB WORKER CONTEST (WWC ) — игра, в которой соревнуются два скрипта
- Crossfade.js — небольшой jQuery плагин для добавления модного блюр-эффекта на изображения при скролле страницы
Веб-инструменты
- 10 бесплатных инструментов для создания инфографики
- Семь генераторов цветовых палитр
- Генератор простых кнопок для расшаривания в соц. сетях
- bounce.js онлайн инструмент для создания CSS3 анимации в несколько кликов
Новости
- Впервые за 15 лет обновлена спецификация протокола HTTP/1.1
- Архитектура Machine – переосмысление основ компьютерных вычислений от HP
- Tesla передаст конкурентам свои технологические патенты
- Google:
- Компания Google запустила платформу для бизнесменов
- Google запустил сервис онлайн-бронирования авиабилетов Flight Search
- Google проследит за здоровьем пользователей через сервис Fit
- Google приобрела за $500 млн компанию спутниковой съёмки Skybox
- 25-долларовые смартфоны c Firefox OS появятся уже в этом году
- «Яндекс» запустил проект для болельщиков ЧМ по футболу
- Dropbox приобрел сервис для корпоративного обмена файлами MobileSpan
- Tizen дорос до SmartTV
- Amazon запускает рекуррентные платежи
- Telegram назвали самым быстрорастущим стартапом Европы
- В сети появился полный перечень характеристик «умных» часов LG G Watch
Браузеры
- Веб анимации — element.animate() уже в Chrome 36 (перевод)
- Релиз Firefox 30
- NY Times вынудила читателей отказаться от Internet Explorer 8
- Microsoft устранила 59 уязвимостей в Internet Explorer
- Chrome убил звезду — терминал
- Улучшена поддержка размерной единицы Viewport в WebKit
- Режим смешивания фонов доступен в Firefox 30
Сайты с интересным дизайном и функциональностью
- Интересные сайты на HTML5
- Сайты с акцентом на демонстрацию фотографий
- votd.tv/ — сайт с удачным использованием анимации
- Световой день =
- builtvisible.com/thrust/ — занятный дизайн боковой панели навигации
- hammerhead.io — небанальное использование анимационных эффектов
Дизайн
- Switch to Sketch. Часть 1, Часть 2, Часть 3
- Летняя подборка типографики
- 3D-текст в стиле ретро в Adobe Illustrator
- Интервью с иллюстратором и художником Joumana Medlej
- 6 золотых правил для Ecommerce дизайна
- Поддержание необходимого темпа работы с мобильным приложением за счет более эффективного дизайна
- Вдохновляющие примеры презентаций UI/UX дизайна
- Photoshop или InDesign: что лучше для печатного дизайна?
- Создание кисти-паттерна с разноцветными флажками на веревке в Adobe Illustrator
- Создание ретро-иллюстрации футболиста в Adobe Illustrator для ЧМ по футболу
- Создание ретро-постера посвященному ЧМ по футболу в Adobe InDesign
- Классные иллюстрации изометрических букв от Jing Zhang
- Пробовали ли вы эти расширения для Inkscape?
Подборка бесплатных дизайнерских печенек
- Бесплатные текстуры воды
- Два десятка наборов с фонами и текстурами
- Mac OS X Yosemite UI PSD шаблон
- Фото-текстуры картона
- Свежие наборы UI этой недели
- Четыре с половиной десятка свежих и полезных наборов с иконками для веб и мобильных приложений
- Небольшой набор социальных иконок квадратной формы со скругленными уголками
- Uni Sans Free
- Три десятка шрифтов с исключительно заглавными буквами: от Uni Sans до Portica
Занимательное
- День рождения отца World Wide Web
- «Сердечко» австрийского подростка обрушило Twitter
- Хотите научиться кодить? Начните здесь!
- Что ты за человек: приложение рисует портрет личности по постам в Facebook
- Google может вложиться в космические технологии Virgin Galactic
- Почему результаты удачных A/B тестов в реальности не так хороши
- WWDC глазами очевидца: новые тренды развития технологий
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.