نوشته شده توسط : طراحی سایت

تازه های ژانویه 2014 برای طراحان و برنامه نویسان وب سایت شامل برنامه های وب جدید, پلاگین های JQuery و منابع جاوا اسکریپت, ابزارهای توسعه و برنامه نویسی وب, منابع طراحی سایت ریسپانسیو و موبایل, ابزارهای مرتبط, منابع کد نویسی, و فونت های جدید عالی می باشد.

برخی از منابع زیر رایگان می باشند و برخی شامل هزینه هستند, و این ابزارها منابع مفیدی برای طراحان و برنامه نویسان وب سایت می باشند.

در صورتی که موردی از قلم افتاده می توانید در بخش نظرات پایین صفحه اعلام نمایید. و در صورتی که می خواهد در جریان تازه های طراحی وب سایت قرار بگیرید صفحه رسمی دارکوب در فیس بوک را لایک نمایید.

 

Duo

Duo مرورگری برای تست وب سایت های ریسپانسیو (سازگار شده با مرورگر موبایل) می باشد. و به صورت وب بیس و همچنین قابل نصب بر روی سیستم های مک موجود است.

 
 

 

TimeTracker

TimeTracker نرم افزار محاسبه گر زمان می باشد که به طور اتوماتیک زمان بندی می نماید, ابزار آنالیز در زمان, و سایر موارد را دارا می باشد. حساب کاربری رایگان اولیه با Adobe CS/CC کار می نماید, در صورتی که حساب های ارتقاء یافته آن با سایر نرم افزارها سازگاری کامل دارد.

 
 

 

Coment.me

Coment.me به کاربر امکان اضافه نموده سیستم نظرات را بر روی هر آدرسی می دهد. کافی است آدرس وب سایت را وارد نموده, و عرض صفحه ای که قصد دارید باز گردانده شود را معین نمایید, و سپس نظر بگذارید, بکشید, و یا هر کاری که احتیاج دارید قبل از به اشتراک گذاری انجام دهید.

 
 

 

Adaptive Backgrounds

Adaptive Backgrounds یک پلاگین JQuery برای گرفتن رنگ از یک تصویر و قرار دادن رنگ پس زمینه همان بخش از همان رنگ می باشد. و سازگار سازی تصویر پس زمینه را با رنگ پس زمینه آسان می سازد.

 
 

 

Layrs Control

Layrs Control ابزار رایگان فتوشاپ برای بهتر نمودن محیط کار شما می باشد. شما می توانید نام لایه ها را ویرایش نمایید, افکت های بی کاربرد را حذف نمایید, لایه های خالی را حذف نمایید, و شامل امکانات مختلفی می باشد.

 
 

 

Typing.io

Typing.io تمرین تایپ کردن ویژه برنامه نویسان وب می باشد, که به کاربر امکان مدیریت کاراکترهایی را که در محیط های معمولی نمایش داده نمی شوند را می دهد.

 
 
 

Passweird

Passweird سیستم ایجاد رمز می باشد که به شما امکان ایجاد رمزهایی را می دهد که هیچ کس قادر به حدث زدن آن نیست..

 
 
 

Origami

Origami ابزاری برای ایجاد پروتوتایپ ها می باشد. و به شما قابلیت ایجاد پروتوتایپ ها را می دهد, بدون نیاز به برنامه نویسی.

 
 

 

Myth

Myth ابزار نوشتن CSS می باشد که به شما امکان کد کردن کدهای CSS بدون نگرانی از پشتیبانی مرورگرهای مختلف را می دهد.

منبع:

http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/831-2014-web-designer-trends.html



:: برچسب‌ها: طراحی سایت , طراحی وب سایت , طراحی , طراحی وب , طراحان وب , طراحان سایت , طراح وب ,
:: بازدید از این مطلب : 617
|
امتیاز مطلب : 3
|
تعداد امتیازدهندگان : 1
|
مجموع امتیاز : 1
تاریخ انتشار : چهار شنبه 2 بهمن 1392 | نظرات ()
نوشته شده توسط : طراحی سایت
 

محتوای سودمند به محتوایی می گویند که مشتریان شما واقعا به آن احتیاج دارند. و این مورد برای کاربران موبایلی وب سایت بسیار مهمتر است.

موضوع محتوا بستگی به شرایط دارد و کارفرمای شما به آن احتیاج دارد و شما آن را برایشان فراهم می نمایید. متن سودمند به متنی می گویند که اکثرا کاربران موبایل شما به آن احتیاج دارند و الیته برای کاربران کامپیوترهای معمولی مناسب باشد.

این اطلاعات را جلوی دید بگذارید:

  • شماره تلفن
  • منوها
  • ساعات کاری
  • مواردی که مشتریان شما نیاز دارند در مورد شما بدانند
  • لینک به فرم سفارش

زمانی که شخصی سوالی دارد و یا قصد دارد خواسته ای را مطرح نماید، ممکن است از طریق تبلت و یا موبایل این کار انجام شود. آیا شما قادر به راهنمایی فرد هستید؟

شما یک مشتری عالی دارید. مشتریان شما را دوست دارند و شما نیز همینطور. ایشان به شما مراجعه می نمایند چون شما را به عنوان یک متخصص قبول دارند.

آیا به این دلیل است که شما یک لوگو با طراحی مناسب دارید؟ آیا به این دلیل است که شما هزینه های بسیاری بابت تبلیغات می پردازید؟ البته که نه. زیرا شما مشکلی که ایشان دارند را حل می نمایید.

چگونه قصد دارید مشتریان جدیدی جذب نمایید؟ تبلیغات؟ طراحی لوگوی جدید؟ البته که انجام این موارد به تقویت برند شما کمک می نماید. اما، آیا انجام این کارها منجر به جلو افتادن شما از رقبا می شود؟

چیزی که باعث جذب مشتریان جدید می شود مواردی است که باعث آسان تر شدن زندگی شان می شود. مطالبی است که سایر کاربران آن را دوست دارند و به اشتراک می گذارند.

این زمانی است که محتوای سودمند نقش خود را بازی می نماید. محتوایی که مشکلات کاربران و مشتریان را حل می نماید و در ازای آن هیچ انتظاری ندارد. به عنوان مثال برای شما چند مثال از محتوای سودمند می آورم:

  • یک ویدئو در مورد نگهداری از گل ارکیده
  • یک مطلب در مورد آماده سازی خانه برای زمستان
  • یک محاسبه گر و مبدل رهن خانه

و این موارد محتوای سودمند نیستند:

  • یک تبلیغ برای نگهداری از ارکیده
  • تبلیغ عایق سازی لوله ها در تلویزیون
  • ارسال پیغام گروهی به کاربران در LinkedIn در مورد پایین بودن نرخ ها

در مورد تماس هایی که روزانه دارید فکر نمایید و یا ایمیل هایی که روزانه به آن پاسخ می دهید. چه سوالاتی معمولا توسط مشتریان شما پرسیده می شود؟ آیا می توانید پاسخ به سوالات آنان را در قالب یک ویدئو و یا مطلب در سایت قرار دهید. محتوای سودمند موردی است که شما را از موارد آزار دهنده متمایز می سازد. و باعث می شود شما به عنوان منبعی شناخته شوید که مشتریان شما آن را به اشتراک می گذارند. مخصوصا در شبکه های اجتماعی که باعث بالا رفتن اعتبار شما می گردد.

 
 
منبع:


:: برچسب‌ها: مشتریان , قهرمان ,
:: بازدید از این مطلب : 572
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : سه شنبه 1 بهمن 1392 | نظرات ()
نوشته شده توسط : طراحی سایت

آیا در جستجوی قالب های آماده و با کیفیت هستید؟ قالب های زیر لیست جدیدی از قالب های دو بعدی و جدید می باشد. برای یافتن قالب های آماده وب سایت به  TemplateMonster.com یا Themeforest.net مراجعه نمایید. برای خرید و یا اجرای هر یک از این قالب ها با طراحی سایت دارکوب تماس حاصل فرمایید. این قالب ها به صورت فلـت، مسطح و یا دو بعدی طراحی گردیده که نوع طراحی جدید می باشد که این قالب ها سازگار با موبایل طراحی گردیده و به اصطلاح به این نوع قالب ها ریسپانسیو می گویند. طراحی سایت سازگار با موبایل امروزه امکان بسیار مهمی در سایت ها می باشد که نمی بایست فراموش گردد.

قالب رستوران سازگار با موبایل جوملا

نرم افزارهای مورد نیاز:
Adobe Photoshop CS+;
Adobe Dreamweaver 8+ (or any php-editor);
For uncompressing a template ZIP package:
WinZip 9+ (Windows);
Stuffit Expander 10+ (Mac);
Joomla! 3.1.1

 

قالب تصاویر WooCommerce سازگار با موبایل

نرم افزارهای مورد نیاز:
Adobe Photoshop CS+;
Apache Server;
For uncompressing a template ZIP package:
WinZip 9+ (Windows);
Stuffit Expander 10+ (Mac);

 

قالب شرکت بازرگانی و تبلیغاتی وردپرس سازگار با موبایل

نرم افزارهای مورد نیاز:
Adobe Photoshop CS+;
Apache Server;
For uncompressing a template ZIP package:
WinZip 9+ (Windows);
Stuffit Expander 10+ (Mac);

 

قالب شرکت نرم افزاری وردپرس سازگار با موبایل

نرم افزارهای مورد نیاز:
Adobe Photoshop CS+;
Apache Server;
For uncompressing a template ZIP package:
WinZip 9+ (Windows);
Stuffit Expander 10+ (Mac);

 

قالب شرکت تجاری وردپرس

نرم افزارهای مورد نیاز:
Adobe Photoshop CS+;
Apache Server;
For uncompressing a template ZIP package:
WinZip 9+ (Windows);
Stuffit Expander 10+ (Mac);

 

قالب شرکت حسابداری Moto CMS

نرم افزارهای مورد نیاز:
For uncompressing a template ZIP package:
WinZip 9+ (Windows);
Stuffit Expander 10+ (Mac)

منبع:

http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/825-flat-templates.html



:: برچسب‌ها: قالب سایت , قالب وب , قالب وب سایت , مسطح , دو بعدی , فلت ,
:: بازدید از این مطلب : 977
|
امتیاز مطلب : 8
|
تعداد امتیازدهندگان : 3
|
مجموع امتیاز : 3
تاریخ انتشار : دو شنبه 30 دی 1392 | نظرات ()
نوشته شده توسط : طراحی سایت

استفاده از سایت ساز یکی از روش های طراحی سایت می باشد. این در حالی است که بهتر است در صورتی که دانش طراحی و برنامه نویس وی داشته باشید سایت را خودتتان و با توجه به نیازهای وب سایت طراحی نمایید. با استفاده از سایت سازها هر شخصی بدون نیاز به تجربه طراحی و برنامه نویسی سایت قادر به طراحی سایت خواهد بود. در این بخش به شما چند مورد از برترین و محبوب ترین سایت سازها را معرفی می نمایم- تمامی آنها به شما قابلیت ایجاد وب سایت ساده را می دهند اما فقط برخی از آنها به شما قابلیت های پیشرفته تر از قبیل فروشگاه اینترنتی و ... را می دهند.

1. Wix

Wix برای هر سایتی مناسب می باشد, و این سایت ساز برای سایت هایی که در آنها به تعداد زیادی تصاویر استفاده می شود به طور خاص مناسب تر است. این نرم افزار قابلیت دراگ و دراپ دارد و به کاربر امکان انجام تغییرات مورد دلخواه را می دهد. Wix قالب های آماده بسیاری دارد که می توانید از آنها استفاده نموده و یا تغییرات لازم را بر روی آن انجام دهید. سایت ساز قابلیت های بسیاری دارد, بنابراین ممکن است در نگاه اول کار با آن مشکل به نظر آید, اما زمانی که از آن استفاده نمودید, نحوه کار با ابزارهای کاربر پسند آن را خواهید آموخت. امکانات اولیه Wix رایگان می باشد, به مانند امکانات پیشرفته تر ولی این ابزار دارای تبلیغاتی نیز می باشد. در صورتی که قصد دارید تبلیغات حذف شوند, می توانید حساب خود را به پلان های بالاتر ارتقاء دهید.

 

2. Shopify

Shopify در صورتی که قصد راه اندازی فروشگاه اینترنتی را داشته باشید برای شما بهترین گزینه خواهد بود. Shopify برای 14 روز رایگان خواهد بود, و پس از این مدت می بایست هزینه پرداخت نمایید (که رنجی از 29 تا 129 دلار خواهد داشت).

 

3. Homestead

Homestead یک سایت ساز پیشرفته می باشد که دارای قابلیت های بسیاری است . این سایت نیز به صورت مدت زمانی به صورت رایگان ارائه می شود و سپس می بایست نسبت به پرداخت اقدام نمایید.این سایت هزاران قالب دارد و می توانید از امکانات پیشرفته آن به مانند فروشگاه اینترنتی و سایر ابزارهای آن استفاده نمایید.

 

4. Web

و همانطور که از نام آن پیدا است, Web یکی از محبوب ترین ها می باشد. هر چند, محبوبیت آن تنها به دلیل نام نیست بلکه به دلیل امکانات ویژه ای است که به کاربران می دهد. سایت ساز یکی از امکاناتی است که این سایت به شما می دهداین سایت دارای قالب های آماده بسیاری می باشد و تصاویر نیز به شما ارائه می نماید.

 

