Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Предлагаем вашему вниманию статью на smashingmagazine от Rodney Rehm, которая объединяет последние знания о CSS3 transitions. Также, полезно будет почитать о «магических числах» в CSS, где Chris Coyier обращает внимание на вред от их использования, а также о 3D transforms. Obral Senyum наглядно демонстрирует работу с фонами в CSS. И немного ближайшего будущего — использование директивы @supports и грядущие CSS3 Flexible Boxes
Корейцы настроены серьезно. По результатам исследования DRAMeXchange, 3 из 10 проданных в 1 квартале смартфонов выпустила Samsung. Кроме того Samsung планирует поставить 10 миллионов Galaxy S IV… за первый месяц. Плюс, корейцы разрабатывают способ управления планшетами силой мысли. Что касается СНГ, то по прогнозам Samsung впервые обгонит Apple по продажам hi-end смартфонов в России, а в Украине уже каждый второй проданный смартфон — Samsung на Android
Поздравляем самый популярный видеохостинг с восьмилетием. Самое время посмотреть TOP-10 самых популярных роликов
Многие веб-разработчики активно используют букмарклеты для оптимизации своей работы над своими проектами. Вот некоторые из них: Breakpoint Inspector для определения медиа-правил, gridwax для добавления гридов и тестирования вертикального ритма текста, ThePrintliminator для удаления ненужных в печати блоков, Viewport resizer для тестирования адаптивного дизайна, SEO, плюс полезные штуки для мобильного Safari, а также целая пачка букмарклетов для социальщины
Хакеры последнее время активизировали свою деятельность: атаковали принадлежащие РБК интернет-компании, взломали твиттер и сообщили о ранении Обамы, вызвав панику на фондовом рынке. Associated Press вернуло себе твиттер спустя сутки, после таких событий озвучена новость о том, что Twitter внедрит систему двухфакторной аутентификации. Кроме всего прочего, была взломана база игры World of Tanks, пользователям нужно сменить пароли
Появилась новая техника для реализации адаптивных изображений — Clown Car, так же предлагается решение для адаптивных графических теней
Альянсы автомобильных и IT производителей приводят к удивительным решениям: Volkswagen представила «iPhone-мобиль» (под этим громким названием скрывается попытка совместить бренды автомобиля Beetle и iPhone), а Asus и Toyota объединяются, представляя инновационную навигационную систему. Также, несколько мобильных приложений для авто от производителей. И о будущем: Наступит ли тот день, когда мы окажемся лишними за рулем?
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка
 |
Магия CSS |
 |
Доминация Samsung |
 |
YouTube 8 лет |
 |
Полезные букмарклеты |
 |
Проделки хакеров: |
 |
Техники реализации адаптивного дизайна |
 |
