Предлагаю небольшую подборку горизонтальных слайдеров. Наиболее частое использование – карусель товаров, фотогалереии или картинок к постам. Можно было бы конечно сделать пост 50 видов слайдеров, но это были бы всего лишь вариации приведённых ниже. Продолжить чтение
Инструкция по FireBug – вкладка CSS
Продолжаю серию статей посвящённых плагину для FireFox – FireBug. Сегодняшний пост посвящён работе с CSS. Продолжить чтение
FireBug – расширение для FireFox, одной из функций которого является работа с исходным кодом страницы. Продолжить чтение
YSlow – средство анализа скорости загрузки страницы
Данная статья является первой в цикле публикаций посвящённым плагину FireBug для FireFox, а так же его дополнений. Начну с расширения позволяющего проанализировать факторы влияющие на скорость загрузки страницы. Продолжить чтение
Пять правил для повышения читаемости текста
Начиная писать для блога, нужно забыть все уроки литературы и все сочинения, которые мы писали в школе. Почему, спросите Вы. Ответ очень прост. Для чтения текста на бумаге и на экране монитора нужны разные правила. О них то мы и поговорим в статье ниже. Продолжить чтение
Возможности видео в HTML 5
Предлагаю немного поэкспериментировать с видео тегами в html5 (в этом нам поможет замечательная статья на ресурсе www.craftymind.com) и найти некоторые функции которые не очевидны с первого взгляда.
Одна из них это Canvas.drawImage(). Приведу описание с сайта проекта.
Для размещения изображения на подложке страницы можно использовать метод drawImage. Этот метод может быть вызван с тремя различными наборами аргументов.
- drawImage(image, dx, dy)
- drawImage(image, dx, dy, dw, dh)
- drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) Продолжить чтение
Создание градиента с помощью CSS
Возможность создания такого градиента с помощью CSS, была вынесена на рассмотрение Webkit около двух лет назад, но редко использовалась из-за несовместимости с остальными браузерами (напомню, этот движок используют только сафари и хром).
С одним из последних обновлений FireFox (версия 3.6) появилась возможность совершенно корректно использовать данную опцию. Продолжить чтение
Центрирование подложки страницы
В своей практике я использую 2 метода (не я их придумала), первый наиболее часто:
1 метод – Использование автоматических внешних отступов.
Код страницы при этом выглядит так:
<div id="”wrapper”"> //собственно подложка</div> Код CSS #wrapper { width:1200px; margin:0 auto; text-align:left; //для IE }
Дочерние селекторы
Недавно столкнулась с проблемой, для отображения меню задала стиль для элементов li, вложенные элементы соответственно получили тот же стиль, при этом если использовать дочерние элементы – не будет работать в ИЕ6, пришлось идти на некоторые жертвы…. А всё потому что надо больше книг читать )…. Продолжить чтение



