Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Горячая семерка
Браузерные новости |
Сегодня Firefox исполнилось 8 лет. Также, на днях увидел свет web-браузер Chrome 23 , еще про релиз 23-й версии Chrome, а так же включение в эту версию новой технологии WebRTC
Тем временем выходит Яндекс.Браузер 1.1: с технологией Турбо от Opera Software, а сама Опера выпускает финальную версию Opera 12.10
Оптимизация под Retina |
Firefox OS |
Все, что вы хотели знать о Firefox OS, но боялись просить — видео-презентации, слайды, WebAPIs, приложения и многое другое на страницах hacks.mozilla.org
Metro UI |
Новая ОС от Microsoft начала свое шестие по планете, а вместе с ней и новый Metro-интерфейс, стиль которого имеет все предпосылки перерости в тренд веб-дизайна. И если вдруг это случится, то эта подборка поможет подобрать нужные инструменты, темы, фреймворки и многое другое для создания квадратных информационно-ориентированных интерфейсов.
Одностраничные сайты |
Автор статьи на smashingmagazine пытается разобраться в относительно новом течении в вебе — одностраничных сайтах, которые последний год набирают популярность. Благодаря им мы смогли взглянуть под другим углом на принципы навигации в вебе, открыть для себя нестандартную промотку страницы — не только вертикально, но и горизонтально, и по совсем неожиданыным траекториям, и многое другое.
Немного о смартфонах |
Samsung Galaxy S III стал самым продаваемым смартфоном в III квартале 2012, тем временем в Москве были презентованы Nokia Lumia 820 и Nokia Lumia 920, a вот здесь можно посмотреть на Windows Phone 8X глазами журналистов . Ну, и напоследок, парочка новых обзоров от mobile-review: HTC Windows Phone 8X и Nokia Lumia 920
Новые API в современных браузерах |
David Walsh продолжает разбирать новые API: вот некоторые HTML5 API, о которых вы, возможно, не знали, здесь более подробно о Camera и Video Control в HTML5, а здесь о Fullscreen API.
Разработка
- Верстка рассылок — что мы имеем?
- Подборка инструментов для создания веб-интерфейсов в стиле Metro
- 10 инструментов для облегчения работы с ретиной
- О важности использования тэгов «alt» и «title» к изображениям на вашем веб-сайте
- Продуктивное использование PHPStorm
- Видеодоклад от Angelina Fabbro на тему «Inspector Web and the Mystery of the Shadow DOM»
- Grid—A—Licious — адаптивные анимированные гриды
- Адаптивные фоновые изображения для фиксированых и резиновых лейаутов
- BASE — Super Simple Responsive Framework built to work on mobile devices, tablets, netbooks and desktop computers
- Montage — HTML5 framework для создания веб-приложений
- Добавляем SVG в браузеры, которые не поодерживают эту технологию
- Капча обрисовка
- HTML5 forms (and IE10 (Mobile))
- Горячие клавиши для поиска в Chrome Developer Tools
- Базовая структрура расширения для Chrome
- Разбор создания демо-сайта от Chris Coyier
- Решение проблем рендеринга для анимации в HTML5 играх (JANK BUSTING FOR BETTER RENDERING PERFORMANCE)
CSS
- Миссия невыполнима: определение iPad mini
- И о той же проблеме CSS физических единиц (The CSS physical unit problem)
- Прелоадер Facebook-а на чистом CSS
- Off Canvas Menu with CSS :target
- display: none; или сказ о том, что большинство неправильно используют это свойство при работе с адаптивными дизайнами
- Настраиваем подсветку синтаксиса LESS в Notepad++
- Create a TV Screen 404 Page with Clever CSS Tricks
- Непростая стилизация строк таблицы и непонятный баг в IE9
- CSS3 Lighting Effects
- Еще один вариант хаков для IE, на этот раз с помощью @media
- Как сделать внутреннюю тень на тексте в webkit
JavaScripts
- bootup.js — кешируем и грузим статику из локального хранилища
- Gamma Gallery: — прототип адаптивной галереи
- crumble — A quirky, interactive tour for your website or app.
- Пишем быстрый и оптимизированный JS (Writing Fast, Memory-Efficient JavaScript) — руководство Addy Osmani
- HTML5 API, о которых вы, возможно, не знали
- Camera and Video Control with HTML5
- Fullscreen API
Браузеры
- Firefox исполнилось 8 лет
- Internet Explorer 10 в Windows Phone 8 отличается от версии в Windows 8
- Увидел свет web-браузер Chrome 23 , еще про релиз 23-й версии Chrome, а так же включение в эту версию новой технологии WebRTC
- Google повышает энергоэффективность браузера Chrome в ряде сценариев до 25%
- Яндекс.Браузер 1.1: с технологией Турбо от Opera Software
- Финал Opera 12.10 и детали релиза
- Mozilla Firefox получает поддержку технологии HSTS
- Internet Explorer 10 Is The Fastest Browser On Windows, Chrome 19 Wins On Mac
Новости
- Microsoft официально: Skype заменит Messenger
- В Instagram стали доступны веб-профили (пример профиля Nike)
- «Яндекс.Карты» выпустили карты для Европы и США
- Samsung Galaxy S III стал самым продаваемым смартфоном в III квартале 2012
- Time включил перчатки украинской команды quadSquad в список изобретений года
- «ПриватБанк» открыл в Украине бесплатные школы программирования для детей
- После пятилетнего бета-тестирования, они наконец решились: встречайте новый HTML5 плеер в Wikipedia
Сервисы
- flexplorer — помощник при создании flexbox-лейаута
- liffect — генератор эффектов для списков
- DPI Calculator / PPI Calculator
Демо
Сайты с интересным дизайном и функциональностью
- colingrist.com — интересный вариант параллакса для главного баннера
- themealings.com.au — эффект штор для скроллинга одностраничного сайта
- mypizzaoven.nl — вкусный голландский сайт с нестандартной навигацией
- Знакомство с Парижем
Дизайн
- Exploration Of Single-Page Websites
- Шесть ожидаемых трендов в веб дизайне в 2013 году
- Фильм об истории дизайна. Часть 2
- Обновленные логотипы браузеров
- Возвращение скролла
- Сила черного в веб дизайне (+ инфографика)
- Уроки по созданию визиток
- Дизайн современного UI от Microsoft
- Шокирующие фото-манипуляции
- Используем иконки в веб дизайне правильно
- Логотипы созданные с использованием инверсии (выворотки, negative space): примеры и анализ
- Что такое хороший дизайн?
- Четыре десятка уроков для фотошоперов и иллюстраторов
- Инструменты для работы с цветовыми палитрами
- Adaptive Vs. Responsive Layouts And Optimal Form Field Labels. Об адаптивной и отзывчивой верстки, и оптимально расположении названий полей форм
Подборка бесплатных дизайнерских печенек
- Декоративный шрифт POLY TYPE
- Свежие шрифты: Barkentina, Lusitana
- Десять красивых шрифтов без засечек «humanist»: Telex ht, Pigiarniq, ...
- Иконочный веб-шрифт с 284 пиктограммами во всех нужных форматах
- icomoon.io — генерация иконочного шрифта из выбранных вами иконок
- Еще один PSD шаблон iPhone5
- Больше десятка свежих PSD с иконками, UI и даже iPad mini
- Более двух десятков наборов UI и вайрфреймов с PSD и AI форматах
- Десятка PSD шаблонов довольно симпатичных и стильных сайтов, обычно предлагаются за подписку
- PSD компонента рекламирующего сайт с адаптивным дизайном
- Серые векторные бейджи за твит или пост в facebook
- Немного зеррнисто-шероховатых текстур для фотошопа
Занимательное
- Все, что вы хотели знать о Firefox OS, но боялись просить — видео-презентации, слайды, WebAPIs, приложения и многое другое
- Обновленные карты Марса от Google
- Яндекс рассказал про новый почтовый интерфейс (видео)
- Парочка новых обзоров от mobile-review: HTC Windows Phone 8X и Nokia Lumia 920
- Репортаж: презентация Nokia Lumia 820 и Nokia Lumia 920 в Москве
- Clippy.js — немного ностальгии по офисным помощникам MS
- Поговаривают, что Microsoft давали по $100 для очередей за Surface
- В Facebook объяснили принцип отображения постов в ленте новостей
- В младшей модели планшета Microsoft Surface пользователю доступно лишь 16 ГБ емкости накопителя
- Хитрый Apple спрятал извинения Самсунгу
- Ким Дотком обещает оптоволокно за $400 млн и бесплатный интернет всем жителям Новой Зеландии
- Победный твит Обамы побил рекорд Twitter
- «Стулья похожи на Facebook» — первый рекламный ролик крупнейшей социальной сети
- Гонка плотности пикселей экранов далека от своего апогея, но стоит ли игра свеч?
- Пасхалка в Google содержащая conway's game of life (смотреть в правый верхний угол страницы)
- Большая карта интернета от Руслана Еникеева
- В Голландии в следующем году появятся «умные дороги»
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort