Я никому не открою Америку, не удивлю публику новым фокусом и не взорву мозг тем, кто в CSS3 плавает, как аквалангист. Расскажу простой способ, как создать слайдер с помощью простых функций CSS3 без необходимости использовая javascript.
Читать полностью »
Рубрика «html5» - 39
Интересный и одновременно простой слайдер на чистом CSS3
2015-03-03 в 15:15, admin, рубрики: css, css3, html, html5, nojs, tutorial, Веб-разработкаДайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №149 (24 февраля — 1 марта 2015)
2015-03-01 в 21:28, admin, рубрики: api, css, css3, html, html5, javascript, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Google автоматически конвертирует флэш-баннеры в HTML5
2015-02-27 в 10:05, admin, рубрики: flash, Google, Google Display Network, html5, Swiffy, метки: Flash, Google Display Network, HTML5, SwiffyЧтобы улучшить доступность интерактивного контента на мобильных устройствах, компания Google начала автоматически конвертировать флэш-баннеры в формат HTML5. Логика в том, что многие телефоны и некоторые браузеры не поддерживают воспроизведения флэш-контента, а Google проповедует концепцию универсальных баннеров, которые адаптируются для экранов разного размера.
Пример мобильного баннера HTML5.
Вышел Unreal Engine 4.7 с поддержкой HTML5 и WebGL
2015-02-25 в 18:26, admin, рубрики: epic games, html5, open source, Unreal Engine, WebGL, движок, игры, метки: Epic Games 
Компания Epic Games объявила о «самом крупном релизе» в истории.
В Unreal Engine 4.7 сделано такое количество важных нововведений, оптимизаций и улучшений, что даже странно, почему ему не присвоен номер версии 5.0.
Читать полностью »
Panasonic перевёл свои Smart TV на Firefox OS
2015-02-25 в 14:48, admin, рубрики: Firefox OS, html5, Smart TV, Текучка, метки: Firefox OS, html5, Smart TV, ТекучкаТелевизоры Panasonic 2015 модельного года отказались от собственной операционки и перешли на Mozilla Firefox OS.
Система поддерживает сторонние приложения на HTML5 — и сразу из коробки демонстрирует привычные для Smart TV функции. Дополнительный софт ещё предстоит написать, Читать полностью »
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №148 (16 — 22 февраля 2015)
2015-02-22 в 18:49, admin, рубрики: api, css, css3, html, html5, javascript, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
MathMl в HTML5
2015-02-18 в 15:00, admin, рубрики: html, html5, latex, MathMl, метки: HTML5, LaTeX, MathMlДо выхода HTML5 использование формул было сущим наказанием. Судите сами: в 2005-м необходимо было иметь под рукой либо специальный браузер, либо разбивать текст на собственно HTML и вставки из изображений или PDF. Поиск и прочие операции редактирования и/или вывода на экран/бумагу был неоднозначной задачей, коей посвящались целые монографии.
В 2012-м было уже попроще. Появилась возможность подключать необходимые плагины (Firemath для FireFox и Daum Equation Editor для Chrome). Но неоднозначность стандартов (и поддержки) фактически заставляла писать одну и ту же статью для каждого из браузеров (и для их версий). Или встречать пользователей волшебным приветствием «Ваш браузер надо обновить/дополнить расширением».
Неудобно? — Да! Отнимало много времени на поиск универсального решения? — Да! Заставляет думать о том, какой тип записи лучше (презентационный или содержательный), каким конвертером пользоваться (а их только общеизвестных с десятка полтора)? — ДА! ДА! ДА!
В результате работа по публикации превращалась в освоение двух-трех лексиконов разметки и изучения работы минимум одной программы-перекодировщика.
Теперь, с приходом HTML5, все стало намного проще. В нем появился новый контейнер <math> .
Каждый допустимый экземпляр MathML должен быть внутри этого контейнера. Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов.
Читать полностью »
Konva.js — HTML5 2d canvas framework
2015-02-18 в 0:39, admin, рубрики: canvas, github, html, html5, html5 canvas, javascript, open source 
Приветствую. Представляю сообществу проект Konva.js.
Konva.js — это фреймворк, который позволяет работать c canvas 2d в объектном стиле с поддержкой событий.
Кратко список особенностей выглядит так:
- Объектное API
- Вложенные объекты и «всплытие» событий
- Поддержка нескольких слоёв (нескольких canvas элементов)
- Кэширование объектов
- Поддержка анимаций
- Настраиваемый drag&drop
- Фильтры
- Готовые к использованию объекты, включая прямоугольник, круг, изображение, текст, линия, SVG путь, ..
- Простое создание собственных фигур
- Событийная архитектура, которая позволяет разработчикам подписываться на события изменений аттрибутов, отрисовки, и так далее
- Сериализация и десериализация
- Продвинутый поиск с помощью селекторов stage.get('#foo') и layer.get('.bar')
- Десктоп и мобильные события
- Встроенная подержка HDPI устройств
- и еще много разного
Далее подробней рассмотрим возможности фреймворка с примерами кода.
Читать полностью »
Создание мобильной игры в Construct 2. Путь неопытного
2015-02-16 в 11:25, admin, рубрики: Construct 2, game development, html5, mobile development, мобильная разработка, мобильные игры, Разработка под androidВ данной статье я опишу процесс создания мобильной игры с нуля, от зарождения в голове этой мысли до публикации приложения и работы с рекламой. Статья подойдет для людей, у которых отсутствует даже намек на опыт и знания в области разработки мобильных игр (а также программирования), так как именно таким человеком являлся автор в момент начала работы над этим проектом.
Основные и важные моменты:
— Приложение разработано с помощью Construct 2 – игровом движке на HTML5, позволяющем портировать приложение на все популярные мобильные (и не только) платформы;
— Навыки программирования для реализации подобным функционалом не требуются вовсе;
— Повторюсь: статья описывает путь человека неопытного, поэтому если вы хотите начать – эта статья может показаться полезной и вам;
— Описаны следующие этапы создания приложения: разработка, портирование на мобильную платформу Android, интеграция с рекламными сетями, публикация приложения, продвижение (некоторое бесплатное подобие этой активности).
— Все сроки по данным активностям указаны с учетом того, что в данный момент я не занят на основной работе, поэтому мог посвящать этому целые дни.
Читать полностью »
Быстрый просмотр продукта [CSS3 + Velocity.js]
2015-02-16 в 10:38, admin, рубрики: css, css3, html5, jquery, VelocityПредлагаю читателям «Хабрахабра» перевод публикации «Product Quick View» с сайта codyhouse.co.
Существуют некие паттерны в мире дизайна электронной коммерции, направленные на увеличение коэффициента конверсии за счет упрощения пользовательского опыта. Другие паттерны пытаются достичь той же цели путем предоставления дополнительной информации там, где это необходимо. Быстрый просмотр продукта относится ко второй категории.
Читать полностью »