Записи в разделе: CSS



SVG: Особенности оформления фигур с помощью CSS

2012.05.02

Сегодня я столкнулся с весьма интересными особенностями работы браузеров при отображении SVG-фигур оформленных через CSS. Для начала возьмем и создадим тестовый SVG-объект: <rect id=”testRect” x=”100″ y=”100″ width=”300″ height=”100″/> Первая часть эксперимента Через инлайн стили зададим ему офромление. Для этого добавим … подробнее →

Опубликовано в: Chrome, CSS, Firefox, Opera, SVG, Все записи | Помечено , | Оставить комментарий

Новые подчеркивания в Firefox 6

2011.08.21

В новой версии Firefox, которую Mozilla анонсировала 16 августа, появилась возможность гибко настраивать подчеркивания в тексте. Думаю, каждый веб-разработчик и верстальщик знает, что можно использовать свойство text-decoration для оформления подчеркивания ссылок при наведении курсора мыши. Эрудированные верстальщики знают еще и … подробнее →

Опубликовано в: CSS, CSS3, Firefox, Все записи | Помечено , , , , | Оставить комментарий

Большая подборка веб-совместимых шрифтов от Google

2011.08.01

В январе я описывал кроссбраузерный способ подключения шрифтов на страницы наших сайтов. Он прекрасно работает, однако требует некоторых усилий: 1. Нужно скачать шрифт. 2. Сконвертировать шрифт. 3. Аккуратно выложить его на сайт. Во многих случаях можно использовать упрощенный подход и … подробнее →

Опубликовано в: CDN, CSS, JavaScript, Все записи | Помечено , , | Оставить комментарий

SVG: Как подключить JavaScript и CSS?

2011.07.31

У начинающих любителей векторной графики в формате SVG часто возникает желание добавить немного JavaScript и CSS к своим XML-изделиям. Я не исключение и у меня тоже недавно возникло такое странное желание. Подключаем скрипты Первое что приходит в голову — элемент … подробнее →

Опубликовано в: CSS, JavaScript, SVG, Все записи | 2 Комментариев

Что будет в Firefox 7 (Aurora)?

2011.07.09

7 июля в блоге любителей Firefox появился анонс того, что будет добавлено или убрано из седьмой версии браузера. Прежде всего это CSS-свойство text-overflow, про которое я писал еще в прошлом году, когда оно стало корректно работать в браузере Opera. Теперь … подробнее →

Опубликовано в: Canvas, CSS, Firefox, Браузеры, Все записи | Помечено , , | Оставить комментарий

HTML5: Готовимся использовать элемент progress

2011.07.09

Еще чуть-чуть и в список используемых элементов разметки можно будет включить элемент <progress>. Эта мысль пришла мне в голову когда я прочитал заметку одного французского разработчика. На данный момент элемент нормально отображается в Google Chrome и Opera. Для Firefox будет … подробнее →

Опубликовано в: Chrome, CSS, Firefox, HTML5, Opera, WebKit, Браузеры, Все записи | Помечено , , | Оставить комментарий

CSS: Границы элементов

2011.06.25

На этот раз я решил сделать себе шпаргалку по разделу касающемуся границ элементов в спецификации CSS3. border Первая часть — цвет границы (border-color). Его можно задавать как по отдельности: верх-право-низ-лево (border-*-color), так и одним свойством. В общем все по стандартному … подробнее →

Опубликовано в: Chrome, CSS, CSS3, Firefox, Opera, Все записи | Помечено , | Оставить комментарий

Вышел Firefox 5!

2011.06.23

21 июня разработчики из Mozilla выложили новую, пятую версию браузера Firefox. Это произошло спустя примерно 3 месяца после релиза Firefox 4. Что получают front-end разработчики с этой версией? Как всегда, Firefox стал быстрее, лучше, сильнее. 1. CSS3 анимации! Вы в … подробнее →

Опубликовано в: CSS, CSS3, Firefox, JavaScript, Все записи | Помечено , , , | Оставить комментарий

HTML5: Как подключить стили к тегам?

2011.06.21

Вчера, за чашкой чая, я размышлял о том, как можно подключить CSS-стили к HTML5 тегам. Вроде бы проблемы особенной нет, пишем CSS: header { background: #ccc; } и наслаждаемся серым фоном у тега header в браузерах Chrome, Firefox, Opera. Как … подробнее →

Опубликовано в: CSS, HTML5, JavaScript, Все записи | Помечено , | Оставить комментарий

CSS3: Разбиваем текст на несколько колонок

2011.06.15

Уже давным давно в большинстве браузеров появилась поддержка мультиколоночных блоков. А я все еще обхожу эту тему молчанием и напрасно. Уже пора попробовать сделать текст в три колонки. Для включения колонок нужен всего один контейнер с текстом и несколько строчек … подробнее →

Опубликовано в: CSS, CSS3, Все записи | Помечено , | Оставить комментарий