5. Webs

Webs یکی از قدیمی ترین سایت ساز ها می باشد. احتمالا, امروزه در مقایسه با سایرین زیاد محبوب نیست, اما یکی از بهترین انتخاب ها برای پیاده سازی انواع مختلف سایت ها است. توسط Webs, شما می توانید به راحتی سایت های شرکتی، سازمانی و شخصی پیاده سازی نمایید. به علاوه خدمات رایگان آن این سایت ابزارهای پیشرفته تری نیز دارد که توسط آن می توانید یک سایت حرفه ای طراحی نمایید.

 

 
 
منبع:


:: برچسب‌ها: سایت ساز , طراحی سایت ,
:: بازدید از این مطلب : 589
|
امتیاز مطلب : 1
|
تعداد امتیازدهندگان : 1
|
مجموع امتیاز : 1
تاریخ انتشار : شنبه 28 دی 1392 | نظرات ()
نوشته شده توسط : طراحی سایت
 

هم اکنون سال 2013 به پایان رسیده و سال جدید 2014 آغاز شده و می بایست برای این سال جدید آماده بود. با شروع این سال می بایست همه موارد مربوط به این سال را بررسی نماییم. زمان آن رسیده که به 365 روز سال گذشته بنگریم و آن را بررسی نماییم. می بایست به آینده نگاه کرد و برای آن آماده بود و همینطور وب سایت شما نیز می بایست مطابق با نیازهای روز باشد. در این بخش 5 نکته مهم در ارتباط با وب سایت برای سال جدید برای شما بیان می نمایم.

بهینه سازی عناوین و تگ های متا

داشتن رنک بالاتر در موتورهای جستجو به معنای افزایش ترافیک وب سایت می شود و افزایش ترافیک وب سایت باعث رونق کسب و کار می گردد. بهینه سازی صفحات سایت، عناوین و تگ های متا باعث بهتر ایندکس شدن صفحات سایت توسط موتورهای جستجو می شود. این مورد به شما در گرفتن رنگ بهتر در زمینه موضوع مورد نظر کمک می نماید. برای انجام این کار حتما با متخصص سئو مشورت نمایید.

افزایش سرعت وب سایت

سرعت وب سایت (مدت زمانی که کاربر در انتظار لود شدن وب سایت منتظر می ماند) یکی از فاکتورهای می باشد که موتورهای جستجو و مخصوصا گوگل به سایت شما رنک می دهند. لازم به ذکر نیست سرعت بالای وب سایت برای کاربران وب سایت نیز بسیار مهم می باشند و صفحه وب سایت می بایست کمتر از چند ثانیه لود شود در غیر این صورت و در صورتی که سایت با تاخیر باز شود ممکن است کاربر صفحه وب سایت شما را مشاهده ننماید. با استفاده از ابزار Page Speed Insights گوگل می توانید سرعت وب سایت خود را بسنجید. برای سنجش سرعت وب سایت کافی است آدرس صفحه سایت خود را در باکس مورد نظر درج نموده و گوگل به شما خطاهای وب سایت و هم چنین پیشنهاداتی راجع به بهتر شدن سرعت وب سایت می دهد. این پیشنهادات معمولا شامل کم کردن حجم و تعداد فایل های CSS و JAVASCRIPT و بهینه سازی صفحه HTML می باشد. سرعت سنج گوگل این پیشنهادات را هم برای موبایل و هم برای کامپیوترهای معمولی در دو تب جداگانه می دهد. پس به این صورت می توانید سرعت وب سایت خود را هم در موبایل و هم در کامپیوترهای معمولی بسنجید.

بهینه سازی سایت برای موبایل

با توجه به اینکه در کدام بخش از جهان هستید، کاربران اینترنت به درصدی از موبایل برای مرور اینترنت استفاده می نمایند ( در آمریکا 20% و در هند 60% ). این درصد از کاربران تعداد بسیار زیادی از کاربران را تشکیل می دهد و این تعداد روز به روز در حال افزایش است. در صورتی که سایت شما برای موبایل بهینه سازی نشده باشد شما تعداد قابل توجهی از کاربران خود را از دست خواهید داد و سایتی با پایه ای ضعیف خواهید داشت. سایت خود را در مرورگرهای مختلف موبایل و تبلت بررسی نمایید. با توجه به پیچیدگی وب سایت شما، پیشنهاد می گردد نسخه موبایلی سایت را که مختص برای مرورگرهای موبایل ایجاد گردیده طراحی نمایید. طراحی سایت موبایل به دو روش انجام می پذیرد که روش اول اضافه نمودن کدهای تشخیص موبایل در سایت و اجرا شدن CSS های مربوط به موبایل در هنگام مرور وب سایت توسط موبایل می باشد و روش دوم بررسی و پیاده سازی سایتی با کلیه ابعاد می باشد که در این نوع طراحی سایت در همه رزولوشن های مختلف بررسی می گردد. مرورگرهای موبایل و تبلت ها به دلیل آنکه تصاویر در پیسل های بیشتری استرچ می شوند رزولوشن های درخشانتری دارند و می توانید در مرورگرهای موبایل و تبلت ها تصاویر با پیکسل بالاتری نمایش دهید.

