социальные сети, social

Вот, наконец, и закончил редизайн блога. В новом дизайне нет графических элементов. Все «изображения» выполнены при помощи html5 и css3. По данной причине, в старых версиях браузеров сайт отображается не корректно. Но я и не пытался сделать так, чтобы во всех браузерах новый дизайн выглядел корректно. Я считаю, что это тормозит прогресс. Пользователю достаточно лишь нажать кнопку обновить, чтобы скачать новую версию браузера. В свою очередь, пичканье дизайна графикой для корректного отображения в других браузерах, лишь увеличивает вес страницы, скорость загрузки, а так же потерю времени. Так что для себя решил так – если кому-то лень качать новую версию браузера – мне лень верстать под старые браузеры, придумывая костыли.

Автор: Легион

Просмотров: 439

дизайн блога, design

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

Я уже довольно продолжительное время не могу нормально работать, так как во время ответов на комментарии, или опубликования поста, постоянно замечаю что-то в дизайне, что хочется изменить.

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

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

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

Автор: Легион

Просмотров: 471

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

Недавно наткнулся на замечательный сайт. Чего в нем замечательного? Кто-то может ничего замечательного в нем не увидеть. Ничего экстраординарного нет ни в дизайне, ни в информации, которой и на русском-то нет. «Так чего же такого замечательного в этом сайте?» - подумает читатель. Но обо всем по порядку.

Просмотров: 2357

Итак, подхватываю эстафету от Наблюдателя – Дизайн блога – взгляд со стороны. К тому же, я очередной раз меняю дизайн своего блога.

Я менял дизайн блога раз пять (раз в два месяца), и всё потому, что мне дизайн не нравится – начинаешь с одного – заканчиваешь другим. Итак, в этот раз я решил задумку оформить до конца. Что же мне не нравится в своём дизайне?

Итак, я всегда рисовал дизайн сам, и ни разу не брал бесплатную тему. Причина, по которой мне не нравился мой дизайн, заключается в лени. Именно в ней. Имеешь в голове картину, начинаешь её рисовать. Нарисовав какую-то часть – лень дальше тратить время, и по этой причине начинаешь делать наброски, не акцентируясь на мелочах, а так – лишь бы окончить рисование. Дальше, благодаря лени, брался стандартный шаблон с html и css, и просто подгонялся под свои нужды. Только дизайн, который на данный момент, рисовался и верстался с нуля… Ну, или почти с нуля. Css лишь редактировался.

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

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

К тому же, думаю сменить систему опросов Реформал (слева вкладка «Оставьте свой отзыв»), на «Feedback 2.0». В отличии от «Реформала», данная система устанавливается на хостинг, и хранит данные в базе данных. В «Реформале» скрипт работает со своего сервера, и хранит всё в своей базе данных. Pro версия, которую можно установить на хостинг, стоит 100$ в месяц. Конечно, сам реформал выглядит красивее, но тем не менее. Итак, прошу читателей моего блога оставить отзыв, использовать Реформал или Feedback  2.0.

Так же решил изменить иконки подписки. Сейчас они достаточно маленькие и незаметные. Это же касается и подписки на RSS. Сейчас она находится в шапке, но достаточно высоко, и некоторые пользователи её просто не замечают.

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

Новый дизайн будет верстаться с помощью смешанной верстки, то есть, с использованием Div’ов и таблиц. Решил написать код, который устроит валидатор. Тем не менее, на валидатор особого внимания обращать не буду, так как он некорректно отображает некоторые теги. К тому же, валидатор css ругается, например на код, которого нет во второй спецификации, но используется в третьей.

Новый шаблон не будет резиновым, так как я изменил отношение к резиновому макету. Случилось это после того, как я увидел свой дизайн на 22 дюймовом мониторе.

Изменения повлияют и на отображение ссылок, и самого текста.

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

Жду ваших предложений.

Передаю эстафету:

• 9SEO
• Игорю, и его  Острову мыслей
• Котику

Просмотров: 994

Наконец, немного дошли руки до блога. Решил немного поменять формат, и заодно сделать пару изменений.

