Сумрачный блог Кирилла Панфилова

2010: I II III IV V VI VII VIII IX X XI XII

2009: I II III IV V VI VII VIII IX X XI XII

2008: I II III IV V VI VII VIII IX X XI XII

Записи ноября 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-файла.

В планах ряд языковых файлов и несколько плагинов: фотогалереи, форум, электронная коммерция, система управления персоналом и т.п.

Мост над рекой Нум-хет. Глава седьмая

« оглавление


Учитель древних языков Сартао быстрым шагом вошёл в аудиторию. Он чаще всего опаздывал на несколько минут, приходя пешком с занятий из Западного Лицея, но студенты ему охотно прощали это: любили и всегда внимательно слушали. Он никогда не заставлял учить бесконечные таблицы спряжений, но непостижимым образом делал так, что неправильные глаголы запоминались сами собой.

— Все без исключения ваши несчастья,— говорил Сартао,— проистекают от того, что вы воспринимаете языки как мёртвый склад таблиц и правил. На вечер вы как горькую пилюлю принимаете супплетивные формы личных местоимений. С утра в автобусе вы судорожно пытаетесь выучить конструкцию с двойным дательным падежом. Перед занятием вы мучаете себя тем, что переводите недопереведённый текст. Так жить нельзя. | полный текст

Мост над рекой Нум-хет. Глава шестая

« оглавление


Совершенно невозможно представить себе другое место, чтобы незнакомая девушка ласково дотрагивалась пальцами до шеи, лба и ушей, приветливо разговаривала бы, ходила бы вокруг, глядя только на тебя и аккуратно причёсывала. Таус сидел в парикмахерской, облачённый в белое, и старался не заснуть. Мягкие прикосновения, мерное жужжание машинки, стрекотание ножниц мастерицы и её соседки, бормотание диктора по радио, тёплый свет и солнечная погода за окном — всё, решительно всё было направлено на то, чтобы расслабить и усыпить. | полный текст

Португальские буквы

В португальском языке есть буквы, которые сложно вводить с клавиатуры, если не включена португальская раскладка. С помощью альт-комбинаций цифровой клавиатуры можно вводить их:


À (Alt+0192)

Á (Alt+0193)

 (Alt+0194)

à (Alt+0195)

Ç (Alt+0199)

É (Alt+0201)

Ê (Alt+0202)

Í (Alt+0205)

Ó (Alt+0211)

Ô (Alt+0212)

Õ (Alt+0213)

Ú (Alt+0218)

à (Alt+0224)

á (Alt+0225)

â (Alt+0226)

ã (Alt+0227)

ç (Alt+0231)

é (Alt+0233)

ê (Alt+0234)

í (Alt+0237)

ó (Alt+0243)

ô (Alt+0244)

õ (Alt+0245)

ú (Alt+0250)

Lucas Hirata

Изображение

Lucas Hirata — бразильский визуальный дизайнер. Графика, логотипы, полиграфия. Сайт: www.lucashirata.com.br

Вёрстка навигационного меню

При вёрстке меню на сайте, будь оно вертикальным, горизонтальным или любым другим, следует помнить несколько вещей:

1. Каждый пункт меню должен иметь как минимум два состояния: просто ссылка и активный пункт меню, не являющийся ссылкой и активизирующийся, когда пользователь находится на странице, куда эта ссылка вела. Ссылка не должна вести сама на себя: для этого есть F5. В идеале должно быть и третье состояние (под наведённой мышью), но оно может по стилистике совпадать со вторым или быть похожим на него.

2. Удобно и сейчас принято верстать меню с помощью ненумерованных списков UL — практика показывает, что в этом случае меню достаточно гибкое, а применение списка семантически оправдано.

3. Желательно, чтобы каждый пункт меню (если оно построено на списках, то пусть это будет элемент LI) имел свой ID — в этом случае мы достигаем большой гибкости и можем сверстать меню как угодно, хоть по диагонали; можем стилями убрать весь текст и вместо него поставить иконки. ID’ы можно формировать серверными скриптами динамически на основе URL’ов.

4. Приятно, если первый пункт меню имеет класс вроде first, а последний — например, last. В этом случае мы можем не обращаться к идентификаторам, но сверстать красивое меню с закруглёнными углами.

Мост над рекой Нум-хет. Глава пятая

« оглавление


— Меня зовут Люминиция,— сказала первая девушка.

— А меня Архелия,— сообщила вторая.

— Меня Радосвета,— улыбнулась третья.

— А меня Франческа,— развела руками четвёртая.

Таус почесал затылок. Он немного освоился и уже не так смущался при виде четырёх девушек в полупрозрачных одеяниях и с ужасающе светящейся зеленоватым кожей. Правда, ноги всё равно немного тряслись. Имена русалок тоже немного привели его в замешательство. Он тут же половину забыл, а половину перепутал, но утешал себя тем, что любой на его месте поступил бы так же: забыл и перепутал бы. | полный текст