Все мы знаем прекрасные библиотеки sIFR3 и FLIR, которые на лету помогают использовать любой шрифт на веб-страницах. Правда, с моей точки зрения, их использование (а именно установку и настройку) нельзя считать легким трудом. Сегодня я расскажу о библиотеке Typeface.js, которая, как видно из названия, работает на чистом Javascript.Немного теории.
Последнее время я практически не занимался версткой, и пропустил выход Sass3, в котором реализовано расширение SCSS (Sassy CSS). Это именно расширение для CSS без «искажения» синтаксиса — то есть любой валидный CSS документ является и полностью валидным SCSS документом. В посте я проведу сравнение с уже существующими препроцессорами такими как Sass и Less.
Существует много способов по верстке колоночных макетов. Уже не один нос разбит в течении холиваров, разожженных по поводу использования тех или иных методов. Казалось бы, что все должно быть предельно ясно и понятно, но все-равно возникает много трудностей. Я хочу и свою лепту вложить во всеобщее благое дело, и потому потратил относительно немного времени на эксперименты, которые привели меня к созданию еще одного метода, в котором есть следующие плюсы и минусы:ПлюсыЕсть прижимающийся к полу футер.
За время существования web 2.0 в сети появились некоторые приемы так называемого web 2.0 дизайна, один из которых это градиент. Создание подобного эффекта, если не брать в расчет элементы с фиксированной высотой доставляет верстальщику не мало сложностей. Ключевым моментом реализации является оптимизация графики, но с другой стороны слишком "пережатый" файл теряет качество, что особенно заметно при использовании такого элемента с нефиксированной высотой.
Статья является расширенным сборником CSS-хаков в сравнении с аналогичной статьей. Под хаком подразумевается метод, позволяющий воспринимать CSS только определенному браузеру. Хаки могут использоваться не только для исправления багов в верстке, но и в случае использования определенных особенностей браузера для ускорения рендеринга web-страницы в нём (к примеру CSS3-свойства)Всем известные Conditional comments в IE.
Что такое Haml/Sass?Haml (xHTML Abstraction Markup Language) это язык разметки для упрощённой генерации xHTML. В свою очередь эквивалент Haml для css — это Sass (Syntactically Awesome StyleSheets). В данной статье я расскажу чем примечателен Sass. И с помощью чего sass-файл можно скомпилировать в css.
Есть несколько способов кастомизации (изменения внешнего вида) инпутов такого типа. Все они обладают своими плюсами и минусами, но, на мой взгляд, предложенный мною вариант, выигрывает даже со своими минусами, коих всего один. Эти самые альтернативные способы – это подмена через Javascript, это flash загрузчик, ну или href=mailto =).
Зачастую стандартный вид кнопочек не может сочетаться с концепцией дизайна, которую придумал дизайнер, поэтому он рисует свои кнопочки. Что обычно делает верстальщик при виде такой кнопки? Правильно, просто напросто, вырезает ее как есть, и вставляет ее в верстку как картинку. Например:* This source code was highlighted with Source Code Highlighter.
Технология css несмотря на свою внешнюю безобидность способна преподносить неприятные сюрпризы. К примеру, воспользовавшись двумя стилями и небольшой javascript вставкой, мы получаем возможность проверить совершенно любой адрес на факт его посещения пользователем.Теория:. Все современные браузеры позволяют использовать специальные псевдо классы при манипулировании со стилями ссылок.
В прошлом своем посте я пообещал более подробно описать как ведут себя броузеры на печати с точки зрения разбивки на страницы. Выполняю обещание. Реальной ценности от таких изысков мало, но бумажным верстальщикам и просто эстетствующим педантам™ будет интересно.Введение. Начнем, опять-таки с того, как на печать с разбивкой на страницы смотрит спецификация CSS 2.1.