xiper.net основы и секреты front-end разработки

Интересуешься HTML? Познаешь CSS? Мечтаешь стать первоклассным кодером? Тогда ты попал куда нужно.

xiper.net — сайт посвященный исключительно front-end разработке. Это проект поможет тебе быстро находить необходимые приемы и решения, расскажет о тонкостях применения HTML-тегов и CSS-свойств, раскроет многие секреты профессиональной верстки.

С помощью xiper.net ты начнешь верстать быстрее и эффективней, на новом профессиональном уровне.
Тут ты можешь сэкономить сотни часов.

Дерзай, испытывай, пробуй!

Что у нас имеется?

HTML и CSS приемы
Эти приемы собирались годами.
Эти техники изобретались гуру верстальщиками.
Этот раздел поможет тебе найти ответы на сотни вопросов.
Обучение
Не знаешь как начать верстать?
Или может хочешь глубже копнуть в фундаментальные понятия верстки?
Тогда тебе в этот раздел.
HTML справочник
Самый полный и подробный справочник. Тут есть о html и мета тегах, атрибутах, таблицы спецсимволов и даже полезные рекомендации.
А еще есть полигоны для испытаний.
CSS справочник
CSS — это мощнейшее оружие в руках умелого кодера. Во многом разобраться тебе поможет наш справочник.
Сервисы
Помогут сократить во времени некоторые нудные работы.

Последние публикации

  • Грамотное применение спецсимволов

    06.02.2010

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

  • Подмена текста изображением

    29.01.2010

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

  • Нестандартные radio

    28.01.2010

    преобразовываем обычные input radio в стильныеПереключатели radio практически не поддаются изменению внешнего вида — ни размеры, ни бордюры, ни фон, ни тем более цвет и вид точки изменить нельзя (по крайней мере кроссбраузерно). Задача — научиться менять вид радиобатонов, т.к. довольно часто приходится на практике с этим сталкиваться.

  • Тень для текста (кроссбраузерное решение)

    24.01.2010

    тени в модеТени придают объемность дизайну и сейчас это пользуется большой популярностью. Будет полезным иметь в своем арсенале приемов навыки работы с тенями для текста.

  • Заголовки в HTML

    22.01.2010

    У тебя в распоряжении 6 различных тегов для вставки заголовков (h1-h6). А вот как эти заголовки правильно использовать — одна из самых спорных тем.

  • Убираем отступы у checkbox и radio

    28.12.2009

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

  • Вычисляемые отступы

    25.12.2009

    вычисляемые отступыПорой не хватает возможности вычислений отступов в CSS — margin-left: 30%-100px. Хотя в таком виде в CSS нет подобных правил, их несложно проэмулировать.


  • Нестандартное подчеркивание

    19.12.2009

    У ссылок (и не только) можно делать интересные подчеркивания. Да к тому же не прибегая к использованию дополнительных элементов!

  • Предварительная загрузка изображений

    19.12.2009 Беда в том, что фоновые изображения и картинки в скрытых блоках при загрузке странциы не загружаются, а начинают загружаться при появлении скрытого блока. В итоге пользователь при показе блока некоторое время не видит фоновых изображений.
  • Нестандартные checkbox

    15.12.2009

    преобразовываем обычные checkbox в стильныеОбычные чекбоксы практически не поддаются изменению внешнего вида — ни размеры, ни бордюры, ни фон, ни тем более цвет и вид галочки изменить нельзя (по крайней мере кроссбраузерно). Задача — научиться менять вид чекбоксов, т.к. довольно часто приходится на практике с этим сталкиваться.