TechZilo gets a redesign: T3 TechZilo получает Редизайн: T3

ADVERTISEMENT РЕКЛАМА
To get our software and web/tips via email, sign up for Чтобы получить наше программное обеспечение и веб / советы по электронной почте, подпишитесь на daily email newsletter Ежедневный электронный бюллетень . .
Subscribe to RSS feed Подписаться на RSS-канал or или follow me Follow Me on Twitter? на Twitter?

It has been nearly a year since I did a genuine redesign of this blog. Прошел почти год с тех пор я подлинного редизайн этого блога. I say 'genuine', because there has been cosmetic changes twice since, but the basic structure and framework was largely left untouched. Я говорю "подлинных", потому что был дважды косметических изменений, поскольку, но основная структура и основа в основном остались нетронутыми.

Needless to say, I coded that theme at a time when my knowledge of coding was paltry. Само собой разумеется, я закодированы, что тема в то время, когда мои знания кодирования была ничтожной. Every time I tried to change something or add some elements to the theme, I felt restrained because the underlying code was not good enough. Каждый раз, когда я пыталась что-то изменить или добавить некоторые элементы в теме, я чувствовал сдержанным, поскольку исходный код не был достаточно хорош. I did not use a reset in the previous theme (resulting in IE bugs which was fixed painfully by hand), grid concept or any other nitpicks that help in modifying the theme. Я не использовал сброс в предыдущей темы (в результате Е. ошибок, которые больно было зафиксировано от руки), концепция сети или любым другим nitpicks, которые помогают в изменении темы. The code was highly compressed and ugly by the standards of CSS coders. Код был сжатым и уродливые по стандартам кодеры CSS.

Enter TechZilo version 3, aka T3. I started out with the name TechZilo_v3, but that seemed too long. Введите TechZilo версии 3, ака Т3. Я начал с именем TechZilo_v3, но это показалось слишком долгим. Plus, I am a fan of the Terminator movie series. Плюс, я являюсь поклонником серии фильма Терминатор.

The redesign Редизайн

Logo Логотип
Simply put, the logo holds back the design. Проще говоря, логотип сдерживает дизайн. I like the font, but it needs sprucing up. Мне нравится шрифт, но он нуждается помогут навести блеск на. I have always been terrible at vector art, so it does not come as a surprise that the logo is not good. Я всегда был ужасен в векторную графику, так что это не сюрприз, что логотип не хорошо. I will probably hire a logo designer in the near future, for a proper logo. Я, вероятно, нанимать дизайнера в ближайшем будущем, для надлежащего логотип.

