Записи ноября 2009
Узнаваемость фреймворков
Понятное дело, что CMS и фреймворки чаще всего оставляют свои следы на облике сайта или приложения. Например, характерные /node/ в адресах страниц на Drupal, типичные адреса с префиксом wp- у Wordpress, окончания .do и .action у адресов на Struts. Узнаваемые полосы прокрутки на флэш-сайтах, сделанных во Flex. Удобен фреймворк тогда, когда он гибок. Это и вопрос безопасности (сложнее взломать сайт, когда неясно, на чём он сделан), и вопрос универсальности: хорошо, когда я могу вычистить все следы фреймворка, оставив только то, что мне нужно. Вообще же, использовать типовые решения — значит, лениться.
Типографы
Улучшенный и дополненный Типограф Студии Лебедева вводит кучу лишних символов, работает только в серверном варианте и не исправляет очевидные ошибки и опечатки, например, пробел перед закрывающей скобкой, пробел после открывающей и т.п.
Мой же Devanagari всё делает корректно и в режиме реального времени ещё с 2007 года (последняя версия датируется 9 сентября 2008).
Заполнители
В CSS, к сожалению, отсутствуют заполнители, присутствующие в полиграфической вёрстке. Допустим, нам нужно следующее:

Ширина текста может быть произвольной, а точки должны заполнять пространство до конца страницы.
Очевидно напрашивающееся решение: сделать блок DIV с фоновыми точками, внутри него положить SPAN с фоновым цветом. Но если точки крупные, та, что слева, может быть некрасиво обрезана. С однопиксельными точками такое решение пригодно.
В случае с большими точками-заполнителями можно поступить следующим образом. | полный текст
Shinobi 0.6
В текущей версии фреймворка решены все проблемы, существовавшие до этого: и мелкие, и серьёзные, проистекавшие от недостаточного тестирования. Например, некорректно сохранялись пользовательские шаблоны вёрстки. Это решено двумя строчками кода. Сам фреймворк стал немного легче: постепенно вычищаются все избыточные данные.
В скрытую часть — использование динамических страниц — добавлена поддержка параметров для страниц на уровне ядра. К примеру, для передачи целого ряда параметров плагину — электронному магазину потребуется формировать адреса типа /shop/get/books/73264/, причём разделители в таких URL можно настраивать путём редактирования reset-файла.
В планах ряд языковых файлов и несколько плагинов: фотогалереи, форум, электронная коммерция, система управления персоналом и т.п.
Мост над рекой Нум-хет. Глава седьмая
Учитель древних языков Сартао быстрым шагом вошёл в аудиторию. Он чаще всего опаздывал на несколько минут, приходя пешком с занятий из Западного Лицея, но студенты ему охотно прощали это: любили и всегда внимательно слушали. Он никогда не заставлял учить бесконечные таблицы спряжений, но непостижимым образом делал так, что неправильные глаголы запоминались сами собой.
— Все без исключения ваши несчастья,— говорил Сартао,— проистекают от того, что вы воспринимаете языки как мёртвый склад таблиц и правил. На вечер вы как горькую пилюлю принимаете супплетивные формы личных местоимений. С утра в автобусе вы судорожно пытаетесь выучить конструкцию с двойным дательным падежом. Перед занятием вы мучаете себя тем, что переводите недопереведённый текст. Так жить нельзя. | полный текст
Мост над рекой Нум-хет. Глава шестая
Совершенно невозможно представить себе другое место, чтобы незнакомая девушка ласково дотрагивалась пальцами до шеи, лба и ушей, приветливо разговаривала бы, ходила бы вокруг, глядя только на тебя и аккуратно причёсывала. Таус сидел в парикмахерской, облачённый в белое, и старался не заснуть. Мягкие прикосновения, мерное жужжание машинки, стрекотание ножниц мастерицы и её соседки, бормотание диктора по радио, тёплый свет и солнечная погода за окном — всё, решительно всё было направлено на то, чтобы расслабить и усыпить. | полный текст
Португальские буквы
В португальском языке есть буквы, которые сложно вводить с клавиатуры, если не включена португальская раскладка. С помощью альт-комбинаций цифровой клавиатуры можно вводить их:
|
À Á Â Ã Ç É |
Ê Í Ó Ô Õ Ú |
à á â ã ç é |
ê í ó ô õ ú |
Lucas Hirata
Lucas Hirata — бразильский визуальный дизайнер. Графика, логотипы, полиграфия. Сайт: www.lucashirata.com.br
Вёрстка навигационного меню
При вёрстке меню на сайте, будь оно вертикальным, горизонтальным или любым другим, следует помнить несколько вещей:
1. Каждый пункт меню должен иметь как минимум два состояния: просто ссылка и активный пункт меню, не являющийся ссылкой и активизирующийся, когда пользователь находится на странице, куда эта ссылка вела. Ссылка не должна вести сама на себя: для этого есть F5. В идеале должно быть и третье состояние (под наведённой мышью), но оно может по стилистике совпадать со вторым или быть похожим на него.
2. Удобно и сейчас принято верстать меню с помощью ненумерованных списков UL — практика показывает, что в этом случае меню достаточно гибкое, а применение списка семантически оправдано.
3. Желательно, чтобы каждый пункт меню (если оно построено на списках, то пусть это будет элемент LI) имел свой ID — в этом случае мы достигаем большой гибкости и можем сверстать меню как угодно, хоть по диагонали; можем стилями убрать весь текст и вместо него поставить иконки. ID’ы можно формировать серверными скриптами динамически на основе URL’ов.
4. Приятно, если первый пункт меню имеет класс вроде first, а последний — например, last. В этом случае мы можем не обращаться к идентификаторам, но сверстать красивое меню с закруглёнными углами.
Мост над рекой Нум-хет. Глава пятая
— Меня зовут Люминиция,— сказала первая девушка.
— А меня Архелия,— сообщила вторая.
— Меня Радосвета,— улыбнулась третья.
— А меня Франческа,— развела руками четвёртая.
Таус почесал затылок. Он немного освоился и уже не так смущался при виде четырёх девушек в полупрозрачных одеяниях и с ужасающе светящейся зеленоватым кожей. Правда, ноги всё равно немного тряслись. Имена русалок тоже немного привели его в замешательство. Он тут же половину забыл, а половину перепутал, но утешал себя тем, что любой на его месте поступил бы так же: забыл и перепутал бы. | полный текст