استفاده از شبکه های اجتماعی

از هر 4 کاربر در اینترنت 3 کاربر از شبکه های احتماعی استفاده می نماید. در صورتی که مطالبی ایجاد ننموده اید که به راحتی در شبکه های اجتماعی به اشتراک گذاشته شود سال 2014 می بایست این کار را انجام دهید. شما می بایست در سایت خود فیلم, تصویر و مطلب بارگذاری نمایید و کلیدی برای به اشتراک گذاری مطلب در شبکه های اجتماعی قرار دهید. می توانید ابزار ShareThis را در تمام مطالب خود استفاده نمایید. استفاده از شبکه های اجتماعی و سیگنال های آن موردی است که برای موتورهای جستجو و مخصوصا گوگل به عنوان یکی از آیتم های تاثیر گذار رنک سایت تبدیل شده.

تبدیل وب سایت

در صورتی که از جوملا، وردپرس و PHP استفاده نمی نماید زمان آن رسیده که وب سایت خود را بر پایه آن ها طراحی نمایید. استفاده از این سیستم ها به خصوص توسط برندها و سایت های بزرگ رشد چشم گیری داشته و این به آن دلیل است که این سیستم ها مزیت های بسیاری را در مقایسه با سایت های Asp.net ارائه نموده اند. برای طراحی سایت php زمان بسیار کمتری در مقایسه با سایت Asp.net می بایست صرف نمایید. هزینه پیاده سازی سایت توسط php به مراتب پایین تر از asp می باشد و همچنین سایت توسط php در مدت زمان بسیار کمتری نسبت به asp پیاده سازی می شود. همچنین php بر روی سرورهای ویندوز و لینوکس تقریبا عملکرد یکسانی دارد ولی asp.net فقط سازگار با سرورهای ویندوز می باشد.

 
 
منبع:


:: برچسب‌ها: طراحی سایت , طراحی وب سایت , طراحی , وب سایت , طراحی وب ,
:: بازدید از این مطلب : 582
|
امتیاز مطلب : 2
|
تعداد امتیازدهندگان : 1
|
مجموع امتیاز : 1
تاریخ انتشار : پنج شنبه 26 دی 1392 | نظرات ()
نوشته شده توسط : طراحی سایت

گوگل در سال 2008 معرفی شد در سال 2013 37 درصد از مرور کل کاربران توسط این مرورگر انجام می شود. اکستنشن های بسیاری برای کروم وجود دارد. برخی از این اکستنشن ها برای برنامه نویسان و طراحان وب ایجاد گردیده و کمک بسیار زیادی به آنان می نماید. در زیر برخی از آنها را که با انها آشنا شده ام برای شما لیست می نمایم.

اکستنشن های مورد نیاز طراحان و برنامه نویسان وب

Eye Dropper

این نرم افزار به شما امکان می دهد از وب سایت رنگ انتخاب نمایید.

Palette for Chrome

این اکستنشن پلات های رنگی یک تصویر را نمایش می دهد و در اختیار کاربر می گذارد.

Image Downloader

تمام تصاویر موجود در صفحه وب سایت را نمایش می دهدو به شما قابلیت می دهد تصاویر را دانلود نمایید

TinEye Reverse Image Search

این پلاگین پیدا می نمایید تصویر از کجا بدست آمده و آیا نسخه با رزولوشن بهتری دارد و یا خیر. این اکستنشن برای آنکه بدانید تصاویر در اصل در کجا ایجاد شده اند مناسب است.

ruul. Screen Ruler

تمای موارد موجود در صفحه را توسط این اکستنشن می توانید سایز بزنید.

Tape

توسط این پلاگین مکان و اندازه کلیه المان های موجود در صفحه را می توانید داشته باشید.

WhatFont

بهترین روش برای پیدا کردن فونت های وب سایت. فونت ها را تنها با حرکت موس خود بر روی نوشته مورد نظر می توانید بیابید. این نرم افزار همچنین از وب فونت ها پشتیبانی می نماید.

