Вёрстка


    CSS Design: Укрощение списков

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

     

    CSS вёрстка: учимся сами

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

     

    CSS дизайн: с учетом контекста

    Веб-стандарты обещают нам улучшенную поддержку мультимедиа: возможность оптимизировать контент под возможности компьютерных экранов, портативных устройств, принтеров, проекторов, и других средств

     

    HTML5 — обзор грядущей новой спецификации

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

     

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

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

     

    Блоки в документах

    Конечно, для уникально оформленного блока придется создавать уникальный HTML-код, но все же есть достаточно много универсальных приемов, которые встречаются сплошь и рядом

     

    В печать!

    Если плавающий элемент вышел за пределы печатной страницы, то оставшаяся часть полностью пропадает, так и не появившись на следующей странице

     

    Власть народу - относительные размеры шрифтов

    В качестве первого шага создадим CSS-файл с основными стилями, в котором будут использоваться относительные размеры шрифтов в сочетании с размером шрифта, установленном на машине пользователя по-умолчанию

     

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

    Если для :hover заданы простые правила, например, только изменение цвета текста, пренебрежение :focus не влечет за собой серьезных проблем

     

    Выпадающие меню с помощью CSS

    Между тем, используя грамотно структурированный HTML-код и несложные CSS-правила, можно создать симпатичное выпадающее меню, которое легко менять и дополнять, и при этом оно будет работать во множестве браузеров, в том числе и в Internet Explorer

     

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

    Название файла стилей должно быть информативным и отражать его содержание, то есть глядя на название файла стилей в папке вы должны сразу понимать, какие именно стили он содержит

     

    Дивные дивы

    Так как я больше серверный программист, чем клиентщик, очень часто бывает ситуация, когда надо быстро сверстать страницу, и вот тут начинаются проблемы

     

    Дизайн для портативных устройств: ваш веб-сайт на маленьком экране

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

     

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

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

     

    Использование фонового изображения для замены текста

    Этот класс создан для описания общих свойств подменяемых заголовков, что позволяет задать эти общие свойства всего один раз, не прописывая их всякий раз в стилевых свойствах каждого идентификатора id каждого конкретного заголовка

     

    Красивые градиентные кнопки без картинок для всех браузеров

    Верхний бордер можно было сделать и с помощью inset box-shadow, но тогда кнопки не подходили бы под понятие graceful degradation

     

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

    Заходим, загружаем шрифт, получаем архив с примером использования и необходимыми типами файлов

     

    Линейки в таблицах

    До появления цифровых документов и OCR-сканирования ввод информации был достаточно скучным процессом, предполагавшим рутинный набор огромных текстов вручную

     

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

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

     

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

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

     

    Памятка по CSS

    Если валидатор вдруг пишет вам, что ваш код не соответствует спецификации, скорей всего это из-за того, что в нем присутствует такое специфические расширение, и оно не будет работать в других браузерах

     

    Позиционирование: всему свое место

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

     

    Произвольные элементы DOM как фон сайта

    Такой способ найдет применение на сайтах, где разработчики и дизайнеры хотят сделать сложный, большой фон, возможно, с JS или Flash-анимации, и при этом хотят, чтобы он корректно работал на всех разрешениях

     

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

    Итак, как я уже сказал, веб-разработчики используют псевдоклассы в основном для задания стилей ссылок, например :link для непосещенной ссылки, :hover для ссылки при наведении, :active для нажатой и удерживаемой ссылки и :visited для посещенной

     

    Раздвижные двери CSS

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

     

    рячем и показываем поля формы

    Кроме того, в нашей форме будет полное разделение содержимого, представления и поведения - принцип, которому мы всегда следуем в нашем коммерческом веб-приложении на сайте Karova

     

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

    Далеко не все шрифты присутствуют во всех системах и платформах, поэтому при объявлении семейства шрифтов необходимо указывать алтернативные шрифты

     

    Создание календаря-расписания

    Многие верстальщики старой закалки, стараясь обеспечить поддержку IE6 избегали использовать псевдоклассы, вроде :first-child, вместо этого первым элементам дописывали дополнительные классы или использовали js, и поэтому забыли их напрочь

     

    Улучшение форм авторизации, регистрации и напоминации

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

     

    «Резиновая вёрстка»: используем отрицательные поля

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

     


Рекомендуем



Бесплатная раскрутка сайта Решить эту проблему всегда готовы организации, занимающиеся непосредственно раскруткой, но, как чаще всего происходит, идет простая покупка ссылок или накрутка счетчика в системе активной рекламы сайтов


Html c нуля Браузеры преобразовывают значение параметра http-equiv, заданное с помощью content, в формат заголовка ответа HTTP и обрабатывают их, как будто они прибыли непосредственно от сервера


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