Персональный блог Игоря Антонова aka "spider_net"

html/css

Подписаться на эту рубрику по RSS

"Я люблю PSD" - советы web-дизайнерам


Рубрика: Без рамки -> Интересности -> html/css
Метки: | |
Просмотров: 1382
"Я люблю PSD" - советы web-дизайнерам

Совершенно случайно открыл для себя проект «I love psd». На нем собрана классная подборка советов для дизайнеров-фотошоперов, специализирующихся в первую очередь на web-дизайне. Верстальщики знают, что не все дизайнеры заботятся о коллегах по цеху. Нарисуют шикарное творение и откланяться. Шрифты нестандартные не включат, слои оставят без названия, а про комментарии даже не подумают. Верстальщики, получив такие макеты, начинают громко ругаться или просто верстать, что видят. Потом получается, что у дизайнера была одна задумка, но верстальщик воплотил ее лишь наполовину.

Читать дальше

Контексты наложения или когда z-index не работает


Рубрика: html/css -> Без рамки
Метки: | | |
Просмотров: 10187
Контексты наложения или когда z-index не работает

Верстаю далеко не первую страницу, но с подобной проблемой столкнулся впервые. В одном из дизайнов мне потребовалось переделать меню для каталога. Изначально использовалось меню с одним уровнем, но бизнес заказчика вырос, и потребовалось реализовать типичное выпадающее многоуровневое меню. «Нет проблем!» - подумал я, и быстренько стал набрасывать дополнительные стили с разметкой. Времени много на это не потребовалось, но вот первое же тестирование оказалось неудачным. Уровни меню появлялись, как и было задумано, но вот почему-то их перекрывали элементы из центральной части страницы.

Читать дальше

Змейка на JavaScript и CSS


Рубрика: Интересности -> JavaScript -> Программирование -> html/css
Метки: | | | | |
Просмотров: 6351
Змейка на JavaScript и CSS

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

Читать дальше

Назад в прошлое. Bootstrap в стиле 80-х


Рубрика: Без рамки -> html/css
Метки: | | | | |
Просмотров: 2299
Назад в прошлое. Bootstrap в стиле 80-х

Я просто восхищаюсь фреймворком Bootstrap! Он серьезно упрощает время при верстке всевозможных панелей управления и прочих типовых вещей. Нужен прототип – берем Bootstrap и получаем результат через пару часиков неспешного труда. Фанатов Bootstrap очень много и некоторые из них пытаются сделать свой вклад в развитие фреймворка.

Крис МакКензи, наверное, очень сильно любит Bootstrap и ностальгирует по временам царствования MS DOS, Norton Commander, Turbo Vision. Иначе как объяснить мотивы на создание темы оформления «Bootstra.386» для фреймворка Bootstrap?

Читать дальше

Параметры для mailto. Экономим время пользователей


Рубрика: Без рамки -> html/css
Метки: | |
Просмотров: 4626
Параметры для mailto. Экономим время пользователей

Каждый web-мастер знает, что для оформления ссылок, по нажатию на которые будет запускать почтовую программу, установленную у пользователя по умолчанию, и заполненным полем «Кому», необходимо воспользоваться конструкцией «mailto». Например:

<a href="mailto:your@mailbox.com">your@mailbox.com</a>

Читать дальше

TinyMCE, вырезанные теги и ненужные <p>


Рубрика: html/css -> JavaScript -> Программирование
Метки: | | | |
Просмотров: 2380
TinyMCE, вырезанные теги и ненужные <p>

Постоянно проходится использовать WYSYWIG редактор TinyMCE (он встроен в diafan.cms из коробки) и настройки по умолчанию не совсем подходят для вставки html кода. Некоторые теги он беспощадно вырезает, а если вставить голый текст, то он обязательно обернет его в тег нового параграфа. Такая забота нужна далеко не всегда и чаще она превращается в проблему, нежели пользу.

Читать дальше

Генераторы меню для сайта или делаем CSS меню без кода


Рубрика: Программирование -> JavaScript -> html/css
Метки: | | | | | | |
Просмотров: 9289
Генераторы меню для сайта или делаем CSS меню без кода

Ни один web-сайт не обходится без навигационного меню. В одних случаях меню приходится делать вертикальным, в других горизонтальным. Некоторые клиенты требуют адаптивности, полной кросс браузерности и прочих плюшек. CSS3 представляет все необходимое для создания навигационных менюшек любой сложности. Трудность заключается лишь в отсутствии поддержки CSS3 старыми браузерами, списывать со счетов, которые нельзя.

Читать дальше