Screen Capture

یک ناحیه از سایت و یا یک تب را به صورت یک تصویر png برای شما ذخیره می نماید. همچنین قبل از ذخیره سازی تصویر می توانید تصویر مورد نظر را ویرایش نمایید.

Stylebot

Stylebot به شما امکان می دهد ظاهر هر وب سایتی را تغییر دهید. می توانید المان را انتخاب نمایید و تغییرات لازم را در المان انجام دهید. می توانید سایز فونت را تغییر دهید, رنگ ها, مارجین, نمایش و غیره. همچنین کاربران حرفه ای تر می توانند به صورت دستی کد css بنویسند.

Pixlr Editor

Pixlr به شما امکان ویرایش تصاویر را بدون دانلود کردن به شما می دهد. نرم افزار دارای امکانات بسیاری می باشد که مختص نرم افزارهای نصب شده بر روی کامپیوتر می باشد. با استفاده از این اکستنشن می توانید هر تصویری را در صفحه وب سایت ویرایش نمایید.

IE Tab

نمایش صفحه وب سایت توسط مرورگر اینترنت اکسپلورر در محیط کروم.

Resolution Test

یک اکستنشن برای تست صفحه وب سایت در سایزهای مختلف مرورگر. همچنین می توانید سایزهای مختلف را تعریف نمایید.

Web Developer

Web Developer اکستنشنی با قابلیت های بسیار است که با شما امکانات فراوانی را به عنوان توسعه دهنده وب می دهد. این نرم افزار برای برنامه نویسان وب بسیار عالی است. این نرم افزار در فایرفاکس نیز موجود است.

QrURL

هر آدرس سایت را می توانید به کد QR تبدیل نمایید و در هر محیط فیزیکی که خواستید می توانید استفاده نمایید.

Pendule

ابزار پیشرفته توسعه دهندگان وب برای مرورگر کروم.

HTML Validator

این ابزار کد html صفحه ای از سایت که در آن هستید را اعتبارسنجی می نماید. همچنین می توانید تصمیم بگیرید نتایج را در یک پنجره مشاهده نمایید و یا به صفحه نتایج W3C بروید.

Check My Links

این اکستنش کلیه لینک های موجود در صفحه را بررسی می نماید و لینک هایی که به صفحه ای متصل نیستند را به شما اعلام می نماید. برای بررسی مشکلات وب سایت عالی است و بهتر است پس از هر به روز رسانی سایت توسط این نرم افزار چک شود.

BuiltWith Technology Profiler

این اکستنشن به شما امکان می دهد بررسی نمایید که سایت توسط چه تکنولوژی های ایجاد شده. با دانشتن تکنولوژی بکار رفته در سایر سایت ها خواهید توانست از آن تکنولوژی ها در طراحی سایت خود استفاده نمایید.

Quickrr Productivity Kit

یک ابزار بسیار کارامد که بسیاری را نیازهای شما را جوابگو خواهد بود. این پلاگین برنامه های به مانند: مترجم, دیکشنری, ماشین حساب, زمان بندی, نوت پد, تقویم, ساعت, تبدیل واحد ها, تایمر و غیره دارد.

AppJump App Launcher and Organizer

ابزاری برای دسترسی آسان به برنامه ها از طریق تولبار صفحه.

Save my Tabs

توسط این اکستنش می توانید کلیه تب های مرورگر را به علاقه مندی خود اضافه نمایید

Alexa Traffic Rank

این ابزار رنک الکسای هر سایت را در بالای صفحه اعلام می نماید. این اکستنشن همچنین رنک الکسای وب سایت ها را در نتیجه جستجوی گوگل نمایش می دهد.

SEO for Chrome

این ابزار به شما امکان می دهد رنک سئو سایت خود را در سایت های مختلف بررسی نمایید. به شما امکانات بسیاری برای بهینه سازی سایت در موتورهای جستجو نظیر بررسی کلمات کلیدی، بررسی رنکینگ سایت و .... می دهد.

WordPress Stats

آمار سایت بلاگ خود را می توانید در این اکستنش مشاهده نمایید. به شما اطلاعات آماری بسیاری در مورد وب سایت می دهد بدون اینکه نیاز داشته باشید وارد کنترل پنل خود شوید.

Domain Availability Checker

این اکستنشن به شما امکان بررسی جستجوی نام دامنه را در تولبار می دهد اینکه آیا دامنه آزاد می باشد و یا خیر و همچنین اطلاعات مالکیتی دامنه

Theme Sniffer

