Блог вебмастера

Сегодня я хочу Вам показать 10 примеров чудесного применения HTML5 и CSS3.
Эти примеры Вам помогут, увидите силу HTML5 и CSS3. Я надеюсь, что Вам  понравится такое креативное применение CSS3. Читать полностью

Наверное для всех не будет секретом, что Internet Explorer не поддерживает CSS3, и это очень хре.ово для веб-мастеров.

Сейчас для того, чтобы работали функции CSS3 в IE 6-8, веб-мастера используют различные фильтры, но это сильно геморройной способ, и получаем много лишнего кода в файле style.css.

Я предлагаю гораздо более простой способ использовать, вместо фильтров, для того, чтобы Internet Explorer поддерживал CSS3 нам нужно просто подключить один файл в style.css, и наш Internet Explorer изучит CSS3, а теперь подробнее. Читать полностью

Сегодня я хочу показать как можно создать анимированный индикатор прогресс бара, используя чистый CSS.
Трюк очень прост. Все что нам нужно для того, чтобы создать прогресс бар, это один контейнер (<p>) и два вложенных тега (<span> и <em>).

Как оно работает??
Первый элемент <span> будет у нас в качестве индикатора (тоесть нашим прогресс баром).  В элемент <span> мы размещаем нашу анимацию, шириной 200px, она будет у нас фоном.

Читать полностью

И так это  второй мой урок из серии “Создаем кнопку при помощи CSS”. Где мы будем знакомиться с такой технологией как CSS спрайты. Это один из самых простых и распространенных способов, при помощи которого  создают динамические кнопки и меню. Читать полностью

Сегодня я покажу как можно сделает самую простую кнопку с помощу CSS.
Это будет мой первый урок из серии “Создаем кнопку при помощи CSS” во всех последующих уроков мы будем рассматривает новые методы создавания кнопки при помощи CSS.

Для того чтобы создать простую кнопку, нам нужно для начала ее нарисовать. Если нет такой возможности, Читать полностью

HTML тег TITLE используются для того, чтобы дать названия своему сайту или документу. Это то, что поисковые системы используют для привязки текста, когда люди ищут что-то, на вашем сайте. И содержание тега title, является также то, что отображается в заголовке окна браузера. Читать полностью

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

Под правильным CSS кодом я имею в виду – CSS код в котором свойства сокращены и объединены.
Большое количество начинающих вебмастеров, при работе с CSS кодом растягивают его до таких размеров, что потом становится трудно найти нужный кусок кода (при этом теряем кучу времени).

Мы получаем:
1. Меньший размер файла
2. Увеличит скорость под загрузку CSS стилей.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

#div {
margin-top: 20px;
margin-bottom: 10px;
margin-right: 5px;
margin-left: 25px;
padding-top: 10px;
padding-bottom: 15px;
border-width: 1px;
border-style: solid;
border-color: #666666;
font-family: Verdana, Helvetica, Arial;
font-size: 14px;
font-weight: bold;
}

Читать полностью