CSS

CSS - каскадные таблицы стилей. Используется как средство оформление веб-страниц и описание стилей. Активно используется при создании сайтов веб-мастерами. Здесь вы найдете статьи и примеры CSS.

Вопросы по CSS и JavaScript

JavaScript полностью отличается от Java. Java - объектно-оpиентиpованный язык пpогpаммиpования, pазpаботаннный Sun Microsystems. Ему нужны компилятоpы и служебные файлы для функциониpования. Пpогpаммы, pазpаботанные на JDK (Java Development Kit), могут pаботать как автономные пpикладные пpогpаммы или как апплеты (англ. applet, "маленькое пpиложение"), встpоенные в HTML стpаницы.

Подключение к web-странице

Широкие возможности каскадных таблиц стилей можно использовать совместно с html-документом различными способами.

CSS фрэймворки

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

Пятничные сниппеты. CSS

Очередная подборка сниппетов. На этот раз она посвящена CSS.

Краткий обзор CSS3

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

Эффективный CSS — советы и скрипты

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

Выпадающее меню на CSS

Сегодня мы посмотрим как сделать вот такое выпадающее меню только средствами HTML и CSS.

CSS хаки — продолжение

Когда-то давно мы уже писали про CSS хаки, теперь пришло время обновить свои знания свежей порцией приемов для верстки (не совсем красивых, но иногда все-таки нужных).

Прогрессивное улучшение CSS

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

Эксперименты с обводкой в CSS

Как вы думаете, можно ли с помощью пары тегов и чистого CSS сделать масштабируемый треугольник? А пятиугольник? А вот такую звезду? Думаю, многие считают, что нет. На самом деле можно.

Советы по CSS для начинающих

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

Sass — еще более удобный и логичный CSS

Несколько раз при написании CSS кода я ловил себя на мысли, что было бы круто, если бы в CSS можно было использовать что-то вроде переменных и функций — это бы избавило от необходимости повторять участки кода и сильно ускорило бы работу. Увы, такого в CSS делать нельзя.

Инструменты для нахождения неиспользуемых CSS стилей

Многие разработчики сталкиваются с тем, что после какого-то времени работы над проектом, в файлах CSS появляются стили, про которые нельзя точно сказать, используются они или нет. Такое часто случается, когда вы работаете в команде, и над стилями работает не один человек. Или, например, до вас было несколько разработчиков, а вы решили что-то поменять или дизайнер задумал небольшой редизайн. В общем, вариантов много, а результат один — браузеру отдаются «мертвые» селекторы.

Методика написания CSS кода от Антонио Лупетти

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

Делаем более понятные и удобные файлы стилей

Сегодня мы поговорим об организации файлов стилей. Мы рассмотрим как лучше всего организовывать файлы и форматировать код внутри них, чтобы через какое-то время вы не хватались за голову от того, что стилей стало больше, а порядка и понимания что где находиться — меньше.

Псевдоклассы в CSS

Ну кто из нас не знает, что такое псевдоселекторы (или псевдоклассы) в CSS? Да-да, это то, что обычно пишут после селектора через двоеточие. Самые известные псевдоклассы это :link, :hover, :visited и :active.

Всегда используйте :hover вместе с :focus

Мы рассмотрим типы проблем и в итоге узнаем что делать, чтобы избежать их.

@-правила в CSS

В статье будут рассмотрены правила @import, @media, @charset и популярный сейчас @font-face, который позволяет использовать собственные шрифты на страницах сайта (про сторонние шрифты у нас уже была статья «Как использовать любой шрифт на сайте»).

Оптимизация CSS для ускорения обработки браузерами

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

Кросс-браузерный @font-face

Сейчас все больше разработчиков начинают внедрять собственные шрифты в дизайн сайтов. Весной я написал статью о том, как с помощью различных библиотек (JS, Flash) можно использовать сторонние шрифты на сайтах.

Различия атрибутов ID и CLASS

Часто начинающие разработчики не обращают особого внимания на то, какую роль выполняют атрибуты ID и CLASS и не совсем корректно их употребляют при строительстве web-страничек, не понимая между ними разницы. В частности это касается описания стилей. Давайте попробуем разобраться как будет правильно использовать эти атрибуты и подробно рассмотрим их различия для того, чтобы повысить нашу грамоту web-ремесла. А начнем мы с самого важного, с определений.

Работаем с задним фоном в CSS

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

Красивая полоса прокрутки сайта

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

Уменьшаем размер CSS файла и ускоряем его загрузку

Вопрос оптимизации загрузки web-странички был актуален всегда, даже не смотря на всевозрастающую скорость передачи данных в сети. Уменьшение времени загрузки сайта - это одна из самых важных тем вебдизайна. Обычно основное внимание уделяется уменьшению размеров изображений и оптимизации запросов к БД. Но также стоит уделить внимание и усечению ненужных символов как в самом файле кода странички так и в файле с описаниями его стилей. Тем более, что часто файл с описанием стилей съедает довольно ощутимое пространство трафика.

Прозрачность в CSS

К примеру, есть у вас некая картинка, которая содержится в вашей html странице. Данная картинка без участия каких-либо графических пакетов, может быть видоизменена используя эффект прозрачности. Internet Explorer обладает самыми широкими возможностями в этой области. Рассмотрим все возможные примеры.


Страницы: 12 3 4