Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Создатели Хабрахабра запустили бета-версию карьерной соцсети Brainstorage, которая является рекрутинговым ресурсом и сетью профессиональных контактов одновременно. Также, небольшое интервью об этом стартапе с deniskin
Многим известно, что API карт от Google позволяет на карты различные модификации в зависимости от потребностей разработчиков. К примеру, вот так можно изменить кастомную иконку стандартного маркера на Google Maps, а вот так можно использовать гео-локационное API HTML5. Из более сложного — можно добавлять и кастомные оверлеи на карты
Предлагем вашему вниманию краткий обзор актуальных методов наложения фильтров на изображения c использованием HTML5 и CSS3
Современные веб-технологии позволяют относительно просто создавать трехмерные игры. В качестве примера можно посмотреть на процесс создания клона игры Pong, где разработчик воспользовался мощностью библиотеки Three.js, а также WebGL
Цвет является очень важным элементом проекта, и выбору лучшей цветовой палитры для проекта следует выделить отдельное время. Кроме понимания теории цвета нужно иметь еще и представление о его психологии цвета. Размышляя об этом, авторы данной статьи решили собрать некоторые советы, книжные рекомендации, ссылки к интересным статьям, а также некоторые инструменты и приложения, которые сделают вашу жизнь легче, когда речь идет о цвете.
Компания OpenSignal провела глобальное исследование Android, где ею было насчитано более 11,8 тысяч устройств на Android разных производителей, с разными версиями прошивки и размерами экрана. Это еще раз подтвердило утверждение о «самой фрагментированной ОС, которая когда-либо существовала».
«Антипиратский» закон вступил в силу, Первый иск по новому закону, разбор антипиратского закона по косточкам. Антипиратский закон может затронуть Украину, хотя в РФ он пока не «выстрелил»
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка
Brainstorage |
Работаем с Google Maps |
Фильтры для изображений |
Создание 3D игры с помощью Three.js и WebGL |
Цвета: ссылки, книги и инструменты, которые сделают вашу жизнь проще |
Фрагментация в Android |
«Антипиратский» закон |
Веб-разработка
- Краткий обзор методов фильтрации изображений c использованием html5 и Css3
- Выбираем решение для изображений в отзывчивом дизайне
- FireBug* Console API
- Проект Mozilla представил Minion, платформу для автоматизированного тестирования безопасности кода
- Начинают тестировать черновую версию IETF HTTP/2.0 сервера, от MS Open Tech
- Десять вещей, которые вам необходимо знать о accessibility
- Работаем с Google Maps: Google Maps API и кастомные оверлеи, Гео-локационное API HTML5 и карты от Google, Добавляем кастомную иконку вместо стандартного маркера на Google Maps
- Техники для мобильного и адаптивного кросс-браузерного тестирования
- Создание сайтов для Geezers
- uikit — еще один статический фронд-енд фреймворк
- Пятиминутный обзор новых JavaScript API в HTML5
- Обрезка изображений в canvas
- Экспорт SVG для веба с помощью Illustrator CC
- Создание простого оффлайн веб-приложения на HTML5
- Интервью: Tantek Çelik (Mozilla) рассказывает о микроформатах (видео) , Интервью с BRUCE LAWSON (евангелистом Open Web Standards в Opera) , а также Mark Boulton о гридах и адаптивном дизайне
- Адаптивный веб дизайн: 6 экспертов, 4 вопроса
- Презентация «MAKE YOUR WIDGETS SING WITH ARIA»
- Подборка ресурсов для построения регулярных выражений
- Web Literacy standard — небольшая карта компетенций от Mozilla, отображающая ключевые web skills
- Веб-сайты против веб-приложений: мнение экспертов
CSS
- Пользовательские скроллбары в WebKit
- CSS-маски для hover-эффекта
- Bootstrap CSS Sprite: синтаксический сахар для ‹img /›
- Минимальный набор кода для CSS Transition
- Центрирование во всех направлениях
- Псевдо-элементы :before и :after на практике
- Техники, инструменты и гайды по тестированию CSS
- Контентные табы на «чистом CSS»
- Paul Irish рассказывает о том, что плоский дизайн новой версии Bootstrap, отрисовывается на 50% быстрее предыдущей градиентной версии
- Официальная документация по работе с CSS-препроцессорами в Chrome DevTools
- Создание CSS куба
- Создание многоуровнего автоматического списка с помощью CSS counter
- Создание меню сайта в стиле GOOGLE NEXUS
- Атомарный дизайн с помощью Sass
- A Sass/Compass version of Normalize.css
- Забавный подкаст с Chris Coyier
- Как создать адаптивный рекламный блок
JavaScripts
- JavaScript трассировка, отладка, профилирование – заполнение пробелов
- Видеокурс по AngularJS
- Плагины:
- jQuery Transition Events Plugin
- owlcarousel — адаптивная карусель с поддержкой тач-ивентов
- squishy — плагин для автоматического изменения размера текста
- animatescroll — плагин, позволяющий скроллить любую часть страницы
- Подборка jQuery-плагинов для адаптивной навигации
- Succinct — jQuery плагин для обрезания лишних слов и добавления в конце многоточия
- Анимация: Анимация с помощью requestAnimationFrame , Анимация рисования кривой с помощью d3.js, SVG и свойства stroke-dasharray , Динамический пререндеринг CSS анимации , Анимация рисования линий в SVG
- Grunt: настройка процесса работы с Grunt.js, Оптимизация изображений с помощью Grunt (плагин grunt-contrib-imagemin)
- Создание игры с помощью Three.js и WebGL
- 7 основ из JS, которые многие разработчики не используют
- The classList API
- Art-Directed Adaptive Images With SVG and JavaScript
- Модули в ECMAScript 6: будущее уже наступило
- Backbone.js Deconstructed часть первая
- he — кодер/декодер спецсимволов
- Orangevolt Ampere — фреймворк для создания wizard-приложений
Браузеры
- Mozilla предлагает API для предоставления сайтам результатов классификации истории посещений
- В Firefox Nightly появился MediaRecorder API
- Браузер Perk на базе Chromium
- Yahoo! купила себе Rockmelt
- Как превратить свой браузер в игровую консоль (а телефон — в джойстик)
- Chromium Digest №8
- Компания Opera представила NEX, не привязанный к браузеру формат дополнений
- IE11: Touch Browsing for Today’s Web and Beyond
Новости
- Google: запустился информационный сайт Google Mobile, В Google Maps появилась новая функция Views, Подробный обзор Android 4.3, Google Play обогнал App Store по количеству загрузок
- Создатели Хабрахабра запустили бета-версию карьерной соцсети Brainstorage, плюс небольшое интервью об этом стартапе с deniskin
- Microsoft: Увидел свет Microsoft Office для платформы Android, Microsoft переименует облачный сервис SkyDrive, Asus может отказаться от Windows RT, Microsoft признала провал планшетов Surface
- Яндекс: «Яндекс» запустил страницу памяти Ильи Сегаловича, Яндекс открывает Острова
- Facebook: Facebook остаётся доминирующей соцсетью в 127 странах мира, согласно данным Alexa, Facebook начала последовательный запуск функционала встраиваемых постов, «Фейсбук» позволит пользователям вернуться в прошлое
- «Антипиратский» закон вступил в силу, Первый иск по новому закону, разбор антипиратского закона по косточкам, Антипиратский закон может затронуть Украину, хотя в РФ он пока не «выстрелил»
- Новый выпуск системы управления web-контентом WordPress 3.6, а между тем, WP используется на 19% всех сайтов
- Sony и Panasonic разрабатывают оптические диски емкостью 300 Гб
- iPad все еще лидирует, но его доля самая низкая за все время
- Samsung представляет «самую быструю память в мире»
- Статистика Android за июль—2013
- Доходы LinkedIn во втором квартале 2013 выросли на 59%
- Quip — первая вменяемая альтернатива Evernote
- Siri начинает учить русский язык
- Дуров пригласил Сноудена на работу
- Лидеры по употреблению мата в СМИ: «Сноб», Esquire и «Русский пионер»
Сервисы
- RSS-ридер The Old Reader сначала закрывался, не выдержав миграции из Google Reader, потом передумал
- svgeneration — генерируем SVG для фона онлайн
- Тестирование скорости загрузки сайта
- Простой онлайн-конвертер из px в em
- Дизайнерские отмазки
- Отмазки разработчиков
- Fucking SEO Tips
- PageSpeed Insights — сервис Google, рассчитывающий насколько прооптимизирован ваш сайт для мобильных и настольных устройств
Демо
- Еще одна подборка крутых демо на WebGL
- 3D Effect for a Mobile App Showcase
- Симпатичный концепт анимации списка
- Концепт для дропдауна
- Очередной chrome experiment на WebGL для тех, кто не боится пауков
- Анимация загрузки на CSS3 от Lea Verou
- PianoRoll.js — музыкальный секвенсор, созданный с использованием HTML5 canvas, HTML5 audio, JavaScript
Сайты с интересным дизайном и функциональностью
- solis.it — относительно простой, но стильный музыкальный сайт
- 100ansdetour.fr — сайт посвященный турниру Tour de France, с активным использованием анимации и SVG
- kitchenprague.com — креативный плиточный сайт с GIF- и CSS3-анимацией
- vespillo-lefilm.com — нестандартная навигация и приятная анимация
- fontstage.de — большой стильный одностраничный сайт с качественными иллюстрациями и эффектами
- thetownthatcameinfromthecold.com — CSS анимация, параллаксы и звуки в фоне
Дизайн
- Мобильная типографика
- Цвета: ссылки, книги и инструменты, которые сделают вашу жизнь проще
- Подборка сайтов приложений
- Страницы ошибки 404
- Упаковки шоколада: креативный дизайн
- Раздражающие тренды в современном веб-дизайне
- Где вдохновляться анимациями и переходами в интерфейсах?
- Примеры арабских веб-дизайнов
- Смерть плоского дизайна
- Маленькие экраны рождают новые тренды в дизайне
- Пять вещей, которые нужно знать о типографике
- Семь трендов веб-дизайна 2013-го года
- Лучшие существующие альтернативы Adobe Creative Cloud
- Десять инструментов по работе с цветом
- Skeuocard — концепт дизайна банковской карточки, который изменяется при введении номера карточки
- Крутой концепт дизайна Twitter
- Урок по созданию дизайна посадочной страницы сайта-портфолио
- Лучшие уроки по фотошопу за июнь 2013
- Логотипы с тематикой «фотография»
Подборка бесплатных дизайнерских печенек
- 65 Flat PSD Website Templates
- Шаблон PSD Macbook
- Полезные для дизайнеров приложений для iOS, наборы исходников иконок и UI
- Паттерны: Более пяти сотен векторных паттернов, паттерны для фотошопа
- Текстуры: дерево в высоком разрешении
- Исходники: лучшее за июль 2013, материалы идут после шаблонов HTML/CSS, набор «Long Shadow Flat UI Kit», шесть десятков наборов UI в различных стилях
- Иконки: иконки типов файлов с длинными тенями, набор из двенадцати иконок знаменитых достопримечательностей
- Шрифты: Public Enemy — без засечек, Newgeo — декоративный, BoB — забавный и игровой, шрифты в стиле Grunge
Занимательное
- Фрагментация в Android, оригинал исследования
- Российские хакеры подослали американскому разоблачителю героин
- Corning представила защитное покрытие для ноутбуков
- 10 трендов SEO-индустрии: что ждет SEO в 2013 и 2014 годах
- Microsoft ошибочно сочла свои сайты пиратскими
- Знакомство с Tizen
- Подробнее об Ubuntu Edge — IAmA с Марком Шаттлвортом
- Apple, Google и крах «открытости» Android
- Почему Великобритания не cможет «выключить клубничку»
- 20 лет юности игровой индустрии в 5 минутах видео
- Первый в истории автомобиль, распечатанный на 3D-принтере
- Everybody lies: Kickstarter
- Первый коммерческий киборг
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin