Делаем звездочки с помощью css3

Опубликовано Александр в Сб, 25.09.2010 - 10:51

Недавно наткнулся на одном англоязычном блоге технику построения звездочек без использования изображений. Для этого нужно научится пользоваться CSS3.

Создание динамического трёхколоночного макета

Опубликовано Yurii в Пнд, 22.03.2010 - 17:45

В этой публикации я продолжу цикл статей о создании HTML-макетов.
Рассмотрим трёхколоночный макет.
Достоинства этого макета те же. Его одинаковое отображение во многих браузерах, причём не только основных, абсолютно валидный код, позиционирование подвала внизу окна браузера при малом контенте, отсутствие javascript, расположение блока с основным контентом в начале разметки, равная высота колонок при разном объёме содержимого.

Создание динамического двухколоночного макета.

Опубликовано Yurii в Ср, 17.03.2010 - 21:57

Рассмотрим двухколоночный макет.
Достоинствами этого макета является его одинаковое отображение во многих браузерах, причём не только основных, абсолютно валидный код, позиционирование подвала внизу окна браузера при малом контенте, отсутствие javascript, расположение блока с основным контентом в начале разметки, равная высота колонок при разном объёме содержимого.

Создание динамического одноколоночного макета.

Опубликовано Yurii в Вс, 07.03.2010 - 17:44

В цикле этих статей я хочу подробно рассказать, как создать HTML-макеты, которые представлены в одной из статей этого блога.
Достоинствами этих макетов является их одинаковое отображение во многих браузерах, причём не только основных, абсолютно валидный код, позиционирование подвала внизу окна браузера при малом контенте, отсутствие javascript, расположение блока с основным контентом в начале разметки.

Плагин к jQuery - оформление поля загрузки файлов

Опубликовано Александр в Вс, 28.02.2010 - 01:12

Недавно возникла задача - темизировать поле загрузки файлов так, как это делает браузер Safary, при чем оно должно было быть мультизагрузочным. Похожее решение уже есть в сети. Мне его оставалось только "допилить". Скрипт я сделал в виде плагина к библиотеке jQuery. В настоящее время он еще сыроват, но им вполне можно пользоваться (с кроссбраузерностью все нормально :) ). В планах на будущее - сделать возможным подключение плагина к нескольким полям загрузки на одной странице. Тестовая страница.

Создание разметки без таблиц

Опубликовано Yurii в Чт, 11.02.2010 - 22:57

В этой статье хочу рассмотреть один из самых актуальных вопросов - создание разметки на безтабличной основе и предложить несколько своих вариантов решений.
Самая распространенная задача в этом аспект

Сложности с применением Float и их решения

Опубликовано Yurii в Чт, 11.02.2010 - 20:09

Одной из самых распространённых проблем у начинающих верстальщиков является проблема нестандартного поведения блока, при применении свойства float.
Первая и самая распространённая проблема, это нестандартное поведение блока при применении этого свойства к его дочерним элементам.

Шаблон резинового блока с прозрачными уголками

Опубликовано Александр в Втр, 02.02.2010 - 18:30

Довольно часто на страницах приходится строить блоки, которые должны иметь прозрачные уголки, тянуться по горизонтали и вертикали и иметь графические границы. В сети описано очень много способов, но красивого решения я так и не увидел. Поэтому хочу предложить свое.

Выравнивание горизонтального меню (или пейджера) по центру страницы

Опубликовано Александр в Ср, 27.01.2010 - 13:47

Многим новичкам кажется очень сложным выровнять горизонтальное меню (пейджер) по центру веб-страницы. Из-за этого появилось много вариантов центрирования с помощью хаков и с использованием яваскрипт-программирования. На самом деле все намного проще. Это делается с использованием чистого CSS. Необходимо немного разобраться с относительным позиционированием и с правилом float.

Замечательный элемент <button>

Опубликовано Александр в Пнд, 25.01.2010 - 15:37

До этого дня никогда не использовал элемент формы <button>. Нет, конечно же я знал, что он существует и что им можно пользоваться, просто раньше даже не представлял, какие шикарные возможности в нем заложены.

Посмотреть Имеем такое меню пример здесь. Теги физического и логического форматирования здесь Верстка макета с равными колонками по высоте здесь здесь 2 2 2 браузере. следующее тут Тестовая страница Как включить прослушку от клавиатуры здесь здесь