قالب جوملا و وردپرس سایت را که در حالت رویت آن هستید به شما اعلام می نماید.

Forget Me

همه چیز را در مورد یک سایت پاک می نماید – انگار که سایت مورد نظر توسط کامپیوتر شما تا کنون مشاهده نشده.

 

 منبع:

http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/722-اکستنشن-های-گوگل-کروم-برای-طراحان-و-برنامه-نویسان-وب-سایت.html



:: برچسب‌ها: وب سایت , طراحان وب , طراحان سایت , طراح وب , کروم ,
:: بازدید از این مطلب : 731
|
امتیاز مطلب : 3
|
تعداد امتیازدهندگان : 1
|
مجموع امتیاز : 1
تاریخ انتشار : چهار شنبه 25 دی 1392 | نظرات ()
نوشته شده توسط : طراحی سایت

بهینه سازی سایت های تک صفحه ای مدرن در موتورهای جستجو بسیار مهم می باشد. زمانی که موتورهای جستجو نظیر گوگل وب سایتی را ایندکس می نمایند، جاوا اسکریپت سایت را اجرا نمی نمایند. این نشاندهنده آن است که سایت های تک صفحه ای که توسط جاوا اسکریپت پیاده سازی می شوند به خوبی سایت های قدیمی که برای هر موردی یک صفحه داشتند ایندکس نمی شوند.نبودن در گوگل به معنای مرگ یک شغل می باشد، چیزی که به ثبت سایت های تک صفحه ای پیش می آید.

هر چند سایت های تک صفحه ای نسبت به سایت های قدیمی مزیتی نیز دارند زیرا گوگل و سایر موتورهای جستجو این مورد را تشخیص می دهند. آن ها همچنین مکانیسمی برای ایندکس کردن چنین سایت های دارند. در این مقاله بر گوگل تمرکز خواهم نمود. اما سایر موتورهای جستجو نیز از این قاعده پیروی می نمایند.

گوگل چگونه سایت های تک صفحه ای را ایندکس می نماید

زمانی که گوگل سایت های طراحی شده به سبک قدیمی را ایندکس می نماید، در ابتدا صفحه اصلی وب سایت را می یابد. پس از اتمام این مرحله صفحات داخلی سایت را که متصل به صفحه اصلی سایت می باشد را می یابد. سپس صفحات داخلی تر سایت ایندکس می شوند. زمانی که گوگل سایت های تک صفحه ای مرور می نماید تنها موردی که مشاهده می نماید یک تگ خالی می باشد. خوشبختانه گوگل و سایر موتورهای جستجو روشی دارند که به توسعه دهندگان وب این امکان را می دهند که سایت های خود را حتی بهتر از سایت های معمولی در موتورهای جستجو معرفی نمایند.

چگونه یک سایت تک صفحه ای را قابل جستجو در موتورهای جستجو نماییم

اولین موردی که می بایست بدانید آن است که سرور شما متوجه آن می شود که بازدید کننده از سایت یک موتور جستجو است و یا یک کاربر عادی. زمانی که کاربر عادی سایت را مشاهده می نماید همه چیز به صورت عادی به کاربر نمایش داده می شود اما زمانی که یک موتور جستجو سایت را مشاهده می نماید می بایست مطلب بهینه سازی شده به موتور جستجو نمایش داده شود.

چیزی که برای موتور جستجو مهم می باشد، متون و تصاویر سایت و لینک های آن می باشد و بقیع موارد به مانند کدهای css و جاوا اسکریپت لزومی برای بودن در صفحه ندارند. تصویر زیر تمایز نمایش سایت به موتور جستجو و کاربر عادی را نمایش می دهد.

 

بهینه سازی محتوا برای موتور جستجو

