یکی از اساسی ترین کارهایی که برای کم کردن زمان بارگذاری صفحات وب باید انجام داد، بهینه سازی حجم تصاویر استفاده شده در صفحات وب است.
منظور از بهینه سازی استفاده از روش هایی است که حجم تصاویر در فرمت های png, jpg و gif را بدون هیچ گونه تغییر در کیفیت آنها به حد بسیار قابل توجهی کاهش می دهند.
البته نباید فراموش کرد که قبل از بهینه سازی تصاویر، ابتدا بایستی براساس کیفیت مورد نیاز آنها را در پایین ترین حجمی که کیفیت عکس در آن قابل قبول است ذخیره کرد، و سپس از ابزارهای بهینه سازی تصاویر استفاده نمود.
گزینه save for web & devices... در photoshop معمول ترین جایی است که تصاویر را با حداقل حجم برای کیفیت مناسب ذخیره می کنیم.
پس از آن نوبت به استفاده از ابزارهای بهینه ساز حجم تصاویر می رسد. با وجود ابزارهای بسیار متنوع، ابزارهایی که به شخصه از آنها بیشتر استفاده می کنم و کار با آنها به نظر راحت تر است و به نسبت بهینه سازی مناسب تری را انجام می دهند معرفی می کنم.

ادامه مطلب...

معمولا وقتی از من در مورد انتخاب بین asp.net و php می پرسند، برجسته ترین ویژگی هایی که برای انتخاب یکی از این دو ذکر می کنم این است که اگرچه ممکن است #C یا VB بهترین زبان برای کد زدن نباشند، ولی در مقابل visual studio اگر بهترین IDE  نباشد، حداقل یکی از بهترین هاست. به شخصه با IDE های مختلفی مخصوصا با IDEهای جاوا (که معمولا برای php نیز به کار می روند) کار کرده ام. شاید از نظر امکانات از Visual Studio کم نداشته اند، چه بسا امکانات بیشتری هم داشتند. اما هیچ وقت با آنها به اندازه Visual Studio راحت نبوده ام. به نظر تنها IDE جامعی است که تقریبا همه ی امکانات مورد نیاز را در دسترس برنامه نویس قرار می دهد. از این نظر asp.net بهترین است. اما مهمترین نقطه ضعف آن نبود سیستم های کد باز یا متن باز است. نبود سیستم هایی برای دات نت که طراحان و توسعه دهندگان وب بتوانند برای پروژه های خود از آنها استفاده کنند گاهی در مقابل سیستم های آماده php واقعا باعث حسرت می شد.

از آن طرف همیشه بزرگترین نقطه قوت php وجود انواع و اقسام سیستم های متن باز است که همچنان بر تعداد و کیفیت آنها افزوده می شود. برخلاف مورد قبلی، هیچ وقت با سیستم های open source در net. احساس راحتی نمی کردم. راحتی نصب و کار کردن با wordpress با پیچیدگی، زشتی و مشکلات متعدد DotNetNuke قابل مقایسه نیست. DotNetNuke برخلاف wordpress به طور پیش فرض زشت است. معمولا تغییرات کوچک در DotNetNuke آن را بهتر و یا تغییر در ظاهر، آن را زیباتر می کند، اما در wordpress، عکس این موضوع صادق است.

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

وبلاگ

فروشگاه

مدیریت محتوا و پورتال

تالار گفتگو (Forum)

ویکی

یکی از بزرگترین مشکلاتی که طراحان وب با آن مواجه هستند، هیچ ارتباطی با طراحی ندارد. مرورگری به نام Internet Explorer 6. فقط به علت اینکه بسیاری از کاربران وب هنوز از این مرورگر استفاده می کنند، طراحان وب نمی توانند از تمام ظرفیت های CSS برای طراحی سایت هایشان استفاده کنند. شاید برای بسیاری از طراحان وب مثل خودم، بهترین راه مقابله با IE6 راهنمایی کاربران برای کنار گذاردن این مرورگر باشد. روش هایی نظیر نشان دادن سایت در پایین ترین ظرفیت ممکنه برای کاربران IE6، و یا نشان دادن هشدار به این عنوان که نمی توانید با استفاده از این مرورگر از امکانات سایت استفاده کنید، و یا حتی ارسال کاربران به breakIE6.com دلپذیرترین روش ها برای مقابله با این مرورگر است.

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

در ادامه سعی کرده ام تا برای بعضی مشکلات اساسی که در IE6 وجود دارد راه حل های موجود را بیان کنم.

نوشتن کد فقط برای IE6

خوشبختانه با وجود همه ی مشکلات اساسی موجود در IE6 و خودخواهی های مایکروسافت برای عدم انطباق با استانداردهای وب، راهی برای نوشتن کدهایی که فقط در IE6 دیده شوند وجود دارد. با استفاده از Conditional Comments.

ادامه مطلب...

اگرچه بسیاری از کاربران وب از مرورگر Firefox استفاده می کنند و این مرورگر گردش در وب را برای کاربران وب بسیار لذت بخش می کند، اما جدا از ویژگی های پیش فرض Firefox افزونه های بسیاری نیز برای این مرورگر فوق العاده وجود دارند که می توانند کارایی آن را بسیار ارتقا ببخشند. یکی از چیزهایی که Firefox را از دیگر مرورگرها متمایز می کند گنجینه ای از افزونه های فوق العاده ای است که در طول زمان برای این مرورگر ساخته شده است.

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

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

Web Developer:

ادامه مطلب...

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

• به علت جدا نبودن طراحی از محتوا، هر جایی که نیاز به تغییر طراحی عنصری وجود داشته باشد این طراحی می بایست در همانجا ذکر شود. در نتیجه حجم صفحات وب ما بسیار سنگین خواهد بود. در حالی که با تعریف یک دستور CSS می توان آن را به دسته ای از عناصر اعمال کرد و بدین ترتیب حجم صفحات وب و در نتیجه میزان پهنای باند مصرفی را تا حد قابل توجهی کاهش داد و همینطور سرعت نمایش صفحات نیز در مرورگر کاربر افزایش می یابد.
• اشکال دوم این است که در صورت نیاز برای تغییر ویژگی دسته ای از عناصر نیاز خواهیم داشت تا همه ی آنها را به صورت مجزا تغییر دهیم، اما در صورتی که از قوانین CSS استفاده کرده باشیم، تنها تغییر یک قانون اعمال شده به دسته ای از عناصر همه ی آنها را تغییر خواهد داد.
• در طراحی با استفاده از CSS امکان تعیین چندین طراحی برای انواع مختلفی از صفحات را داریم. بنابراین برای طراحی متفاوتی برای چاپ، و یا برای مرورگرهای موبایل، و یا حتی برای انواع مرورگرهای متفاوت نیازی به ایجاد صفحات HTML مجزا نخواهیم داشت و تنها تعیین قواعد متفاوت CSS طراحی متفاوتی را به کاربر ارائه خواهد کرد.
• به علت جدا شدن محتوا از طراحی و امکان دید انتزاعی به هر کدام در طراحی های بر اساس CSS در Web 2.0 می توان هر کدام را با حداقل توجه به دیگری تغییر داد. بدین ترتیب امکان تغییر کامل ظاهر سایت با تغییرات عمده در CSS و حداقل تغییرات و گاهی بدون تغییر در محتوای صفحات HTML وجود خواهد داشت. بدین ترتیب هزینه نگهداری سایت تا حد زیادی کاهش می یابد.