вход

Блог → Метка → CSS


Как создать вкладки при помощи CSS и jQuery плагина Tabify

Как создать вкладки при помощи CSS и jQuery плагина Tabify

Сегодня хочу рассказать о небольшом jQuery скрипте, который позволяет быстро и легко создавать на страницах простые вкладки. Сам скрипт называется Tabify. Вы можете скачать последнюю его версию на сайте автора. Чтобы создать на вашей странице вкладки, достаточно просто подключить библиотеку jQuery и скрипт Tabify. Оформление вкладок, как всегда будем описывать правилами CSS.

как создать вкладки при помощи CSS и jQuery плагина Tabify

Как автоматически выравнивать высоту блока содержащего плавающие элементы

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

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

Скачать бесплатно профессиональные CSS шаблоны для веб-сайтов

Скачать бесплатно профессиональные CSS шаблоны для веб-сайтов

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

скачать качественные CSS шаблоны

Стильные CSS3 кнопки

Стильные CSS3 кнопки

Небольшая коллекция CSS3 кнопок с исходными кодами. Если вы хотите чтобы ваши ссылки превратились в такие вот красивые и стильные кнопки, то скопируйте соответствующий стиль и вставьте в свой файл стиле.

перейти к стильным CSS3 кнопкам

Как создать кнопки со значками без изображений при помощи CSS3

Как создать кнопки со значками без изображений при помощи CSS3

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

читать далее про кнопки со значками без изображений при помощи CSS3

Как создать красивую форму для поиска при помощи CSS

Как создать красивую форму для поиска при помощи CSS

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

читать далее как создать форму для поиска при помощи CSS

Что такое CSS, как подключить таблицу стилей и почему именно каскадные?

css

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

узнать, что такое CSS

Линейные градиенты CSS3

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

С приходом CSS3 появилась поддержка градиентов. Теперь можно легко создавать различные градиенты, например линейные и радиальные. Градиенты CSS поддерживаются в FF3.6+, Safari 2+ и Google Chrome. В FF3.6, могут быть применены к свойству "background-image" или к сокращенному свойству "background".

линейные градиенты CSS3

Как сделать эффект выцветания при помощи CSS3

Как сделать эффект выцветания при помощи CSS3

Было время, когда эффект выцветания или медленного проявления возможно было сделать только при помощи JavaScript/jQuery. Но с приходом CSS3 эффект выцветания стало возможно реализовать совсем прости, добавив всего несколько правил CSS.

как сделать эффект выцветания при помощи CSS3

3 отличных CSS фреймворка для веб разработчика

3 отличных CSS фреймворка для веб разработчика

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

читать далее о фреймворках