Верстка \ Статьи по верстке

Что такое верстка сайта?

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

Продолжить чтение

Верстка \ Статьи по верстке

Псевдо комментарии в CSS

От автора: в спецификации об этом ничего не сказано, но в файлах CSS можно имитировать C-подобные и/или Unix комментарии (с небольшими оговорками). Множество статей было написано на эту тему. В данной же статье мы более подробно их рассмотрим.

Продолжить чтение

Верстка \ Статьи по верстке

Как создать руководство по стилям, которым вы будете гордиться

От автора: «Всегда при создании чего-либо, рассматривайте проект в более широком контексте: стул в комнате, комната в доме, дом на улице, улица в городском плане» — Eliel Saarinen.

Продолжить чтение

Верстка \ HTML&CSS

Определение CSS возможностей: Modernizr или директива @support?

От автора: в данной обучающей статье я рассмотрю два подхода, позволяющих определить, поддерживаются ли браузером определенные CSS возможности или нет. В первом подходе используется инструмент Modernizr, популярная JavaScript библиотека, а во втором – директива @support, подающее надежды CSS решение.

Продолжить чтение

Верстка \ HTML&CSS

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

От автора: В своей статье Создание эффективной формы для пожертвований Брэд Фрост (Brad Frost) рекомендует использовать кнопки вместо переключателей c типом radio, цитируя твит Люка Роблевски (Luke Wroblewski). Я не согласился, а Брэд ответил, что у него другая точка зрения. После того как к обсуждению присоединилось больше людей, демо-пример был обновлен. И в нем уже стали использовать radio переключатели, но я считаю, что можно сделать еще лучше. Я собираюсь продемонстрировать, что простой хороший семантический HTML + CSS могут дать нам очень многое.

Продолжить чтение

Верстка \ Статьи по верстке

Советы по отладке HTML и CSS

От автора: Устранение проблем с HTML и CSS способно сильно охладить ваши творческие порывы, но они неизбежны при построении почти любого веб-проекта. Это сильно раздражает при создании дизайна страницы, когда вы вдруг замечаете что-то, не выровненное по правому краю или неправильно окрашенное.

Продолжить чтение

Верстка \ Статьи по верстке

Когда использовать target=_blank

От автора: У ссылки может быть атрибут target, контролирующий то, что происходит при клике по ней. Одним из возможных значений этого атрибута является _blank, который говорит браузеру при клике по этой ссылке открыть новое окно (или вкладку, если пользователь предпочтет ее).

Это считалось «неправильным» в HTML (может, только в XHTML?), но все равно применялось, потому что работало. В HTML5 все стало абсолютно законным. Но имеются ли значимые причины поступать подобным образом?

Продолжить чтение

Верстка \ Статьи по верстке

Понимание CSS и современного Веба

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

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

Продолжить чтение

Верстка \ Статьи по верстке

Введение в дизайн сенсорных клавиатур

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

Продолжить чтение

Верстка \ Статьи по верстке

Подсказки: применение видео в качестве фонов

От автора: Итак, вы видели в сети видеоролики, используемые в качестве фонов, и думали: «Как это сделать?». Основная проблема тут – добиться того, чтобы ролик закрыл весь экран. Обычно при установке видео оно масштабируется в соответствии с соотношением размеров, что значит, оно не сможет закрыть весь фон. Но не беспокойтесь, потому что я здесь для того, чтобы сопроводить вас в вашем захватывающем квесте к свободе фонового видео. Читайте, юный воин.

Продолжить чтение