Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

CSSВыпадающее меню на чистом css и никаких js

Выпадающее меню на чистом css и никаких js В переоборудовании одного сайта заказчика мы стали больше осознавать, что там было много контента, который необходимо поместить в навигации чтобы посетитель мог очень просто и довольно быстро найти нужную страницу. Поэтому навигация должна быть динамичной. Мы перебрали много вариантов меню и остановились на простом выпадающем меню сделанном средствами css. Меню так же имеет функцию прозрачности.
Опубликовал dimas_ua, 20-05-2011, 00:00 Комментариев: 2

CSSЦентрирование Div по горизонтали и вертикали

Центрирование Div по горизонтали и вертикалиПри создании макетов веб-страниц, вы, вероятно, сталкивались с ситуацией, когда вам нужно DIV выровнять по горизонтали и вертикали в центре с чистым CSS. Есть более чем несколько способов для достижения этой цели, и в этом мини уроке я собираюсь показать вам мой любимый с участием CSS и JQuery.
Опубликовал dimas_ua, 23-04-2011, 00:00 Комментариев: 1

CSSCSS позиционирование работ

CSS позиционирование работНесомненно, позиционирование является одним из наиболее полезных инструментов, который дизайнеры имеют в своем CSS Toolbox. Однако Есть несколько концепций о позиционировании, которые могли бы помочь начинающим.

Во-первых, что такое позиционирование?
Когда ваш браузер открывает веб-страницу, она приступает к ознакомлению элементов (дивы, абзацы, заголовки и т.д.) в порядке их появления в разметке HTML на этой странице. Позиционирование является естественным способом организации как элементы отображаются и легким решением ситуаций, как дублирование. Существуют четыре типа позиционирования: статические, относительная, абсолютная и фиксированной.
Опубликовал dimas_ua, 8-04-2011, 00:00 Комментариев: 0

CSSМинимальное CSS3 меню

Минимальное CSS3 менюКак вы, наверное, слышали, CSS3 анимации мощный инструмент, который позволяет создавать анимации, которые идут без необходимости применения дополнительных сценариев для страницы. Что еще лучше, в следующем поколении браузеров у нас будут еще более мощные инструменты, в том числе 3D-преобразования (уже есть в Safari).

Так что сегодня мы делаем что-то практичное - простое CSS3 анимированное меню навигации, которая унижает старые браузеры и настроена для работы со следующим поколением браузеров.
Опубликовал dimas_ua, 7-04-2011, 00:00 Комментариев: 0

CSSCSS3 анимированные кнопоки с эффектом пузырьков

CSS3 анимированные кнопоки с эффектом пузырьковНа этой неделе мы создаем полезный набор анимированных кнопок с CSS3 и анимацией. С помощью этой кнопки, вы можете легко превратить любую ссылку на странице в анимированные кнопки, просто присвоить имя класса. Нет необходимости javascript. Четыре цвета темы и трех размерах, также доступны путем назначения дополнительных классов.
Так же вы можете создавать свои собственные цвета и формы, изменяя CSS файл.
Опубликовал dimas_ua, 24-03-2011, 00:00 Комментариев: 0

CSSВводим перемные в CSS

Вводим перемные в CSSМногие знают что CSS3 обещает нам переменые, но пока мы дождемся этой технологии пройдет много времени, а потом еще и чтоб браузеры адаптировались под CSS3. Но выход есть и можно реализовать это в обычном css с помощью php вставок.
Опубликовал dimas_ua, 18-02-2011, 00:00 Комментариев: 0

CSSБыстрый способ украсить кнопку

Быстрый способ украсить кнопкуЯ полагаю, у вас было по крайней мере один раз, когда вы хотите добавить более привлекательным для стиля для кнопки ввода в HTML и в этот момент вы не знали, как.
Мы все знаем, как скучно выглядит кнопка входа, когда мы используем её без стиля, и поэтому сегодня я покажу вам способ как быстро избавиться от этого старого и нудного стиля.
Опубликовал dimas_ua, 17-02-2011, 00:00 Комментариев: 0

CSSИзбавиляемся в Safari от внешнего свечения раз и навсегда!

Избавиляемся в Safari от внешнего свечения раз и навсегда! Когда вы создаете веб-интерфейс или просто веб-сайт вы всегда должны сделать его отображаемым во всех браузерах одинаковым. Но браузеры Safari и Google Chrome выделяют наши поля ввода синей и жолтой линией. В этой статье я покажу вам, как просто удалить светящийся синий контур Safari и Google Chrome.
Опубликовал dimas_ua, 16-02-2011, 00:00 Комментариев: 3

CSSТаблицы характеристик CSS3

Таблицы характеристик CSS3Я люблю тени, закругленные углы, градиенты и все CSS3 особенности. Вот почему, Есть некоторые дни, когда я считаю себя проектировщиком в CSS больше, чем в Photoshop.

Идея строительства такой таблицы только с помощью CSS3 пришла ко мне недавно, и я решил поделиться нею с вами в этой статье.
Опубликовал dimas_ua, 15-02-2011, 00:00 Комментариев: 0

CSSУбираем обтекание вокруг изображения

Убираем обтекание вокруг изображенияНа практике часто встречаются сайты где изображение обтекается текстом следующего параграфа. Это делается по средствам css свойства float:left к картинке и текст будет её обтекать.

Но что делать если нужно чтобы текст был как блок? Для этого приходится использовать различные хитрости. Хотя многие незнали что это можно исправить следующим свойством css...
Опубликовал dimas_ua, 14-02-2011, 00:00 Комментариев: 1