Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Горячая семерка
Hello Chrome, it’s Firefox calling! |
На этой неделе состоялся первый видеозвонок между Chrome и Firefox, и это действительно начало нового витка в развитии коммуникации в вебе. Skype может начинать нервничать, а здесь расписано, как вы можете попробовать новую технологию самостоятельно
“Find Your Way To Oz” |
После Movi.Kanti.Revo, эксперимента, который Google создал вместе с Cirque du Soleil, гугловцы не стали останавливаться на достигнутом и представили “Find Your Way To Oz” — HTML5 Chrome Experiment в сотрудничестве с Disney и Unit9. Статья о том, как он создавался с технической точки зрения
В помощь разработчикам |
Новые возможности для веб-разработчиков предложил Google Drive. Не отстает он него и Dropbox, который облегчил жизнь тем, кто делает мобильные приложения. Еще дальше пошли Facebook и Yandex: первые запускают обучающее видео-приложение для разработчиков, а вторые вообще выложили видео лекций всего курса первой Школы разработки интерфейсов
mod_rewrite. Пособие для продолжающих |
Желаете узнать, как как на самом деле работает mod_rewrite? Тогда этот туториал — именно то, что вам требуется
Еще раз о производительности |
Не так давно стал доступен отличное видео от lya Grigorik на тему «Faster Websites: Crash Course on Web Performance». Рекомендуется к просмотру всем, кто бореться за производительность в вебе.
Также, на net.tutsplus появилась статья, посвященная оптимизации JS с помощью Chrome Dev Tools. Кроме этого, можно ознакомиться с переводом статьи «Высокая производительность Google Chrome».
Давайте скажем «нет» некоторым элементам интерфейса |
В этой статье можно почитать, почему слайдеры — это отстой, в этой — почему не нужны карусели карусели, а тут — призыв прекратить использовать бесполезные селекты на страницах
Привет, будущее |
Еще недавно мультитач вызывал дикий восторг после кнопочных панелей, уже сейчас можно посмотреть на три варианта интерфейса из будущего. Еще обещают, что скоро 3д принтеры смогут печатать донорские органы, а вот здесь Epson показывает, что не Google Glass единым.
А что вы скажете о системе предсказания будущего для изменений в настоящем? Однако, вернемся в 2013й и посмотрим, на какую одежду и гаджеты могут расчитывать гики уже в этом году
Разработка
- Facebook запускает обучающее видео-приложение для разработчиков, анонсирует серьезные изменения в API Facebook, а здесь можно узнать, как подготовить свой fb-аккаунт к переходу на GraphSearch
- Облачные хранилища делают шаг навстречу разработчикам: Google Drive дал возможность публично размещать статические сайты, а Dropbox запускает улучшенный инструментарий Sync API для разработчиков приложений под Android и iOS
- Видео лекций всего курса первой Школы разработки интерфейсов Яндекса
- Классический сапёр на html5 и LibCanvas
- Интерактивная инфографика с анимациями CSS и SVG
- Как на самом деле работает mod_rewrite. Пособие для продолжающих
- Распространенность новых семантических HTML5 тегов на текущий момент
- Faster Websites — слайд-курс по веб-производительности
- Cool Kitten — адаптивный фреймворк для создания сайтов с параллаксом
- cgSceneGraph — мощный кросс-платформенный HTML5 Canvas Framework
- Новые фичи HTML5 — Offline Web Applications
- Спека черновика HTML 5.1 вводит элемент ‘main’
- Визуальный метод для понимания WebKit Layout
- 6 вещей, которых вы не знали о Firefox OS
- Firebug Tips & Tricks
- Эмуляция «float: DOWN»
- Немного о создании TWEETMAP и анонс следующих материалов
- Пример SVG Hacking
- Урок HTML5 Game Development от Udacity
- Новое в WebStorm 6 EAP: кроме всего прочего полноценная поддержка Emmet и последней версии JSHint
- Рефреш браузера в Sublime Text 2
CSS
- Roole, новый препроцессор для CSS
- Подробно о CSS Click Events
- Stately — символьный веб-шрифт с картой США и поддержкой лигатур для современных браузеров
- CSS background-position и проценты
- Media Query width и вертикальные скроллбары
- Глубокое погружение в CSS градиенты
- HINT.css — библиотека для создания тултипов на CSS (пока полноценно работает только в Firefox)
- Используем CSS3 Pseudo Elements и Box Shadows вместо изображений для HiDPI геометрии
- Создание 3D анимации книги
- Pseudo background-position
JavaScripts
- Обзор бесплатного CDN-хостинга JS библиотек jsDelivr
- Rye — легковесная js-библиотека для DOM манипуляций и ивентов с поддержкой всех современных браузеров
- textillate — js-плагин для текстовой CSS3-анимации
- Handsontable — минималистическая таблица с данными в стиле Excel
- Toolbar.Js — библиотечка для создания тултипа в стиле тулбара
- Полифил «text-wrap: balanced» для балансировки текста, и описание в блоге Adobe зачем это нужно
- Chrome Dev Tools: JavaScript and Performance
- Countdown timer on jQuery Canvas
Новости
- «Яндекс» обогнал Bing и вышел на четвертое место по числу поисковых запросов
- Amazon обзаведётся собственной виртуальной валютой
- Новый дизайн каналов на YouTube выполнен в стиле Google+
- Для платформы Android развивается средство для запуска Windows-приложений на базе Wine
- Google тестирует новые функции в результатах выдачи
- Facebook исполнилось 9 лет. ТОП-9 фактов о соцсети
- Новости Microsoft: Доля Windows 8 превысила 2%, Windows 7 падает, Планшет Surface Pro уже появился в продаже в магазинах Microsoft Store, а Windows Phone 8 уже обошла в США по популярности Windows Phone 7. Все сервисы и продукты Microsoft будут обновляться раз в год
- Хакеры взломали 250 тысяч аккаунтов Twitter
- Фрагментация версий Android сохраняется
Браузеры
- Первый видеозвонок между Chrome и Firefox, + официальный анонс, а также о новом в WebRTC
- Приложение для демонстрации будущей системы оповещений в Google Chrome
- Браузерные тренды по состоянию на февраль 2013
- Галерея расширений Chrome перешла на WebP
- Как подружить Chrome с медленным компьютером
- Перевод отличной статьи «Высокая производительность Google Chrome»
Сервисы
- CodeAndMore — еще один шрифтогенератор
- pagelayers — приложение для Mac OS X, позволяющее сохранять страницы сайтов в psd со слоями
- Периодическая таблица WP плагинов
- Подборка Image Placeholder APIs, а также еще один сервис для создания плейсхолдеров — not-dot.tk
- SubtlePatterns букмарклет, позволяющий менять фоновую текстуру прямо в браузере
- Калькулятор «золотого сечения» для веб типографики (Golden Ratio Typography Calculator)
Демо
- Google представил “Find Your Way To Oz” — HTML5 Chrome Experiment в сотрудничестве с Disney и Unit9. Статья о том, как он создавался с технической точки зрения
Сайты с интересным дизайном и функциональностью
- rezon.fr — нестандартная геометрия сайтов выходит на новый уровень
- zervice.com — а также нестандартная навигация или путешествие на авто zervice по окрестностям сайта
- internship.wearex3.com — отлично стилизированный сайт с тематическими иллюстрациями и параллаксом
- package.dego.lv — простой, но милый одностраничный сайт с анимацией
- lincolnsland.com — тематический одностраничный сайт о Линкольне
- julesbassoleil.fr — минималистичное портфолио с интересными слайд-эффектами
- 20 сайтов с нестандартной оригинальной геометрией
Дизайн
- Helvetica часть вторая: блуждая в тумане антипатии
- Почему слайдеры — это отстой?
- Статистика по каруселям, показывающая почему они не нужны
- Хватит использовать бесполезные селекты на страницах
- Ultimate Collection of Fireworks Tutorials
- BLOKK — шрифт для создания макетов и прототипов без указания языка
- Примеры логотипов с оптическими иллюзиями и весьма нужными пояснениями о том что можно еще увидеть в каждом непростом изображении
- Sketch VS Photoshop + Sketch VS Fireworks
- Постепенное сокращение
- Скрипт для редактирования параметров уголков в Photoshop
- Adobe улучшил 3D функциональность в Photoshop CS6.1, и как с этой 3D функциональностью сделать валентинку
- Секреты инструментов ретуширования в фотошопе CS6 — часть 3 и часть 4
- Полтора десятка лучших уроков по фотошопу за прошлый месяц
- Выравнивание и объединение объектов в Illustrator
- Примеры веб-дизайнов успешных спортивных сайтов
- Искусство использования многоугольников в веб-дизайне
- Процесс создания лого ITV, и Web Design Goodies
- Лучшие четыре лого 2012 года по версии читателей justcreative
- Восемь советов о том, как улучшить свои навыки в веб-дизайне
- Коллекция из креативных Google Doodles
Подборка бесплатных дизайнерских печенек
- Немного текстур коры, три десятка винтажных бумажных текстур
- К дню Святого Валентина, небольшой набор иконок от Smashing Magazine в PNG и EPS форматах, а так же няшные векторные иллюстрации, еще один подобный набор и соответствующие кисти для фотошопа
- Еще один позитивный наборчик иконок Valentines Icon Set в красном цвете
- Socialtograms — векторные иконки/пиктограммы социальных медиа в AI формате, от Steffen Nørgaard Andersen
- Simple Icons — почти сотня иконок в одиннадцати размерах в PNG формате
- Polaris UI Pack — набор интерфейсных элементов, прорисованных в векторе в Photoshop, по умолчанию для использования на темном фоне, плюс набор иконок Linecons с веб-шрифтом и в векторных форматах, все это от Designmodo
- Сборник наборов UI для десктопных приложений, преимущественно под Mac
- Brooklyn — декоративный, немного похожий на готический, шрифт с засечками
- Capita Light — приятный шрифт с засечками
- Silverfake — широкий ретро slab-serif шрифт от Alexey Frolov a.k.a MRfrukta
Занимательное
- Mega: все, что вы хотели знать о новом файлообменнике Кима Доткома
- На Kickstarter собирают средства для строительства «Звезды смерти»
- Скоро 3д принтеры смогут печатать донорские органы
- Что будет после мультитача: три интерфейса будущего
- Одежда и гаджеты, год 2013
- Система предсказания будущего для изменений в настоящем
- Очки виртуальной реальности Meta на основе Epson Moverio BT-100
- Неоднозначная реклама Go Daddy на супербоуле помогла достигнуть рекордных продаж
- Бренды осваивают Vine
- Головоломка Mercator для знатоков географии
- Google предпочитает обновляющиеся новостные статьи
- Google добавила панорамные снимки Гранд-Каньона в Street View
- Как Instagram стал популярным в первые же дни после запуска?
- Абрамс экранизирует Half-Life и Portal
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort