Записи по теме «Дизайн»
Ниже лишь мой скромный перевод, просто мне очень понравился вот этот фильм… И я решил публикануть…
На этой неделе Лондон буквально наводнен фанатиками дизайна, собравшимися на ежегодный Лондонский Фестиваль Дизайна. В рамках мероприятия Ирландский Ремесленный Совет (Irish Crafts Council) подготовил выставку, рассказывающую о современных ирландских ремесленных дизайнерах. Выставка называется «Место Встречи» (A Place To Gather) — и для освещения этого события дуэт Джейми и Кейт снял замечательное видео, которое представляет труд ремесленников со всех уголков Ирландии.
На сегодняшний день в Ирландии более 5700 человек занимаются ремеслами, но фильм — лишь небольшая зарисовка о пяти из них. Это: Horizon Furniture, Studio Donegal, Kathleen McCormick, Jerpoint Glass и Derek Wilson..
Одним из самых приятных моментов в этом рассказе о традиционных ремеслах становится сам процесс создания творений, та часть труда, которую редко удается увидеть.
К счастью, фильм действительно представляет настоящее закулисье творчества и помогает прославлять традиции, кои вправду стоит сохранять и пестовать. Это красиво снятый фильм, обязательно рекомендуемый к просмотру.
Для тех, кому посчастливилось находиться в Лондоне: «Место встречи» будет работать с 18-го до 23-го сентября на 12 Chance Street, London, E2 7JB. Более подробную информацию о выставке можно найти на их сайте.
Вот…
Кстати, мне всегда нравилось гончарное дело и стеклодувие… то есть — работа стеклодува, как она называется одним словом? Сам бы с удовольствием занялся, но не уверен, что это реально и незатратно. Подобные хобби может себе позволить только обеспеченный человек :). А для профессии… нужно жить в нормальной стране и заниматься этим сызмальства. Как-то так, видимо……
Существуют любители 3-х колоночных сайтовых шкур. Не могу сказать, что я к ним отношусь, поскольку дополнительный сайдбар отнимает полезное пространство у контента, прежде всего — картинок и прочего медиа.
Однако, два боковых бара позволяют рациональнее размещать разнообразные виджеты, сортируя или выделяя их логически/интуитивно/удобно по разные стороны от основного содержания. Допустим, с одной стороны все относящееся к постам, с другой — страницы, ссылки, внешние фиды итд итп. В этом случае можно обойтись и без «верхней» навигации…
Ну и вот, я под шумок откопал еще одну из антикварных тем. Нанизываю я их на установленный локально wp, с набором тестовых постов. Я тут об этом упоминал.
Почти предельный минимализм без потери функционала и темный фон с наиболее приемлемым цветом контентных шрифтов.
Названия толкового не придумал, однако фактура шершавого материала навевает тривиальное Abrasive. Или «Фикфышму» Fikfyshmoo. Гениально просто. Гыгы. (Рекомендуется к зацениванию полноразмерная версия, скриншот по клику, 1,5 Мб( )
(Кайзер и Маруся попали в шаблон случайно, сорри)
Ну и, пожалуйте, размер медиафайлов, которые безболезненно можно вставить в пост — 570 px. Вот и издержки этой роскоши.
Проблема в чем. Разрешение по горизонтали в 1024 пикселя сейчас некий стандарт для средней руки девайсов: удобных и достаточно практичных недорогих нетбуков, например. Делать контейнер сайта шире — не вопрос, но это создаст значительные неудобства пользователям.
Резиновые (расширяемые под размер окна браузера от феньки) дизайны делать уже не рационально.
Обязательно сейчас нужно ограничивать резиновость. Если сжимание сайта с несжимаемым контентом (рисунки, видео) может просто упереться в самую предельно широкую часть, то есть другая крайность — мониторы с очень большим разрешением. Если жестко не задать пределы, сайт размажется тонким слоем и чтение будет напоминать слежение за игрой в теннис.
Я это уже отмечал как-то, некий новый виток получается, так и есть; существуют два простых параметра в CSS — min-width и max-width, но колбасы с ними много, особенно если хочется сделать сложное графическое оформление. Посему сейчас преобладает дизайн с фиксированной шириной. А хорошо продуманный псевдорезиновый дизайн требует больших затрат.
Я отклонился от титульной темы потому, что и этот пост — пока еще заготовка и размышление: как лучше подать и оформить =вордпрессовый шкурный интерес= и нужно ли оно это все вообще. Вроде как полезно, поддержание себя в тонусе… Фуф.
Короче, очередной мутный пост. Пардон, товарищи.
P.S. Конечно, я не мог успокоиться после вчерашнего — и сделал псевдорезиновую тему на основе: ширина меняется от 1000 пикселей до 1200. Все три колонки флексибельные :).
Но снова, перед автором встает дилемма, какую ширину мультимедийного контента выбрать, хахаха. А, например, max-width: 100% и картинки ширехари с запасом.
Мутный пост древнего шкуростроения. Первая шкура бессмыслена сейчас (17 год), а вот флексибельная. Шершавость мне до сих пор нравится. И Маруся.
Столь нескромный заголовок означает следующее: захотелось мне перетрясти свои архивы «веб-дизайна» и перевести наиболее удачные (смтз)) наработки в формат шкурок (тем) WordPress’а.
В течение 7 лет, что я активно (но периодами) занимаюсь разнообразными веб-делами, я делал множество разных сайтов на заказ. Что-то не подходило заказчикам, что-то подошло, но уже не существует в сети — это жизнь. Так или иначе, по разным причинам имеется в загашниках энное количество «свободных дизайнов», которые хотелось бы возродить и актуализировать. С разных точек зрения на этот вопрос.
Множество этого добра-с было сделано в html (это не означает заведомую легкость, наоборот)), несколько мутных потуг было в джумле и друпале (с тех пор я стал больше уважать вордпресс — упомянутые альтернативы ужасны и неповоротливы), а также пара-тройка тем для самого WordPress, которые можно и допилить и подшлифовать.
Сам же я, как классический сапожник без сапог, сижу здесь на одной из чужих тем, правя ее лишь слегка и изредка добавляя функционалъ. Лень или отсутствие вдохновения? Не разобрать. Тема и принцип ее построения мне нравится, поэтому не собираюсь ничего менять… ;)
Я очень благодарен Денису Трубецкому, который вернул мне интерес к работе над «веб-дизайном», начиная от подготовки концепции до реализации большого количества нестандартных пожеланий :)
Работа над его блогом была проверкой для самого себя. Множество интересных решений было применено, начиная от раскрывающегося =эбаута=, содержащего слайдер, до специальных циклов вывода постов на определенную страницу по определенному критерию. О концепции обязательно напишу.
Кроме того, после чреды не столько интеллектуальных, сколько физических работ в этом году, я понял, что возраст и проблемы со здоровьем берут свое, явственно ощутил разницу между собой 20-летним и нынешним… Поэтому решил, что нужно переквалифицироваться сами знаете в кого — сосредоточиться на «кабинетной работе». Если получится, конечно. Искать честный заработок сейчас очень непросто…
P.S. Ну вот, к слову, антикварная шкурка: Но(!) — примерно то, что сейчас реализовано в твиттере, допустим, — кавайное скругление (осторожно!, по клику полный скриншот 2,5 Мб).
Тему я назвал «Бискай», от вариаций цветовой доминанты =bisque= — то ли от фарфора, то ли от характерного для тех мест блюда. Из серии «спокойных, теплых» тем. Ширина медиафайлов 717 px. В оформлении применены только стили CSS. Исключая фоновую подложку, создающую некую фактурность :). Ширина всего «контейнера» — ровно 1000px.
Оформил в моем любимом стиле — плашка с датой-рубриками-тегами внизу, логически отделяющая одну публикацию от другой и служащая этаким противовесом заголовку…
Решение ~ середины 2005 года, в первую очередь цветовое.
Тема существует, вполне даже, но она неакутальна на сегодняшний день (2017). А решение — да — интересное и при желании можно вылепить заново, ну при желании.. Есть у кого таковое?…
Давно не дают покоя руины первичного сайта, с которого все мое интернет-творчество началось. В один депрессивный день я отмахнул оттуда все мои так называемые статьи, архивы рассылки, львиную долю тематических страничек, оставив только пару более-менее актуальных публикаций и несколько «простыней» дневниковых заметок.
С одной стороны, весь этот «доробок» несколько устарел, в том числе и морально для вашего покорного слуги. С другой стороны — это история (как бы нескромно это ни звучало) и определенные полезные размышления, которые много и хорошо обсуждались с читателями.
Вот это невнятное заболачивание и оторфевание сайта меня нервировало и требовало сделать ревизию и опубликовать лучшее из того, что я писал с 2005 года. Сдерживало одно, необходимость разгребать html-завалы, огромное количество отдельных страничек и иллюстраций…
Да и куда это все было возвращать? Сайт как таковой очень здорово припорошило пылью и выцветанием. Я не мог себя заставить, после плодотворной и облегченной в административно-техническом плане работы с движками моих текущих проектов (см. в правой колонке), возвращаться к муторному редактированию и сайтосборке в HTML.
В одну из бессонных рабочих ночей пришла вдруг идея — а почему не поставить движок и не залить в базу избранную часть моих старинных сайтовых работ? Сохранив обаяние старого дизайна. Простого, но симпатичного.
В отличие от работы с велосипедной шкуркой, я пошел более сложным путем. Сделал тему с нуля, с учетом особенностей html версии, но и с некоторым освежением… Вот, что вышло (рекомендую смотреть 100% картинку по клику):
Тема уже стоит на вордпрессе — 3.4.beta2 — но в оффлайне, я запустил на компе «виртуальный сервер», так удобнее работать с движками, все изменения можно смотреть мгновенно, достаточно обновить страничку в браузере. А на внешние хостинги нужно постоянно, с каждым редактированием мельчайшим, заливать измененные файлы, и только после этого…
Так что, в инете ничего еще не лежит.
Традиционно назову этот «релиз» первой альфой, хотя тема полностью функциональна на новейшей версии WordPress. Ставь — и наполняй закрома.
Особенности:
1) Резиновый дизайн, но с отличиями. Коренными. Раньше, да, страничка расширялась по горизонтали до тех пор, пока не упиралась в края монитора, то есть разрешение.
Проблема заключается в том, что после определенной «ширины», читать тексты на больших экранах становится неудобно, уже приходится не только водить глазами, но и мотать головой.
Поэтому, тема расширяется в диапазоне от 950 до 1230 пикселей по горизонтали. Полагаю, это, на сегодня, оптимум. Владельцы больших мониторов будут сию тему считать не =flexible=, но =fixed=. Ну и ладно…
В принципе, можно было сделать и min-width 800 px, но мне хотелось иметь запас, в первую очередь для иллюстраций. Предполагаю, что, ну, не проблема сейчас. 950 px — это так, маржа, на какие-нибудь панельки. В браузер стандартный, при разрешении монитора 1024х768, без проблем влазит 999 пикселей сайтового пространства, как вы видите на данном блоге.
Это тонкие материи, не столько технические, сколько моральные, а вдруг на сайт заглянет человек с очень старым монитором и ему будет несподручно. Но вероятность этого близка к нулю. Как показывает статистика.
2) Основные цвета символизируют «архивность» данного сайта. Мне лично именно приглушить хотелось оформление, словно сайт долго находился под солнечными лучами. На чтение текстов это не влияет, цвет шрифта достаточно темный при всем при этом.
3) Не обошел вниманием поле для поиска на сайте, подписку на фид обновлений RSS, хотя это условность, новинки-то из архивов и после завершения работ пополнятся не будут… И ссылку на твиттер. Допустив стилизацию всех этих штук. Простота намеренная, специальная, исподтишковая.
4) Кое-какие элементы сделаны так, как мне нравится на остальных моих блогах. Например, небольшой значок в заголовке поста.
В целом я удовлетворен. Получилось вплотную приблизиться — и к старине, и к прогрессу.
Теперь можно раскапывать сокровищницу.
C гордостью использовал эту тему для общеспортивного блога. Если что-то со старого сайта будет опубликовано (большие сомнения), то оно будет встроено в хвост блога, исключительно по календарным причинам… сайт работал с 2005 по 2008 наиболее плодотворно, а блог потом все перекрыл с 2009-го… ладно к чему это?..
Приметил интересную идею для визитной карточки и творчески ее доработал, добавил креатива, что называется.
Не уверен, что в таком виде буду печатать, но что-то подобное нужно сделать.
;)
P.S. Телефон, естесно, липовый, все остальное настоящее.
Решил сделать стартовую страничку моего сайта повеселее:
•••2017••• Сайта-то, почитай, 6 с лишним годков как такового нет, а домен тот *org в момент тотального безденежья я потерял.
С появлением этого блога, вся моя деятельность на сайте постепенно прекращалась, а теперь, фактически, свелась на нет. Это нормально. Я долго сопротивлялся, но теперь вполне ясно и четко осознал, что движок для интернет-ресурса, это не роскошь, а средство повысить продуктивность и рациональность работы, в данном случае — писательской.
Ничего не попишешь :) — плодить публицистические сущности с помощью движка очень удобно. Как я уже говорил, много рутинной работы просто исчезло. Уже не надо писать html, каждый раз делать шаблон статьи, сносить в архив старые записи с простыни, исправлять какие-то глобальные вещи на сотне разных отдельных страничек и тому подобное. Все это — время, которое можно потратить с пользой. (да, щас)
Эволюция сознания — это замечательно. Читая старые записки, можно проследить за своим собственным совершенствованием, поисками, навыками, мнениями, впечатлениями, которые с годами претерпевают некоторые изменения. Это не менее нормально и не стоит этого бояться или стыдиться. Я всегда готов признавать свои ошибки. Как говорится: не заблуждается только тот, кто ничего не делает.
Ну так вот, возвращаясь к титульной теме.
Давно напрашивались кардинальные изменения на сайте.
Во-первых хочу перевести на движки два моих спортивных проекта: зимний спорт (уже сделано) и велоспорт (будет к новому сезону);
Во-вторых, хочу по-новому организовать все ценные материалы, опубликованные в виде статей или блоговых записок на главной странице. Я перечитал многое: есть неплохие места, заслуживающие внимания и сейчас. Может быть старые заметки и статьи добавлю сюда — во временной хвост блога. Буду над этим думать.
В-третьих, на avocreative хочу сделать фотоблог (пока даже не знаю в каком виде и ключе). Давно это нужно было сделать… Ну да ладно.
Пока же на главной странице сайта будет вот такая красочная фиговинка.
С экспериментальной точки зрения: тестирую, как подгружаются внешние шрифты. Мне надоело, что например в линуксе мои сайты выглядят не так, как задумано. Потому что нету там виндовых шрифтов по большей части, а набор линуксовых либо не стабилен от дистра к дистру, либо не удовлетворяет меня. Поэтому с помощью css правила @font-face я сделал подгрузку интересного шрифта под названием PT Sans. Это бесплатный, точнее даже «общедоступный национальный» шрифт, созданный известной российской фирмой Паратайп. Шрифт очень качественный и читаемый. Пока что им оформлены навигационные ссылки, но если я буду размещать на главной странице объявления в блоках, то там оный обязательно будет использован. Постепенно (возможно) постараюсь перевести на PT Sans и PT Serif все свои проекты [я все свои проекты увел с этих шрифтов…].
Еще. Навигационная панелька прозрачная. Но, мне стыдно за Internet Explorer, который даже в 8-й версии не научился работать с css свойством “opacity”! Видимо потом придется png фончик делать. Пока так. В Хроме и Файрфоксе, не говоря уже об Опере и, тем паче, Сафари, все отлично, разумеется…
Добавлено!!!Теперь фончик главной страницы -подвижный-. ПХП-скриптик выводит каждый раз (с загрузкой страницы) случайную картинку из 7 возможных, которые я добавил в папку с jpg. Прикольно, не так ли? По крайней мере, стало еще веселее. Решение простое, без особых претензий и все такое, но какое эффектное, опять же…
Ладно. За сим, покамест, раскланиваюсь.
Короче, с одним камрадом поспорил, что за пару часов сваяю вордпрессовую темку для велосипедного своего сайта. Такую, чтоб практически не отличить визуально (с учетом специфики движка и не движка конечно), а также резиновую, как там.
Ну сваял. Предварительную альфу… даже не альфу, а нечто доалфавитное.
Если кому не жалко 1 мегабайта на картинку, можно заценить красотищщу в реальном размере. (Разумеется, цеплял-то я скин на существующее подзаброшенное зеркало блога, чисто проверить…)
Для чего делалось? С прицелом, не стану скрывать. Тем более, как известно, зимнеспортивный блог я завордпрессил и даже потихоньку туда заливаю старые тематические вещи.
Велосайт на данный момент у меня в спящем состоянии, не пишется, сезон меня не вдохновил, мало чем порадовал и все такое. Но это не означает, что я не попробую начать новый сезон с присущим мне энтузиазмом :).
Так что…
Много чего еще нужно отладить и приладить. Но, в общем, первичное удовлетворение пришло. Получилось почти один к одному. Чего я и сам желал по большому счету.
—=•=·•·=•=—
Продолжаем:
Не случайно большинство шаблонов обладают фиксированной шириной. Гемора для подгонки гораздо меньше. Это уж точно.
Чтобы сделать резиновую тему из двух колонок для вордпресса или любого другого движка (табличной версткой никто не пользуется) нужно пойти на небольшую хитрость. В css задать, допустим, 20% ширины для первой колонки, сделать обтекание (float:left), а для правой колонки с собственно контентом вообще не задавать ширину, а только отступ, (!) но не 20%, а с запасом, ну так 23—25% (margin-left: 25%;). Тогда колонки сосуществовать будут мирно.
Но, если бы на этом все проблемы отображения заканчивались…
Сделав уже альфа-версию темы, я столкнулся с несколькими специфическими проблемами. Когда решу, отпишусь.
—=•=·•·=•=—
Тема там нынче новая, адаптивная, но ностальгично все так же узнаваемая…
