html/css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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