Рубрика «css3» - 24

в 7:13, , рубрики: css3, CSS3 animation, без SMS, красота, метки: , , ,

CSS3 timer
Привет, читатель!
Я даже не знаю что хуже, что код для этого секундомера занимает ~ 1100 строк, или то что он работает только в половине браузеров.
Но если же тебе интересно как это работает, прошу под кат.

Вступление

Во-первых о браузерах. Работает этот код, из нынешних: в FireFox, Safari и Chrome. На подходе такие гиганты браузеры как IE10 и супер секретная новая Opera.
Во-вторых, хочу сразу отметить, что я буду описывать именно процесс анимации, а не рисования на CSS3. На будущее план как раз наоборот сделать очень красивыйЧитать полностью »

в 3:53, , рубрики: css, css2.1, css3, css4, w3c, webkit, браузеры, версии, интриги, котята, модули, пиар, префиксы, расследования, скандалы, стандарты, статусы, утопия, метки: , , , , , , , , , , , , , , , , ,

Веб-стандарты / В продолжение темы защиты котят
Итак, неподражаемая Лиа Виру с ее блистательным призывом не позволить браузерной отсебятине причинить вред беззащитным пушистым созданиям, была услышана и на Хабре (если кто-то пропустил — срочно ознакомьтесь c переводом lahmatiy чуть ниже или моим переводом на css-live.ru — не пропадать же труду). Мы уже наслышаны о панике последней недели из-за намерения браузеров поддерживать чужие префиксы. Кто-то, возможно, успел подписать петицию против этого безобразия (как я). Кто-то, напротив, прислушивается к доводам Тантека Челика (между прочим, создателя микроформатов) и других экспертов, убеждающих, что не так всё страшно и еще немного бардакаЧитать полностью »

в 5:07, , рубрики: css, css3, бред, метки: , ,

Каскадные Таблицы Стилей / Поговорим про :checked
В последнее время сложилось ощущение, что много людей пишет про создание табов (вкладок) на CSS.
Сейчас я хочу рассказать про ещё один способ создания вкладок на CSS (Предупреждая выпады в свою сторону, упомяну, что без :target).
Но обо всём по порядку.
:checked или немного теории

Итак, в CSS3 (В модуле css3-selectors) появился новый псевдокласс :checked.
Вкратце, этот псевдокласс применяется к тем input'ам (checkbox или radiobutton), которые выставлены пользователем в состояние выбора (checked).
Табы, табы, табы

Довольно много реализаций табов было описано (Например, вот тут сделано через поле input type=«text»Читать полностью »

в 15:05, , рубрики: css3, multiple backgrounds, метки: ,

Блог компании Microsoft / CSS3. Работа с множественными фонами
Мы уже ранее затрагивали возможности модуля CSS3 Backgrounds and Borders, рассматривая работу с тенями (box-shadow). Сегодня мы немного поговорим о еще одной интересной возможности — использовании нескольких изображений в фоне.
Композиция фонов

Существует множество причин, по которым, вам вообще может потребоваться композиция нескольких изображений в фоне, среди них наиболее важные — это:экономия трафика на размере изображений, если отдельные изображения в сумме весят меньше, чем изображение со сведенными слоями, и

необходимость независимого поведения отдельных слоев, например, при реализацииЧитать полностью »

в 10:14, , рубрики: css3, less, sass, метки: , ,

Веб-разработка / CSS3: жизнь без префиксов
Префиксы вещь хорошая. Они помогают производителям браузеров в реализации новых возможностей. Но жизнь разработчиков от них становится только сложнее. Префиксов много, иногда наблюдаются различия в синтаксисе.
Проблема очевидна. Нужен способ облегчить работу с префиксами.
Естественно, перестать использовать префиксы было бы неразумно. Но переложить обязанность по их генерации на существующие специально для этого инструменты вполне возможно. Я попробовал перечислить возможные варианты.
1. Препроцессоры

Суть препроцессоров в том, что автор файла стилей может использовать дополнительныеЧитать полностью »

в 13:29, , рубрики: css3, метки:

Каскадные Таблицы Стилей / Тестируем браузер на поддержку CSS3
Привет, читатели!
Недавно наткнулся на интересный сервис CSS3TestПосле захода на сайт сервиса ваш браузер сразу проходит проверку на поддержку всех CSS3 свойств и выдаёт общий процент прохождения.
Также выводятся списки свойств по группам и соответствующий им процент прохождения
Группы свойств:
Backgrounds and Borders

Image Values and Replaced Content

Selectors

Media Queries

Basic User Interface

Transitions

Animations

2D Transforms

3D Transforms]

Text

Fonts

Color

Multi-columnЧитать полностью »

1...1020...222324
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js