Автомобили и IT |
Разработка
- jRIApp — новый HTML5 фреймворк для создания интернет бизнес приложений
- Source — движок для документирования вёрстки
- Чеклист производительности для мобильного веба (видео)
- Начинаем работать с HTML5
- Быстрый старт разработки с HTML5 Boilerplate (видео)
- Новости от разработчиков Firefox: HTML5 notifications, Parallel JS, asm.js и другое
- Навигация в стиле YouTube
- Permalinks tutorial
- ARIA’s application role
- Markup Framework A Starting Point for Web Design
- Используем фреймворк Bootstrap для создания адаптивной темы WordPress
- Как использовать HTML5 audio (часть 1) (видео)
- Поддержка в IE6/IE7 Twitter-а для веб-сайтов с 13-го мая прекращается!
- Утечка байт на iOS устройствах при использовании HTML5 Video
- Крутецкий кросс-платформенный процесс разработки с помощью Grunt
- Показываем fallback для мультимедиа элементов, когда не найден поддерживаемый файл
- Пуш уведомления в браузере с помощью отправляемых с сервера событий
- Создание карты Google Maps с обновляемыми маркерами
- Эффект такой же как у меню на YouTube
- Полноэкранные анимированные переходы между плитками
- Оптимизация FE: просто уберите один JPG («one less JPG»)
- Букмарклет для добавления гридов на сайт и тестирования вертикального ритма текста
- Breakpoint Inspector A CSS media query bookmarklet.
CSS
- CSS3 Transitions: Thank God We Have A Specification!
- Magic Numbers in CSS
- Intro to CSS 3D transforms
- Презентация о CSS архитектуре от csswizardry
- Unicode CSS Classes
- Полноэкранная анимация переходов по страницам
- Использование tabindex с :focus
- Демонстрация работы с фонами в CSS
- CSS3 Flexible Boxes
- Инвертирование в CSS без фильтров
- Zelda: A link to the CSS — CSS3 анимация с 3D эффектами
- Нативное определение фич CSS с помощью правил @supports
- Адаптивные графические тени (Responsive drop shadows)
- Техника «Clown Car» для responsive изображений
- ptb/flexgrid: CSS сетка с поддержкой flexbox на 3.6k
JavaScripts
- tFormer.js — велосипед для валидации форм
- Verlet.js — физический движок на основе метода Верле
- JavaScript обёртка скроллбара в виде jQuery плагина
- TraceGL — интересный способ отладки JavaScript, визуализирующий информацию с помощью webGL
- codoplayer — качественный HTML5 / Flash видео плеер
- PathFinding.js — визуализация алгоритмов нахождения пути
- Крадем функционал кнопки back с помощью History API
- Clockface timepicker for Twitter Bootstrap
- FPSMeter — небольшая библиотека для измерения FPS
- jQuery Builder
- Sly — jQuery плагин для создания навигации в стиле coverflow
- Intention.js — манипуляции с DOM по HTML атрибутам (для responsive дизайнов)
- Концепции WebGL
- Hand.js — полифил для поддержки событий курсора в каждом браузере
- Snap.js — выезжающее меню в стиле «off canvas»
Браузеры
- The Internet Explorer 8 Countdown
- Как просматривать документы Microsoft Office в Google Chrome
- Установка расширений и приложений Chrome с сайта разработчика
- Forrester: Windows 7 и Internet Explorer №1 в корпоративном секторе
- В Firefox добавлены режимы смешивания в Canvas
Новости
- YouTube исполнилось 8 лет
- Git исполнилось 8 лет
- Wordpress.com перешёл на свободный шрифт Open Sans
- Интернет-магазин Amazon.com открывается в России, а также 10 последствий появления главного интернет-магазина в России
- Через Skype разрешат проводить совещания голограмм
- Facebook начал публиковать фото в формате WebP
- Adobe представил инструмент для прогнозирования влияния в социальных медиа
- Apple: Чистая прибыль компании упала на 13%, при том что статистика показателей компании выглядит впечатляюще: Новые рекорды: App Store — 45 млрд. загрузок, iCloud — 300 млн. пользователей, так же анонсировано WWDC 2013, которое пройдет 10—14 июня, билеты разобрали за две минуты
- Samsung: 3 из 10 проданных в 1 квартале смартфонов выпустила Samsung, кроме того Samsung планирует поставить 10 миллионов Galaxy S IV… за первый месяц, DRAMeXchange: Samsung заняла 30% мирового рынка смартфонов
- Смартфоны на Firefox OS вышли в продажу и сразу же первые телефоны на Firefox OS разошлись за несколько часов
- PocketBook выпустила первый в мире ридер с цветным экраном и другие новинки
- Intel продвигает адаптивные ПК-моноблоки, оснащённые батареями
- Yahoo закроет ещё 5 сервисов и прекратит поддержку устаревших интерфейсов почты
- Strategy Analytics: доля iPad сократилась, а Android-планшеты показали рост
- Google Now могут добавить прямо на домашнюю страницу поисковика
Сервисы
- ui-cloud.com — поиск PSD отдельных UI-компонентов или даже целых наборов
- webcolourdata.com — сервис собирающий цветовые палитры сайтов
- Layoutit! — создание веб-интерфейса на Bootstrap прямо в браузере, с помощью перетягивания компонентов
- Гугл-шрифты просмотрены более 500 млрд. раз
Демо
- Spiderweb на verlet-js
- Эксперимент с HTML5 audio
- Lava Blade – тактическая RPG
Сайты с интересным дизайном и функциональностью
- paperandpaint.dk — датчане опять экспериментируют с навигацией или полноэкранный сайт с Drag-навигацией, прогрузка данных с помощью Ajax и CSS3 эффектами
- co3.lemouv.fr/#/salon/ — совсем недавно такие сайты можно было сделать только на flash
- intothearctic.gp/ — экспедиция к северному полюсу, сайт напичкан CSS3 анимацией
- kiliwatch.fr/en/ — нестандартная геометрия и множество CSS3 анимационных эффектов
- Подборка одностраничных сайтов с эффектами, которые рассказывают свою историю
Дизайн
- Вдохновляющая 3D-типографика
- Интервью с иллюстратором Ольгой Громовой
- Pixel Perfect Precision — замечательная книга для веб-дизайнера по создания дизайна пиксель в пиксель
- userium.com — чек-лист по юзабилити
- Угол в иконках
- Перенаправление Photoshop для веб
- Yahoo! Weather App для iPhone, iPod и iPod Touch
- Мобильный веб: Не используйте нативные дропдауны для навигации
- Как задать нестандартную форму текстовым полям
- Facebook открывает новый логотип и иконки
- Логотипы: с креативными концепциями, с женщинами раз и два, со зданиями, луны
- 2013 Font Trends
- Android cheatsheet for graphic designers
- Текущий тренд веб-дизайна: использование фонового видео
Подборка бесплатных дизайнерских печенек
- psd-исходники музыкальных плееров, испходники других UI компонентов, PSD файлы окна входящего звонка
- PSDDD — ресурс позволяющий находить свежие исходники PSD появляющихся в Dribbble
- all-silhouettes.com — большая коллекция векторных силуэтов
- Текстуры: деревянных скамеек, светлые и тонкие
- Шрифты: декоративный BAMQ, графити шрифты
- Иконки: наборы плоских иконок, наборы иконок в том числе и иконочные веб-шрифты
Занимательное
- TOP-10 роликов на день рождения YouTube
- Обзор первой Вебмастерской Яндекса (часть 1), часть 2
- Впечатления после длительного использования Microsoft Surface RT
- Страсти по Вконтакте: План для Дурова: бежать нельзя остаться, Ход Дурова: 5 сценариев будущего «ВКонтакте» и других проектов её создателя, «ВКонтакте» с государством: сможет ли соцсеть развиваться без Дурова
- В Нью-Йорке прошла первая выставка достижений 3D-печати
- Обзор Facebook Home: ложка существует
- Mars One начал отбор участников для безвозвратной экспедиции на Марс, более практичное агенство NASA запустило в космос три смартфона, чтобы в будущем создать дешевый спутник
- Volkswagen представила «iPhone-мобиль», в то время как ASUS готовит основанные на облачных вычислениях навигационные автомобильные системы
- Наступит ли тот день, когда мы окажемся лишними за рулем?
- Как контактировать с Google в случае необходимости
- Google исключил из выдачи отдельные страницы сайта Mozilla за наличие спама
- Розничный релиз Google Glass состоится в следующем году
- Проделки хакеров: Взломанный твиттер AP сообщил о ранении Обамы, Сообщение во взломанном твиттере Associated Press вызвало панику на фондовом рынке, Associated Press вернуло себе твиттер спустя сутки, после таких событий озвучена новость о том, что Twitter внедрит систему двухфакторной аутентификации, Хакеры взломали базу игры World of Tanks, пользователям нужно сменить пароли
- Дуров разъяснил происхождение слухов о новом проекте
- Facebook разрешил брендам рекламироваться на фото обложки, Facebook Home: 500 тыс загрузок и большинство отрицательных отзывов
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