SEO SEO
Needless to say, the new theme has better code under the hood. Само собой разумеется, что новая тема имеет лучший код под капотом. SEO has been improved, though the previous theme was quite good in that aspect too. SEO улучшилось, хотя предыдущие темы был довольно хорош в этом плане тоже. There are fewer stray links (like those for categories) and no bloated sitewide sidebar links. Есть меньше бродячих ссылки (как для тех категорий) и не раздутый всему сайту Ссылки боковой панели. There are a few other tricks that I used, about which I will be writing on Есть несколько других приемов, которые я использовал, о которых я буду писать о Blog Creativity Блог творчества in future (subscribe to BlogCreativity В будущем (подписаться на BlogCreativity RSS feed RSS подача or или email subscription Email подписка so that you won't miss it). так что вы не пропустите его).

Optimization Оптимизация
Though I used images liberally, I did not want to make the theme bloated. Хотя я использовал изображения либеральной, я не хочу, чтобы тема раздутой.
Enter spriting. Spriting is a technique to combine most of the images(except repeating backgrounds) into a single, large image, and then using CSS to control the part of the image to be displayed. Введите spriting. Spriting это техника объединить большую часть изображения (за исключением повторяющихся фонов) в один большой образ, а затем с помощью CSS для управления частью изображения, которое будет отображаться. It basically reduces file requests to the server, resulting in less load on the server, and faster page loading for the blog. Он основном сводится файла запросов к серверу, в результате меньшей нагрузки на сервер, а также ускорить загрузку страницы блога. This is important because search and social media traffic, two of my better sources, are typically impatient and would do well with quick-loading designs. Это важно, поскольку поиск и социальные движения средств массовой информации, два моих лучшего источников, как правило, нетерпеливы и будет делать так с быстрой загрузкой конструкций. However, using a plain theme would probably drive them away with the thought “Google-like design”. Однако, используя простую тему, вероятно, отогнать их с мыслью, "Google-подобный дизайн". With sprites and CSS, I have (hopefully) achieved the best of both worlds. С спрайты и CSS, у меня (надеюсь) достигнуто лучшее из обоих миров.

ADVERTISEMENT РЕКЛАМА

Feed Subscription area Feed подписка области
TechZilo старый дизайн Feed subscription areas are often bland, with a link to RSS, an email subscription form and perhaps a chicklet. Районы канала для подписки часто мягкий, со ссылкой на RSS, Email форму подписки и, возможно, chicklet. All blogs have one, and visitors are slowly ignoring them much like ads (visitors who do not know/use subscriptions, that is). Все блоги есть, и посетители медленно игнорируя их так же, как рекламу (посетители, которые не знают / использовать подписку, то есть). There is a Feedcount plugin with which you can retrieve feed count in plain text and use CSS to style around it, but most blogs settle for a gradient background, an RSS icon and the feed count in visible text. Существует FeedCount плагина с помощью которого можно получить кол-канал в текстовом формате и использованием CSS стиля вокруг него, но большинство блогов решить для градиентного фона, значок RSS и кормить кол в видимом тексте.

With this new theme, I wanted something that was eye-catching and different from the rest of the crowd. С этой новой теме, я хотел что-то привлекательным и отличается от остальной толпы. You can see the new theme's feed subscription area on the right. Вы можете просмотреть канал подписки новые темы площадь справа. Unlike most other designs which might have used 6 or more images for it, I used a single image for the backgrounds, and a chicklet. В отличие от большинства других конструкций, которые могли бы использоваться более 6 или изображений для этого, я использовал одно изображение для фона, а chicklet. Optimization can never be forgotten in the midst of eye-candy, after all. Оптимизация никогда не может быть забыто в среде глаз-конфеты, в конце концов.

Visual comparison of new and old designs Визуальное сравнение старого и нового дизайна

What is a new design without a comparison of the new and old? Что представляет собой новую конструкцию без сравнение нового и старого? The first image below is the older, now-retired design, and the second image is the new design. Первое изображение ниже старого, ныне в отставке дизайн, а второе изображение с новым дизайном. If you are reading this from your feed reader or inbox, you can Если вы читаете это от вашего читателя кормов или почтовый ящик, вы можете click through Просмотрите to look around. осмотреться.

TechZilo старый дизайн
TechZilo новый дизайн

What is your opinion about the new theme? Каково ваше мнение о новой теме? Did you like the various elements of this design? Понравилась ли Вам различные элементы этой конструкции? Do let me know your opinions, via comments. Дайте мне знать ваши мнения, через комментарии. Critique and suggestions for improvement are also welcome. Критика и предложения по улучшению, также приветствуется.

To get our latest articles, Чтобы получать наши последние статьи, click here to sign up Нажмите здесь, чтобы подписать вверх for our free email newsletter or subscribe to на нашу бесплатную рассылку электронной почты или подписаться на RSS feed RSS подача

§ Comments § Комментариев
  • Khürt Williams says: ХА ¼ РТ Уильямс говорит:

    Personally I like th old design. Лично я, как я старый дизайн. It had a light clean feeling although I did not like the color scheme for the right column widgets. Он имел в свете чистого чувства, хотя мне не нравится цветовая схема для правой колонки виджеты.

  • Shankar Ganesh says: Шанкар Ганеш говорит:

    As I told you earlier, I just love the new design. Как я уже говорил ранее, я просто люблю с новым дизайном. :)

  • Keith Dsouza says: Кейт Dsouza говорит:

    Looks pretty nice, I like the colors you are using too. Выглядит очень приятно, я хотел цвета, которые вы используете слишком.

  • abhishek says: Abhishek говорит:

    cool redesign….specially feed subscription area looks great. Редизайн прохладно .... специально кормить подписки область выглядит здорово.

  • Venu says: Веня говорит:

    Liked the layout very much and I don't have complaints on the logo; looks clean. Liked макет очень много, и у меня нет жалоб на логотип; выглядит чистым.

    You might want the change the background of the page, it seems to blend with the header and looks little odd. Вы можете изменить цвет фона страницы, кажется, смешать с заголовком и выглядит немного странно. Also change in the font is desirable, the current bold font doesn't blend that well Кроме того, изменения шрифтов является желательным, текущий полужирным шрифтом не смесь, которая хорошо :)

  • Technoraz says: Technoraz говорит:

    T3 version is better than before(the older theme loads slower). T3 версию лучше, чем раньше (взрослые нагрузки тем медленнее).

  • Sumesh says: Sumesh говорит:

    @all: Thanks for your replies, will help me in minor changes. @ All: Спасибо за ваши ответы, поможет мне в незначительных изменений.

    @Khurt: Design is a subjective matter, and I guess not everyone would like the three column layout. @ Khurt: Дизайн субъективный вопрос, и я думаю, не все хотели бы, чтобы три колонки макет. But for me, switching to 3col was the only way to keep feed and advertising sections on top, and above the fold. Но для меня, переход на 3col было единственным способом сохранить кормов и рекламных разделов на вершине, и выше раза.

    @Abhishek: Thanks @ Абхишек: Спасибо :)

    @Venu: Glad that you liked the logo. @ Вене: рад, что вам понравился логотип. As for the page, I want it to blend in and let only page content stand out. Что касается страницы, я хочу, чтобы вписаться в и пусть только содержание страницы выделяются. As for the font, I've used Lucida variants – I guess it is time to revert to Verdana. Что касается шрифтов, я использовал Lucida вариантах - Я думаю, настало время вернуться к симпатичнее. But it isn't bold – maybe you're using Safari and it screws up the font. Но это не смелый - может быть, вы используете Safari и винтов до шрифта. Hmm…. Хм ....

  • Binny VA says: Binny В. говорит:

    I like the new design. Мне нравится новый дизайн. Good job. Хорошая работа.

  • Madhur Kapoor says: Мадхур Капур говорит:

    The design look nice. Дизайн хорошо выглядеть. I think you should include some more things in your sidebar. Я думаю, вам следует включить еще несколько вещей на боковой панели.

  • Sumesh says: Sumesh говорит:

    @Binny & Madhur: Thanks for your reassurances, guys. @ Binny & Мадхур: Спасибо за ваши заверения, ребята. I think most of you have liked this design, so it is a success. Я думаю, что большинство из вас понравился этот дизайн, так что это успех. After all, no design can please everyone. В конце концов, нет дизайна может угодить всем.

    @Madhur: I try to keep the sidebars uncluttered, because 3col layouts with too much content in sidebars can make it look very busy. @ Мадхур: Я стараюсь держать Sidebars незагроможденный, потому 3col макеты со слишком большим содержанием в боковую панель можно, чтобы он выглядел очень занят. But I'll be adding a few images with links to popular posts (like those by Skelliewag.org). Но я буду добавить несколько изображений со ссылками на популярных постов (как и по Skelliewag.org).

  • Davinder says: Давиндер говорит:

    New design is cool and calm… add some more stuff to sidebars Новый дизайн прохладно и спокойно ... добавить еще некоторые вещи для боковых панелей :)

  • Myo Kyaw Htun says: Мьо Чжо Тун говорит:

    Nice redesign. Nice редизайн.

  • Navin Poeran says: Навин Poeran говорит:

    Hi, Привет,
    I really like this design. Мне очень нравится этот дизайн. This T3 design. Это T3 дизайн. Is there a way I could get a copy from you? Есть, как я смог получить копию от вас? I would love to use it for my own blog, after translating the template into Dutch, of course I would then leave the credits in the footer. Мне очень хотелось бы использовать ее для своего блога, после перевода на голландский язык шаблонов, конечно, я бы тогда оставить кредитов в конце страницы.

    Please write me back and tell me what you think. Пожалуйста, напишите мне и скажите, что вы думаете.

    Navin Навин

  • § Leave a Reply § Написать ответ