вход

Блог → Метка → Основы


Немного о CSS свойстве border

Немного о CSS свойстве border

Странно сознавать, что после нескольких лет разработки CSS стилей и чтения дизайн блогов и книг по CSS, я до сих пор не все знаю о некоторых общих свойствах CSS.

Может быть, это только мне неизвестно, а может быть, я просто не внимательно смотрю на вещи, которые я действительно часто привык видеть. Может быть, я просто не знаю, что у CSS больше неизвестных свойств, чем те, что я лично обнаружил и узнал до сих пор.

узнать о том, как можно задать цвет у границ CSS

Кнопки в стиле Facebook при помощи CSS3

Кнопки в стиле Facebook при помощи CSS3

Здравствуйте уважаемые читатели блога mainview.ru. Как вы уже знаете, CSS позволяет достаточно гибко применять стили к элементам, заставляя их выглядеть подобно графическому изображению. Назначив правила, можно добиться довольно качественной стилизации. Сегодня, я хотел бы показать вам, как можно добиться стилизации кнопок под такую популярную сеть как Facebook. Используя код, приведённый ниже, вы можете создавать кнопки в стиле Facebook.

читать далее про то, как можно создать кнопки в стиле Facebook при помощи CSS3

Плавная прокрутка наверх

Плавная прокрутка наверх

Здравствуйте уважаемые читатели блога mainview.ru. Сегодня рассмотрим небольшой пример того, как сделать плавную прокрутку наверх страницы. Иногда страница может быть достаточно длинная и прежде чем читатель дойдет до конца, он несколько раз сделает прокрутку экрана. Добравшись до низа страницы, ему снова нужно прокручивать несколько экранов вверх. Вот здесь и пригодиться наш сегодняшний прием. Нажав на одну кнопку, страницы сама плавно перейдет к началу.

как сделать плавную прокрутку наверх страницы

Реалистичные тени при помощи CSS3 без использования изображений

Реалистичные тени при помощи CSS3 без использования изображений

Здравствуйте уважаемые читатели блога mainview.ru. Продолжаем осваивать основы CSS3, и сегодня рассмотрим несколько примеров того, как создать реалистичные тени при помощи CSS3 без использования изображений. Как известно тени очень широко используются в дизайне, поскольку именно тени создают эффект реалистичности. Раньше для создания теней использовались изображения, но с приходом CSS3 стало возможным быстро и легко создавать реалистичные тени.

читать дальше про создание реалистичных теней при помощи CSS3 без использования изображений

Как создать шорткоды для WordPress

Wordpress

Множество плагинов и тем для системы WordPress активно используют различные "шаблонные теги" PHP, которые активно вставляются в файлы тем, чтобы быстро добавить информацию или вызвать нужные функции. Однако такие теги PHP не могут по умолчанию использоваться непосредственно в содержимом ваших постов. Для решения этой проблемы, начиная с версии WordPress 2.5 введена поддержка шорткодов. Шорткоды это очень простой, но эффективный способ вставки различных типов содержимого в свои сообщения в системе WordPress.

узнать подробнее о том, как можно быстро создать полезные шорткоды для вашего WordPress блога

Фигуры CSS

Фигуры CSS

Сегодня технология CSS позволяет создавать все более гибкие вещи. CSS3 с успехом заменяет использование графики при оформлении страниц, значительно упрощая и облегчая сам код веб страницы. Сегодня с помощью CSS можно создавать не только реалистичные градиенты, тени, заливки и т.д. но и создавать различные фигуры. Большинство приведённых ниже кодов используют возможности CSS3, поэтому будут работать на последних браузерах. Отличительной особенностью создания таких фигур является то, что вы используете всего один тег HTML. Назначив ему тот или иной класс, вы легко переключаете форму создаваемой фигуры.

продолжить смотреть коды CSS фигур

Процесс создания логотипа

Процесс создания логотипа

Здравствуйте уважаемые читатели блога mainview.ru. Сегодня хотел бы поговорить о процессе создания логотипа. Процесс разработки успешного и запоминающегося логотипа включает в себя несколько важных этапов. Обобщенно их можно разделить на основные: процесс обсуждения с заказчиком, исследование, разработка, обратная связь и внесение изменений. Ниже я делюсь своими шагами, которые я прохожу при разработке логотипа:

читать далее про процесс создания логотипа

Как оптимизировать изображения сайта

Как оптимизировать изображения сайта

Здравствуйте уважаемые читатели блога mainview.ru. В нашем современном мире, я бы сказал в визуальном мире, посетители сайтов уже ожидают увидеть некоторые устоявшиеся стандарты на посещаемых ими сайтах. Они уже не только привыкли видеть, но и ожидают от каждого нового сайта, в том числе и от вашего, увидеть определенный набор компонентов, они ожидают увидеть качественную графику, красивые слайд-шоу, вкладки и слайдеры, а также другие эстетически привлекательные способы представления информации на вашем сайте. Уже давно прошли дни сайтов, наполненных только текстом или парой картинок, взятых из заезженного клипарта. Их дни давно прошли, и это хорошо. Одной из причин того, что современные сайты теперь содержат все более качественную графику, конечно является стремительное развитие Интернета, его скоростей и возможностей. Подключение к Интернету стало гораздо быстрее, чем раньше. Давным-давно, средний владелец компьютера имел модем и подключение удаленного доступа к сети Интернет. Современные технологии превратили канал интернета из тропинки в скоростную трассу. Они принесли большие возможности.

узнайте как оптимизировать изображения сайта

Как расположить элемент по центру при помощи CSS

Хитрости CSS которые вы должны знать

Здравствуйте уважаемые читатели блога mainview.ru. Думаю, каждый сейчас понимает, что создать современный сайт не так-то просто. Нужно не только обладать хорошими знаниями, но и иметь хороший опыт. Часто при разработке веб-сайта, можно столкнуться с рядом проблем, которые потребуют времени для нахождения решения, которые потребуют время на поиск и тестирование возможных решений. Именно поэтому я решил коснуться некоторых "маленьких больших проблем", с которыми веб разработчики сталкиваются постоянно. Сегодня хочу поговорить о том, как правильно расположить элементы внутри контейнера по центру.

читать далее про автоматическое расположение элементов при помощи CSS

CSS тени

CSS тень текста

Свойство CSS тень (text-shadow) для создания тени текста, является очень полезным и важным свойством. Оно позволяет вам легко и просто сделать ваш текст очень привлекательным. Основное преимущество здесь это простота. Вам достаточно описать несколько правил, а все остальное за вас сделает браузер. Но даже это одно свойство можно использовать по-разному. Сегодня я хотел бы показать вам несколько примеров, как можно выполнить красивые текстовые заголовки с тенью при помощи CSS.

посмотреть варианты теней для текста, созданные при помощи CSS