Помимо обычных селекторов тегов, потомков, классов и id селекторов, CSS располагает псевдо-классами, селекторы которых позволяют оформить HTML теги на основе их позиции в документе. В этой статье рассмотрим 5 полезных CSS селекторов, стоящих внимания при оформлении веб-страниц и приложений.
css
Для тех разработчиков, которые начинают свое погружение в мир LESS из реалий CSS наверняка придется по вкусу онлайн сервис Css2Less.
С его помощью можно конвертировать код CSS в LESS простым копированием текста со стилями.
Большой набор готовых решений для веб-мастеров предоставляет HTML KickStart. Сервис является аналогом bootstrap от twitter, но он может с ним во многом полностью конкурировать. Сервис HTML KickStart поддерживает HTML5, CCS3, jQuery, множество элементов пользовательского интерфейса и др. Предоставленные решения работают во всех современных браузерах.
Значимость подобного ПО трудно переоценить. На эту тему уже сказано и написано очень много букв, так что обойдемся без долгих вступлений).
Итак, перечень программ, на которые, следует обратить внимание при выборе инструмента для разработки.
Любите ли вы свой CSS-код так, как люблю его я? Если да, то, несомненно, стремитесь к тому, чтобы он не только хорошо себя вёл и чувствовал, но и приятно выглядел
Надеюсь, что инструменты, описанные ниже, помогут вашему коду приблизиться к идеалу.
Несколько советов по заданию стилей CSS.
Одним из наиболее популярных вариантов верстки веб-страниц выступает двухколоночный макет, где в левой колонке располагаются ссылки, а в правой колонке — основной контент. Такая схема достаточно традиционна и привычна для пользователей, поэтому пользуется признанием среди разработчиков (рис. 1).
Выравнивание слоя строго по центру веб-страницы применяется обычно для размещения картинки, служащей точкой входа на сайт или информационного сообщения. Удобство подобного расположения слоя — его независимость от разрешения экрана монитора и окна браузера. В любом случае слой будет занимать положение по центру веб-страницы.
Уже ни для кого не секрет, что чем проще и информативный сайт тем лучше. Но тут у разработчиков возникает проблема компоновки информационных блоков. С одной стороны нужно делать все понятно и интуитивно для пользователя, с другой — вложить максимально полезной информации. И чем сложнее проект, тем меньше места остается на блоки с подсказками. Идеальным решением стало использование всплывающих подсказок.
В данном уроке мы рассмотрим пример, как можно создать всплывающие подсказки используя ссылки.