{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Полезные мелочи сети, заметки с тегом: дизайн", "home_page_url": "https:\/\/stereomaster.ru\/?go=tags\/design\/", "feed_url": "https:\/\/stereomaster.ru\/?go=tags%2Fdesign%2Fjson%2F", "icon": "https:\/\/stereomaster.ru\/user\/userpic@2x.jpg", "author": { "name": "StereoMaster", "url": "https:\/\/stereomaster.ru\/", "avatar": "https:\/\/stereomaster.ru\/user\/userpic@2x.jpg" }, "items": [ { "id": "223", "url": "https:\/\/stereomaster.ru\/?go=all\/nostalgiya-chatiki-komnatki\/", "title": "Ностальгия: Чатики — комнатки", "content_html": "

Предлагаю немного поностальгировать. Пару лет назад мне довелось посмотреть интересный, не неоднозначный фильм «Чат<\/a>» о том, кем же могут оказаться в реальной жизни люди из виртуального мира. Там есть отличная метафора, которой наверняка пользуетесь и вы, когда речь заходит о чатах или IRC-каналах.<\/p>\n

Каждый чат там представлен в виде комнаты, которая может быть обставлена по желанию и характеру владельца. Гостям своего «чата» хозяин может оказать радушный приём, пригласить за стол, присоединиться к вечеринке с другими постояльцами или позволить перешёптываться с кем-то лично в уголке.<\/p>\n

Эта ассоциация создаёт ощущение, что чем больше ты напихаешь в собственную комнатку, тем удобнее и интереснее будет гостям, когда всё есть под рукой и никуда выходить не надо. Захотел посмотреть время — вот часы висят на стене, для погоды хозяин комнаты предусмотрел градусник за окном, для большего веселья — целый стол виртуальных напитков и еды, парочка настольных игр для вечеринки на всякий случай, если кому-то станет скучно.<\/p>\n

\n\"\"\n<\/div>\n

С таким гостеприимством лет 10-12 назад было модно обвешивать собственные чаты, форумы, сайты. В представлениях о том, что всё это могло бы пригодиться людям и было бы неплохо иметь собственный счётчик курса доллара в меню и виджет погоды хозяйского города.<\/p>\n

Ещё не существовало каких-то обширных наборов смайликов и владельцы площадок добавляли самые разношёрстные эмотиконы на все случаи жизни, не особо заморачиваясь о том, как такое будет выглядеть в жизни.<\/p>\n

\n\"\"\n<\/div>\n

Никаких регистраций, а своды правил были написаны не юристами студии Артемия Лебедева, а совсем простенько и понятно и выглядели так:<\/p>\n

\n\"\"\n
Источник<\/a><\/small><\/div>\n<\/div>\n

Впрочем, это не мешало школьникам-модерам банить всех, кто им не нравится и пользоваться служебным положением, вымогая какие-либо нематериальные блага у пользователей в виде плюсиков в репутацию (когда она начала набирать обороты в форумных движках) и спасибки. Ровно как и наоборот — у модераторов клянчили админку или просто кого-нибудь забанить. Ведь даже знакомство с кем-то из руководящего состава уже было поводом для гордости (и шансом, что тебя тоже когда-нибудь к ним приравняют)! Справедливости ради, этот абзац не потерял актуальность и сейчас.<\/p>\n

Когда я ещё был активным участником непоследнего в то время русского сообщества «Покемонов» и частенько зависал в чате с парой-тройкой единомышленников, разнюхал, что есть некая команда, которая превращает обычного пользователя в модератора. Естественно только если наберёт её кто-то из модерства:<\/p>\n

\/promote username<\/pre>\n
И когда в списке пользователей появился один из знакомых мне модеров, я попросил шутки ради эту команду выполнить с указанием ника другого человека (ну чтобы без подозрений). Про фишку модер в курсе не был и одним незадачливым участником руководящего состава внезапно стало больше. Это было довольно весело, тем более, что потом в благодарность повысили и меня. Хотя я и не собирался превышать полномочия и банить всех и вся, чувство власти тогда изрядно доставляло такому школьнику как я. Правда, потом, когда про это явление пронюхали остальные участники и количество модераторов стало расти быстрее, чем кролики в грибной дождь, администрация всё это моментально прекратило и всех посокращало до обычных смертных™. Тем не менее, свою долю веселья мы получили. Такие были времена…<\/p>\n
А какие воспоминания о былых сообществах остались у вас? Поделитесь?<\/p>\n
p.s. Если кто-нибудь вдруг, ну совершенно случайно ещё помнит pokemon.dotnet.lv или старую pokeliga.com, черкните хоть строчечку ;-)<\/i><\/p>\n",
            "date_published": "2015-01-26T15:18:11+05:00",
            "date_modified": "2015-01-26T15:16:56+05:00",
            "image": "https:\/\/stereomaster.ru\/pictures\/chatroom.png",
            "_date_published_rfc2822": "Mon, 26 Jan 2015 15:18:11 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "223",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/stereomaster.ru\/pictures\/chatroom.png",
                    "https:\/\/stereomaster.ru\/pictures\/chatroom2.png",
                    "https:\/\/stereomaster.ru\/pictures\/chatroom3.png"
                ]
            }
        },
        {
            "id": "221",
            "url": "https:\/\/stereomaster.ru\/?go=all\/vsyo-zhe-s-vozrastom-mnenie-menyaetsya\/",
            "title": "Всё же с возрастом мнение меняется",
            "content_html": "
\n\"\"\n<\/div>\n
В заметке «Простота, разнообразие или время?<\/a>», сделанной три года назад, я пытался сделать выбор между Вордпрессом и Эгеей в качестве движка блога. Тогда ключевым минусом CMS Ильи Бирмана для меня стало отсутствие уникальных готовых шаблонов и некоторая сложность их кастомизации по сравнению с WP.<\/p>\n
Сейчас моё мнение противоположно: ставку делаю на содержание блога, а не уникальность обложки. В одинаковости и минималистичности есть плюсы: стильно, удобно, легко комментируемо, посему и перетащил бложик сюда. Впрочем, это не помешало мне немного индивидуализировать тему, сохранив узнаваемую структуру самой CMS.<\/p>\n
Лишь непонятна такая смена предпочтения: за это время мои вкусы и пристрастия к отсутствию излишеств в дизайне не изменились, ровно как и в этих движках внешне ничего революционно не поменялось.<\/p>\n
p.s. И сразу вспомнился спор на GameSHOWS<\/a> между мной и одним пользователем относительно того, меняются ли жизненные взгляды у людей в сравнении 20 и 25 лет. «Неопытные и опытные»™. Но нет, у меня ничего значительного не менялось, всё тот же разгильдяй. Ну разве что более собранный и полюбивший аккуратность и перфекционизм. Вот.<\/p>\n
Расскажите, происходили ли у вас какие-то смены жизненной позиции и предпочтений?<\/p>\n",
            "date_published": "2015-01-23T11:41:13+05:00",
            "date_modified": "2015-01-23T11:41:10+05:00",
            "image": "https:\/\/stereomaster.ru\/pictures\/aegwp.png",
            "_date_published_rfc2822": "Fri, 23 Jan 2015 11:41:13 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "221",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/stereomaster.ru\/pictures\/aegwp.png"
                ]
            }
        },
        {
            "id": "203",
            "url": "https:\/\/stereomaster.ru\/?go=all\/kak-popast-v-novyjj-tvitter\/",
            "title": "Как попасть в новый твиттер",
            "content_html": "
\"\"<\/a><\/p>\n
Недавно твиттер в очередной раз начал тотальную смену дизайна, однако разработчики поступили очень хитро: чтобы включить в своём аккаунте новый интерфейс, они предложили пользователям установить новые клиенты для iPhone и Android, что невозможно сделать, не имея в наличии собственно этих устройств.<\/p>\n
Но запретный плод сладок — раз уж ограничивают круг лиц, кто может увидеть новый дизайн в действии в числе первых, естественно желание разными уловками попасть в их число.<\/p>\n
Вот я случайно наткнулся на возможность, как опробовать новый интерфейс в действии без установки клиента на мобильные устройства. К сожалению, этот метод не даёт постоянного эффекта и работает до закрытия или обновления вкладки, тем не менее протестировать и оценить, что из себя представляет новый интерфейс можно.<\/p>\n
Как же попасть в #newtwitter?<\/h2>\n
Нам нужен аккаунт в TweetDeck, как и он сам собственно. У меня стоит хром, потому я скачал расширение TweetDeck<\/a> и зарегистрировался там.<\/p>\n
Затем нужно добавить туда наш аккаунт, для этого нужно быть залогиненным под ним в твиттере и зайти в настройки TweetDeck (кнопка справа вверху ? Settings ? Accounts ? Add Twitter Account)<\/p>\n
Ну и последний пункт — перейти по ссылке из ТвитДека на любой твит, чтоб тот открылся в браузере. Для этого можно самим затвитить ссылку на свой предыдущий твит. Чтобы ваши фолловеры это не видели, можно в начале твита указать какой-нибудь заброшенный аккаунт, например @qwerty.<\/p>\n
Пример твита со ссылкой:
\n\"\"<\/p>\n
Ну и заключительное — дождаться появления твита в ленте TweetDeck  и нажать на ссылку. Вуаля, в открывшейся вкладке браузера будет твиттер с новым дизайном.<\/p>\n
Со своим твитом не всегда срабатывает, зато переходит в новый дизайн, если использовать ссылку на этот твит. Более тщательные тесты показали, что это периодическое явление, которое трудно предсказать. Иногда может не срабатывать сразу, нужно просто попытаться на нескольких ссылках.<\/p>\n",
            "date_published": "2011-12-17T03:11:00+05:00",
            "date_modified": "2015-01-20T13:30:34+05:00",
            "_date_published_rfc2822": "Sat, 17 Dec 2011 03:11:00 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "203",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "202",
            "url": "https:\/\/stereomaster.ru\/?go=all\/ljogkijj-marafet\/",
            "title": "Лёгкий марафет",
            "content_html": "
Слегка навёл марафет блогу: больше акцента на содержимом и меньше — на всякой дополнительной информации. Лучше ли по-вашему стали читаться статьи?<\/p>\n
Какой шрифт вы вообще предпочитаете: когда всё набрано относительно мелким ариалом, зато нет ощущения размазанности текста<\/span> или крупную джорджию с приличными отступами и ощущением воздуха вокруг?<\/p>\n
Ещё бы с радостью избавился от облачка и свежих комментов в сайдбаре, оставив только минимум, но, к сожалению, они мне нужны. Не перевелось ещё стремление к минимализму на земле русской.<\/p>\n",
            "date_published": "2011-12-16T05:34:38+05:00",
            "date_modified": "2015-01-20T17:30:22+05:00",
            "_date_published_rfc2822": "Fri, 16 Dec 2011 05:34:38 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "202",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "189",
            "url": "https:\/\/stereomaster.ru\/?go=all\/zacenka-wm-d\/",
            "title": "Заценка WM-D",
            "content_html": "
\"\"<\/a><\/noindex><\/p>\n
Увидел в тви-ленте и не удержался, чтоб не ткнуть: домен-то заинтриговал. Ну и после увиденного ничего не могло меня остановить от этого обзора.<\/p>\n
И ничего общего с WebMoney сайт wm-d.ru<\/a><\/noindex> не имеет, это некая видео-дизайн-студия, которая занимается созданием роликов и сайтов. Ну, господа, в обзоре впервые в этом блоге будет присутствовать немного ненормативной лексики, потому сразу предупреждаю особо впечатлительных, если такие есть. Если всё ок, добро пожаловать под кат в царство тотального испещрения сего креатива.<\/p>\n
\"\"<\/a>
\nИ первое, что нас встречает — удивительной красоты уёбищности главная, в которой правая часть представляет из себя феерическое меню, с тёмно-красными пунктами, дополненными совершенно бессмысленными иллюстрациями.<\/p>\n
Ещё в глаза ярко-красным контуром бросается  чудовищный логотип, нарисованный за 5 минут с помощью случайного тыка пера фотошопа с добавлением пары текстур и градиентов. И ещё эффект фонового освещения, конечно. Свет в конце тоннеля.<\/p>\n
Следующая местная достопримечательность: ужасно анимированное меню, в котором при наведении курсора, название пункта появляется на отдельной рамочке и чуть приподнимается. Выглядит крайне тупо и криво, когда из-под него торчит исходное слово, скрывшееся сзади.<\/p>\n
\"\"<\/a>
\nОтдельно автору хочется посоветовать использовать поактивнее знаки препинания, помимо точки. Ну и про аббревиатуры почитать. ТВ-носители пишутся именно так, а не «тв носители».<\/p>\n
Продолжение главной страницы радует ещё больше: корявые куски описания рубрик, отсутствующие знаки препинания (аффтар, купи уже лицензию на Word и всё будет ок). Я уж молчу про тупейшие шрифты, выбранные для локализации шаблона. Но и это ещё не всё. Сайт определённо стоит того, чтоб понему погулять тем, кто давно не ревел от счастья кровавыми слезами.<\/p>\n
\"\"<\/a><\/p>\n
Следующий тотальнейший фейл, за которые надо отрывать руки дизайнерам — вот такой «рукописный» шрифт в подзаголовках и не только. Его прочесть в принципе невозможно.<\/p>\n
Чтоб найти следующий пиздец, далеко ходить не надо, достаточно перейти на страницу «Сайты». Там мы видим очередное творение десятилетнего быдлодизайнера — вращающиеся слайды. Ладно, если бы они имели какой-то смысл или эстетическую составляющую. Нет, это тупо перечисление того, чем занимается эта «студия», на одном фоне. Недоумение застыло в глазах с вопросом — нахрена это всё?<\/p>\n
\"\"<\/a><\/p>\n
Там же совершенно корявая колонка со стадиями производства заказа, нафиг нужно так тупо оформлять — загадка. Ну и в сааамом уголочке ссылка на «контакты» ещё одним уродливым шрифтецом, градиентом и картинкой. Пережиток web 0.5 beta.<\/p>\n
При загрузке этой странице аккурат под вертушкой появляется шедевр джава-скриптового мастерства: самопечатающаяся посимвольная строчка, которая вообще ни разу здесь ни к месту, но которая не может не броситься в глаза. Это пиздец, дорогие друзья.<\/p>\n
И вообще, издалека текст на этой картинке читается как «порносайт». Всё же суть от наших зорких глаз не скроешь.<\/p>\n
Ещё там есть «портфолио»: ролик-нарезка из заставок выдуманных передач, сделанные в 3D max с совершенно топорной физикой, но красивыми эффектами и текстурами, тем не менее. Хотя такое на ТВ никогда-никогда не появится. Только в свадебных роликах, да заставках «каналов» юзеров сайта «Старый телевизор».<\/p>\n
\"\"<\/a><\/p>\n
Ну и десерт,  который любезно нам оставил дизайнер, находится в очень неприметном месте: в чёрном блоке справа вверху «О студии».<\/p>\n
Надо отдать должное, такой фигни я ещё нигде не встречал: целая страница иероглифов, которые невозможно читать. Светлая голова чудо-дезигнера додумалась сделать этот блок на каждой странице, отдельным эффектом и разместить всё картинкой!<\/p>\n
Ах да, почерк автора — без запятых.<\/p>\n
Вердикт:<\/strong> такого выделанного под конфетку высера ещё надо отыскать. Я бы понял, если такой проект был бы просто сателлитом для раскрутки какого-то нормального портфолио, но здесь нет ни одной ссылки на левый ресурс, а такое «портфолио» для шелухи никто делать не станет. Школьный проект? Возможно. 2 \/ 10<\/strong><\/p>\n",
            "date_published": "2011-06-22T02:42:18+05:00",
            "date_modified": "2015-01-20T13:51:15+05:00",
            "_date_published_rfc2822": "Wed, 22 Jun 2011 02:42:18 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "189",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "181",
            "url": "https:\/\/stereomaster.ru\/?go=all\/sortirovka-v-html-spiskakh\/",
            "title": "Сортировка в HTML-списках",
            "content_html": "
\"\"<\/p>\n
Уверен, вам доводилось, заполняя анкету в какой-нибудь социальной сети или при заказе в интернет-магазине,  указывать страну или город своего проживания. На менее крупных сайтах обычно это делается обычным текстовым окошком, на крупных порталах вы вероятнее найдёте список всех стран, из которых надо выбрать. И хорошо, если выбор будет не более, чем из десятка альтернатив, иначе…<\/p>\n
Наступает страшное — нужно найти собственно то, что отметить. Тут два варианта: либо вы нажимаете на клавиатуре первую букву своего населённого пункта, либо ищете с помощью мышки.<\/p>\n
Суть проблемы в том, что список обычно установлен на пункте «Выберите страну». Вы беззаботно прокручиваете все 250 штук по алфавиту и видите, что вашей нет! Вы теряетесь в догадках и только потом до вас доходит, что заботливые программеры вынесли популярную страну на второй пункт списка, на самый верх!<\/strong><\/p>\n
Проблема некритична, но потерянные секунды тем не менее раздражают: теперь каждый раз, когда вы видите список, вы сначала смотрите, не вынесли ли вашу страну отдельным пунктом наверх, либо её нужно искать по алфавиту.<\/p>\n
Моё предлагаемое решение<\/strong> достаточно простое: не использовать<\/strong> этот пункт-заглушку «Выберите страну», а сразу ставить выделенной именно популярную, но так, чтоб она располагалась на своём месте в алфавите. Технически это реализовывается даже проще, чем вынесение нужной страны из алфавитного порядка наверх — достаточно просто в пункте<\/p>\n
<option value="ru">Россия<\/option><\/p>\n<\/blockquote>
дописать selected="selected" в тэг.<\/p>\n
Преимущества:<\/strong><\/p>\n