В связи с изменением пересчёта PR Google'a, заключил всё меню навигации в тег nofollow, чтобы основная страница не передавала вес ненужным страницам. В связи с этим решил переделать меню навигации. Теперь навигация будет написана при помощи CSS и HTML. Так как в JS мне не удалось закрыть ссылки тегами noindex и nofollow, а учитывая то, что Google отлично стал индексировать JS - PR перетекает на другие страницы. Ссылки комментаторов и блогролл остаются без изменений. Так же все счётчики закрыл данными тегами. В noindex они были заключены, но nofollow не ставил. Теперь пришла пора закрывать данные ссылки. Облако тегов пока менять убирать не стану, хотя это одна из причин нулевых показателей PR.

Наконец я создал robots.txt для своего блога. В данном вайле закрыл доступ поисковикам на их любимые файлы... одним из которых были bb-код. Теперь всё, кроме контента закрыто. К тому же закрыл возможность индексировать новость для печати, а так же ненужные разделы, типа статистики и форму обратной связи.

Просмотров: 1076

Сегодня я продолжу серию статей о создании сайта.

Мы уже обсуждали вопросы Создание сайта. Первые шаги, Создание сайта. Установка на локальный сервер, Создание сайта. Установка на хостинг.

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

Для создания сайта нам понадобятся графический редактор, HTML-редактор и хотя бы бызовое знание .html и .css.

Сразу скажу, что не зная основ .html и .css вы не сможете верстать дизайн.

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

Итак, возьмем такой вот дизайн.

Просмотров: 12388

Сегодня выношу на обсуждение наброски дизайна для будущего блога «Другие Берега», который мы будем вести в соавторстве со Скруджем. Как и говорил, блог будет посвящен мыслям вслух. О том, что творится в мире, вокруг нас, к наших головах, сердцах.

Итак начнем обсуждение дизайна. Вид блога решил сделать в виде планшета, лежащего на берегу моря. Хотел сделать в футере волны, но не знаю, как это реализовать, чтобы одинаково смотрелось на разных мониторах, т.к. данная часть дизайна резиновая. Одинаковыми частями сделать не удастся, т.к. это будет не правдоподобно. Поэтому, данную идею пока отложил. Как будет возможность – отредактирую шаблон. В качестве логотипа будет изображение ночного моря и маяка, свет от которого завёт в «Другие Берега», как бы вырывая человека из темноты. Это лишь набросок. Думаю, подредактировать его, добавив немного мелочей. Возможно, даже сделать в качестве фотографии, лежащей на планшете.

Просмотров: 1502

Вот и обновил дизайн блога. Не всё получилось, как хотел, и этому много причин. Начну по порядку.

В самом начале была концепция стола с аксессуарами, но в отличии от того, что получилось, все должно было быть под углом. С данной идеей пришлось распрощаться, т.к. были бы проблемы с отображением текста. Текс ровный, а на блокноте или стикере под углом он бы смотрелся не реально. Возможно, это можно было обойти с помощью CSS, по типу градиента с помощью CSS, т.е. чтобы текст с каждой строкой становился больше. Но и тут начинаются проблемы. Во-первых, само изображение блокнота под углом выглядит по другому, конкретнее, верх узкий, низ широкий. В этом случае пришлось бы делать фиксированную высоту. В итоге, для одних статей места не хватает, для других наоборот – куча лишнего места. Тоже самое касается и шрифта, даже если сделать рост каждой строчки в один пиксель, то что мы получим на сороковой строчке, учитывая рост с 12 пикселей? Это не есть хорошо, и пришлось отказаться от данной задумки.

Просмотров: 1021

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

Новый шаблон будет одинаково смотреться во всех браузерах с любым разрешением экрана (разве что кроме 800*600). Сейчас работаю над оптимизацией кода. Не смотря на большое количество JS, код нового шаблона уже в три раза меньше нынешнего. Только вот благодаря изображениям сайт будет весить чуть больше нынешнего.

Для оптимизации изображений нашёл интересный способ, как заставить .png весить практически так же, как .gif. О данном способе и о разнице между использованием этих двух форматов мы поговорим в следующих статьях. Решил сделать полное описание создания сайта. Буду описывать всё: рисование дизайна, верстка нарисованного дизайна, настройка сервера, установка движка. В общем описание будет от "а" до "я". Осталось выбрать на каком скрипте будем строить наш сайт. Проблема в том, что несмотря на стандартные правила вёрстки, все-таки небольшая разница в зависимости от движка есть. Поэтому предлагаю вам выбрать, какой скрипт вас интересует. Пожелания оставляем в комментариях.

• бюро устных переводов

Просмотров: 1399