Subscribe to RSS feed اشترك في آر إس إس or أو follow me يتبعني on 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. رمز كان مضغوط للغاية والقبيح وفقا لمعايير المغلق المبرمجون.
Enter TechZilo version 3, aka T3. I started out with the name TechZilo_v3, but that seemed too long. دخول TechZilo الإصدار 3 ، ويعرف أيضا باسم T3. أنني بدأت مع 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 سيو
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. كبار المسئولين الاقتصاديين قد تحسنت ، على الرغم من أن موضوع السابقة كانت جيدة جدا في هذا الجانب أيضا. There are fewer stray links (like those for categories) and no bloated sitewide sidebar links. هناك عدد أقل من الروابط الضالة (مثل تلك التي لفئات) وجود صلات المتضخمة sitewide الشريط الجانبي. 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 آر إس إس or أو email subscription الاشتراك في البريد الإلكتروني 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 هو أسلوب الجمع بين أكثر من الصور (باستثناء تكرار الخلفيات) في عملية واحدة ، صورة كبيرة ، ومن ثم استخدام المغلق للسيطرة على جزء من الصورة ليتم عرضها. 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”. ومع ذلك ، سوف تستخدم موضوع عادي وربما طردهم مع الفكر "مجموعات مثل تصميم". With sprites and CSS, I have (hopefully) achieved the best of both worlds. مع العفاريت والمغلق ، ولدي (أمل) وحققت أفضل من كلا العالمين.
Feed Subscription area تغذية منطقة الاشتراك 
Feed subscription areas are often bland, with a link to RSS, an email subscription form and perhaps a chicklet. تغذية المناطق الاشتراك في كثير من الأحيان لطيف ، مع وصلة لآر إس إس ، بريد إلكتروني الاشتراك في شكل وربما 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. هناك المساعد المواضيع المتشابهه التي يمكنك استرداد العد تغذية في النص العادي واستخدام المغلق لنمط من حوله ، ولكن معظم بلوق تسوية لخلفية متدرجة ، رمز آر إس إس والفرز في النص وضوحا.
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. لننظر حولنا.
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. نقد والاقتراحات للتحسين هي أيضا موضع ترحيب.
Related reading قراءة كلمات
- TechZilo is changing…..or should it? TechZilo يتغير..... أو ينبغي ذلك؟
- Get free technology help at TechZilo forum الحصول على مساعدة مجانية التكنولوجيا في منتدى TechZilo
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. انه شعور ضوء نظيفة على الرغم من أنني لم يعجبها نظام الألوان لالحاجيات العمود الأيمن.
As I told you earlier, I just love the new design. كما قلت لك سابقا ، فأنا أحب التصميم الجديد.
Looks pretty nice, I like the colors you are using too. تبدو لطيفة وجميلة ، وأنا أحب الألوان تستخدمه ايضا.
cool redesign….specially feed subscription area looks great. إعادة تصميم بارد.... خصيصا لتغذية منطقة الاشتراك تبدو كبيرة.
Liked the layout very much and I don't have complaints on the logo; looks clean. أعجبتني كثيرا تخطيط وليس لدي شكوى على شعار ؛ تبدو نظيفة.
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 أيضا تغيير في الخط أمر مرغوب فيه ، الخط الحالي جريئة لا أن مزيج جيد
T3 version is better than before(the older theme loads slower). الإصدار T3 هو أفضل من ذي قبل (القديمة الأحمال موضوع أبطأ).
@all: Thanks for your replies, will help me in minor changes. @ جميع : شكرا لجهودكم الردود ، وسوف يساعدني في إجراء تغييرات طفيفة.
@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. كما للخط ، لقد استعملت سدا الخيارين -- اعتقد ان الوقت قد حان للعودة إلى Verdana. But it isn't bold – maybe you're using Safari and it screws up the font. ولكنها ليست جريئة -- ربما كنت تستخدم سفاري ومسامير يصل الخط. Hmm…. هم....
I like the new design. أنا أحب التصميم الجديد. Good job. وظيفة جيدة.
The design look nice. تصميم تبدو لطيفة. I think you should include some more things in your sidebar. أعتقد أنك يجب أن تشمل بعض الامور اكثر في الشريط الجانبي الخاص بك.
@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. @ مادهور : أنا أحاول أن تبقي الجانبية مرتب ، وذلك لأن 3col تخطيطات مع المضمون في الكثير من التعليقات الجانبية يمكن أن يجعلها تبدو مشغولة جدا. But I'll be adding a few images with links to popular posts (like those by Skelliewag.org). ولكن سأكون إضافة عدد قليل من الصور مع وصلات إلى شعبية وظيفة (مثل تلك التي Skelliewag.org).
New design is cool and calm… add some more stuff to sidebars تصميم جديد هو بارد وهادئ... إضافة إلى بعض الاشياء اكثر الجانبية
Nice redesign. إعادة تصميم نيس.
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 نافين