Интересуешься HTML? Познаешь CSS? Мечтаешь стать первоклассным кодером? Тогда ты попал куда нужно.
xiper.net — сайт посвященный исключительно front-end разработке. Это проект поможет тебе быстро находить необходимые приемы и решения, расскажет о тонкостях применения HTML-тегов и CSS-свойств, раскроет многие секреты профессиональной верстки.
С помощью xiper.net ты начнешь верстать быстрее и эффективней, на новом профессиональном уровне.
Тут ты можешь сэкономить сотни часов.
Дерзай, испытывай, пробуй!
Что у нас имеется?
- HTML и CSS приемы
Эти приемы собирались годами.
Эти техники изобретались гуру верстальщиками.
Этот раздел поможет тебе найти ответы на сотни вопросов.
- Уроки
Не знаешь как начать верстать?
Или может хочешь глубже копнуть в фундаментальные понятия верстки?
Тогда тебе в этот раздел.
- HTML справочник
Самый полный и подробный справочник. Тут есть о html и мета тегах, атрибутах, таблицы спецсимволов и даже полезные рекомендации.
А еще есть полигоны для испытаний.
- CSS справочник
- CSS — это мощнейшее оружие в руках умелого кодера. Во многом разобраться тебе поможет наш справочник.
- Сервисы
- Помогут сократить во времени некоторые нудные работы.
Последние публикации
-
Готовим Photoshop к работе
08.03.2010
Чтобы начать извлекать полезную информацию из макета, верстальщику необходимо настроить Photoshop под свои нужды. Учимся В данном уроке научимся убирать направляющие, изменять единицы размеров блоков, менять размеры шрифтов из pt в px. -
Параметры для вставки объектов
07.03.2010При вставке тега object в HTML или динамической вставке flash с помощью SWFObject, может использоваться уйма разных параметров. Грамотный HTML кодер должен разбираться в этой теме. А начинающим, надеюсь, поможет данная статья.
-
Знакомство с Photoshop
05.03.2010
Краткий обзор функций Photoshop, на которые следует обратить внимание верстальщику. -
Валидный target="_blank"
28.02.2010
На многих сайтах применяется практика открывать внешние ссылки в новом окне. Как правило, для этого используется атрибут target тега <a>. Открытие ссылки в новом окне не стоит применять без крайней необходимости. Но если все же это сделать нужно, давайте по крайней мере попробуем найти валидное решение. -
Псевдоэлемент before для маркера списка
21.02.2010
Динамическая вставка контента с помощью псевдоэлемента before позволяет избежать использования дополнительной картинки и, соответственно, несколько уменьшить нагрузку на сервер. Для списков в контентной области сайта, где оформление бывает скромным это хороший вариант. Связка before+first-child дает возможность избавиться от лишних классов и элементов при верстке «хлебных крошек» и некоторых видов меню. -
Теги представления на базе HTML 4.01
19.02.2010Теги и атрибуты представления не несут никакой логической нагрузки. При семантической верстке использование этих тегов и атрибутов следует избегать.
-
Семантические теги на базе HTML 4.01
19.02.2010Перечень HTML тегов и атрибутов, которые соотвествуют букве семантики.
-
Семантический HTML код — рекомендация с большими выгодами
18.02.2010Семантический HTML код — это верстка с правильным использованием HTML тегов, использованием их по назначению, так как их задумывали разработчики языка HTML и веб стандартов. Но зачем и кому это нужно?
-
Градиент: CSS3 против CSS2 + картинка
16.02.2010
CSS свойства linear-gradient и radial-gradient, описанные в проектах спецификации CSS3 дают нам мощный механизм создания градиентов. Но, так как фактически данная спецификация еще не окончена пройдет, наверно, немало времени пока мы сможем использовать эту мощь в своей работе. Тем не менее все большее число браузеров в том или ином виде поддерживает CSS-градиенты. -
Ссылка с возможностями блока
15.02.2010Как сделать ссылку, которая будет учитывать ширину, высоту и внутренние отступы.