Категория: Дизайн

В эту рубрику входит всё, что связано с дизайном.

Редактируем тему

Бесплатные шаблоны для WP в большинстве случаев требуют редактирования и локализации, чтоб автора блога не упрекали в лени и невежестве. Да и всегда приятно самому сидеть на действительно Русской теме. Так и в моём случае: англоязычный шаблон приходилось подгонять под особенности великого и могучего.

Вот небольшая демонстрация изменений темы:

Если не описывать конкретные изменения в CSS: подгонка цветов, убирание богоненавистного transform:capitalize; и работа с отступами, вот всё, что было проведено.

Теперь к интересной части — плагинам.

Антиспам

Поскольку по непонятным причинам после ухода от старой темы WP-Spamfree перестал справляться со спамом, пришлось попробовать другой. Раз Akismet уже был установлен по умолчанию, воспользовался им и пока не особо жалею: спама не так много проходит.

Безопасность

Тут изменений никаких не было изначально: WP Security Scan, Anti-XSS Attack работают неплохо. Первый — помогает найти дыры в безопасности, как слабый пароль, логин и подобные дела. Второй предотвращает возможность введения кода со сторонних сайтов, тоже нужная вещь.

Если кто в твиттере сидит, вчера, наверное, видели последствия обнаружения там XSS, на своём блоге я также не хочу ;)

Оформление

Самое сладкое, пожалуй.

Читать далее

Визуальный редактор. Ландшафтный, лёгкий · интеллектуальный.

Совершенно случайно просматривал интернет в поисках чего-нибудь полезного. И ведь нашёл.

Перед вами небольшой виджет, который вполне можно применять на практике — на сайтах и форумах — визуальный редактор. Почти как встроенный в админке вордпресса.

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

Также можно настроить свою панельку — вычеркнув ненужное, либо наоборот, добавив.

Сама работа с редактором интуитивно проста: форматировать текст можно как кнопками панельки, так и горячими клавишами (ну кто не знает про ctrl+b?). Создание таблиц и вставка картинок сделаны также хорошо — появляется окошко, в которое можно ввести необходимые параметры.

Если что-то неустраивает, можно перейти в режим исходного кода (левая верхняя кнопка) и поправить всё в html.

К сожалению, пока не смог разобраться, можно ли заменить html на bb-коды, но будем ждать некой новой версии, которую разработчики обещают 10 июля уже.

Визуальный редактор распространяется бесплатно по лицензии MIT и GPL2

Скачать его можно здесь: http://redactor.imperavi.ru/

p.s. Жаль, что там пока нету популярной тулзы — типографа :)


Постовой:

Любители покера будут приятно удивлены бездепозитными бонусами от пати покер — популярного и достойного покер-рума.

Какой поиск нужен

В предыдущей заметке я писал  о том, как хорошо бы делать описания в мета-тегах. Выложили файл с музыкой от «Massive Attack» — укажите, что это главная тема из «Доктора Хауса». Залили картинку «Безмятежность»? Напишите, что это основной фон рабочего стола XP.

Данная заметка — развитие предыдущей.

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

А если мне захочется шаблон для WP с рисунком неба? Безусловно, яндекс выдаст мне горстку сайтов с шаблонами для WP, перебирать которые устанешь.

Моя же идея не нова: делать картинки/скриншоты с ключевиками и описанием. В этом случае они вероятнее появятся в поиске по картинкам и будет легче и нагляднее отыскать нужное: приметил из выдачи интересные экземпляры и перешёл на сайт.

Ещё раз, кратко: некоторые вещи найти гораздо проще визуально — с помощью картинок. Используйте преимущества поиска по изображениям.

Напомню, что описания в картинке нужно делать в тэге <img src=»адрес картинки» title=»текст всплывающей подсказки» alt=»текст, который будет отображаться при отключенных картинках» />

Очеловечивание

Обещанный пост, в котором укажу на мелочи, присущие достаточно большой части по крайней мере вордпрессовых блогов.

Мы уже давно вошли в эру, когда компьютер должен приобретать человеческие очертания, чтобы быть более привычным и лояльным к нам. Быть может уже скоро появится машина, пройдущая тест Тьюринга (кто не в курсе, это тест для искуственного интеллекта — если человек не сможет такой отличить от машины, тест считается пройденным). Но пока подготовимся к её прибытию :)

Даты

Главная промашка в некоторых движках и темах — роботизированность дат. Вроде б такая мелочь, жить особо не мешает, но если стремиться к идеалу, то её придётся устранять. Вот пример:

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

К слову, на моём блоге дата тоже имеет странноватый формат, но это вызвано происхождением шаблона и не представляется возможным пока это поправить, но всему своё время, до конца света может и успею.

Читать далее

Дизайн блогов

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

На сайте может не быть картинок, эффектов javascript, но у него тем не менее может быть отличный дизайн. Минимализм, может и не в особом почёте в блогах и большинстве сайтов, но положительная сторона у него есть: по определению он не предоставляет никакой лишней информации. Только самое нужное.

Если не брать во внимание всякие навороты, у меня есть  вопрос к большинству блоггеров: почему они не думают о какой-то уникализации блога и возможности сделать его более читабельным и приятным?

Ведь есть же что-то лишнее в блоге. Что-то делающее его менее душевным. Что-то такое, что сливает его с остальными.

Попробуйте найти в своих блогах любые элементы, без которых блог будет жить и без которых он станет лучше. Попробуйте сделать так, чтоб блог стал чуть краше, быстрее и удобнее. В следующем посте я дам несколько советов, о некоторых из них я упоминал частенько и ранее.

Постовые:

Увеличение продаж для украинцев с помощью наружной рекламы в Киеве — правильный шаг на пути становления бизнеса. Для российских предпринимателей же предлагаем другой вариант: продвижение сайта в городе Москва, увеличиваем обороты с помощью всемирной сети.

Favicon

Нужен фавайкон для сайта? Забудьте вы о фавайкон.ру. Сервис — говно. Мало того, что жутко тормозит, так он не смог и уже готовую иконку из гифа сконвертить нормально. Выдал какую-то размазанную ерунду.

Немного поисков привели меня к более интересному сайту: http://www.html-kit.com/favicon/

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

Также работает пошустрее нашего русского аналога и скидывает всё, что наработали в единый архив, что проще, чем скачивать все иконки по-отдельности. Хоть сервис и на английском, разобраться можно без труда (хотя без знания инглиша сейчас никуда).

Для сравнения:

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

От перемены мест слагаемых…

Этот закон работает только в математике, но не в русском языке.

Гулял по городу и над входом в книжный магазин заметил вывеску «Пожалуйста, заходите!». Ошибка дизайнера в том, что такое предложение звучит скорее как мольба о помощи («Пожалуйста, пода-а-айте на пропитание!»), чем вежливое приглашение.

Лучше написать «Заходите, пожалуйста!».