وب سایت های تک صفحه ای توسط هش تگ ها (#!) به محتوای خود لینک می شوند، که توسط کاربران عادی مرور نمی شوند. به عنوان مثال لینک سایت تک صفحه ای ما چیزی است شبیه به این /index.htm#!page=user:id,123 که زمانی که جستجو گر سایت را مشاهده می نماید کاراکتر #! را می شناسد و فرض می نماید آدرس سایت  /index.htm?_escaped_fragment_=page=user:id,123 می باشد. این را بدانید که جستجوگر این آدرس را می یابد و انتظار دارد در آن چیزی بیابد. ما می توانیم در سرور توسط جاوا اسکریپت برنامه نویسی نمایم تا به آن آدرس پاسخ داده شود.

صفحه مورد نظر(آدرس دوم) در گوگل ایندکس می گردد، اما زمانی که کاربر بر روی لینک کلیک می نماید به آدرس /index.htm#!page=user:id,123هدایت می شود. این مورد به طراحان وب این امکان را می دهد که صفحه وب سایت خود را برای کاربران و موتورهای جستجو به درستی طراحی نمایند. به جای آنکه صفحه وب سایت هم برای موتورهای جستجو بهینه سازی شده باشد و هم برای کاربر نمایش درستی داشته باشد، برای هر کدام نوع نمایش مربوط به خود اجرا خواهد گردید.

چگونه مرورگر موتور جستجو را تشخیص دهیم

همانطور که Googlebot اعلام نموده مرورگر گوگل Googlebot/2.1 (+http://www.googlebot.com/bot.html) می باشد. ابزار Node.js می تواند نوع مرورگر را بررسی نماید و زمانی که نتیجه موتور جستجوی گوگل بود، صفحه نمایش طراحی شده برای موتور جستجو نمایش داده شود در غیر این صورت صفحه به صورت نرمال نمایش داده می شود.

طراحی سایت برای موتور جستجو مشکل خواهد بود زیرا ما پیش نمایش از سایت برای موتور جستجو نداریم.، اما گوگل ابزاری برای این کار را معرفی نموده است http://support.google.com/webmasters/bin/answer.py?hl=en&answer=158587. اما بهترین روش برای تست دنبال کردن آدرس در مرورگر خودمان می باشد. اما گوگل کروم توسط Chrome Developer Tools این امکان را به چند کلیک ساده با شما می دهد:

1. Chrome Developer Tools را با کلیک بر سه خط بالای صفحه سمت راست گوگل کروم کلید Tools و زیر کلید Developer Tools باز نموده.

2. در سمت راست صفحه پایین صفحه کلیدی به مانند چرخ دنده وجود دارد بر روی آن کلیک نمایید.

3. بر روی تب Overrides کلیک نموده و کلید User Agent را روشن نموده و مرورگر مورد نظر خود را انتخاب نمایید. Googlebot به عنوان آیتم پیش فرض نیست در نتیجه other را انتخاب نموده و مرورگر googlebot را در این بخش وارد نمایید.

4. تنظیمات را ثبت نمایید. زمانی که صفحه جدیدی را مرور نمایید صفحه به همان روش که مرورگر موتور جستجو سایت را مشاهده می نماید نمایش داده می شود.

 
 
منبع:


:: برچسب‌ها: طراحی , بهینه سازی سایت , بهینه سازی وب سایت , وب سایت ,
:: بازدید از این مطلب : 709
|
امتیاز مطلب : 4
|
تعداد امتیازدهندگان : 1
|
مجموع امتیاز : 1
تاریخ انتشار : سه شنبه 24 دی 1392 | نظرات ()
نوشته شده توسط : طراحی سایت
ماژول نمایش همزمان تاریخ فارسی، انگلیسی و عربی در سایت. هر تاریخ کلاس css خود را دارد بنابراین قادر خواهید بود نوع نمایش آن را کنترل نمایید. این ماژول در سایت اصلی جوملا تایید شده و توسط طراحی سایت دارکوب نوشته شده.
منبع:


:: برچسب‌ها: جوملا , تاریخ ,
:: بازدید از این مطلب : 557
|
امتیاز مطلب : 2
|
تعداد امتیازدهندگان : 1
|
مجموع امتیاز : 1
تاریخ انتشار : دو شنبه 23 دی 1392 | نظرات ()
نوشته شده توسط : طراحی سایت

اکثر تب های جوملا به صورت راست به چپ در مرورگر IE 9 مشکل داریم همه تب ها را بررسی کردم بهترین تبی که تو اکسپلورر 9 مشکلی دارد magic tabs می باشد.

منبع:


:: برچسب‌ها: جوملا , تب ,
:: بازدید از این مطلب : 632
|
امتیاز مطلب : 3
|
تعداد امتیازدهندگان : 1
|
مجموع امتیاز : 1
تاریخ انتشار : یک شنبه 22 دی 1392 | نظرات ()
نوشته شده توسط : طراحی سایت
جهت حذف آدرس اضافه زبان پیش فرض در جوملا ویرایش زیر را در جوملا انجام دهید:
SYSTEM - LANGUAGE FILTER --> Remove URL Language Code
 
 
منبع:


:: برچسب‌ها: جوملا ,
:: بازدید از این مطلب : 808
|
امتیاز مطلب : 1
|
تعداد امتیازدهندگان : 1
|
مجموع امتیاز : 1
تاریخ انتشار : شنبه 21 دی 1392 | نظرات ()