وبلاگ شخصی علی فرهادی » CSS http://farhadi.ir/blog The daily thoughts and work experiences of a web developer Thu, 09 Sep 2010 18:25:57 +0000 http://wordpress.org/?v=2.8.4 fa hourly 1 IDE تحت وب http://farhadi.ir/blog/1386/08/05/web-based-ide/ http://farhadi.ir/blog/1386/08/05/web-based-ide/#comments Sat, 27 Oct 2007 13:31:00 +0000 علی http://farhadi.ir/blog/1386/08/05/web-based-ide/ توی این دوره و زمونه که انواع و اقسام application های تحت وب پیدا میشه فقط IDE تحت وب ندیده بودیم که اون هم دیدیم.

rainbow9.org یک IDE تحت وب برای html ، جاوا اسکریپت ، CSS و xml و … هست که امکاناتی نظیر autocomplete و اجرا داره.

این روز ها به خاطر آماده شدن برای نمایشگاه فرصت آپدیت کردن نداشتم. به امید دیدار در نمایشگاه سالن 8 غرفه 8 (شرکت فناوری اطلاعات توسعه سامان).

]]> http://farhadi.ir/blog/1386/08/05/web-based-ide/feed/ 6 بررسی میزان سازگاری مرورگر ها با استانداردهای وب http://farhadi.ir/blog/1386/06/18/web-browser-standards-support/ http://farhadi.ir/blog/1386/06/18/web-browser-standards-support/#comments Sun, 09 Sep 2007 18:25:32 +0000 علی http://farhadi.ir/blog/1386/06/18/%d8%a8%d8%b1%d8%b1%d8%b3%db%8c-%d9%85%db%8c%d8%b2%d8%a7%d9%86-%d8%b3%d8%a7%d8%b2%da%af%d8%a7%d8%b1%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%87%d8%a7-%d8%a8%d8%a7-%d8%a7%d8%b3%d8%aa%d8%a7%d9%86/ طراحی سایتی سازگار با تمام مرورگرها مستلزم داشتن دانش کافی در رابطه با سازگاری مرورگرها با استانداردهای وب است. و در این راستا استفاده از سایت WebDevout.net به عنوان مرجع می تونه کمک بسزایی در جهت کسب اطلاعات مورد نیاز در این زمینه باشه.

این سایت سازگاری ورژن های مختلف مرورگرها رو با استاندارد های HTML و CSS و DOM و ECMAScript به تفصیل مورد بررسی قرار داده.

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

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

Technology IE 6 IE 7 Firefox 1 Firefox 2 Opera 8.5 Opera 9
HTML / XHTML 73% 73% 90% 90% 84% 85%
CSS 2.1 51% 56% 88% 92% 92% 94%
CSS 3 changes 10% 13% 14% 24% 8% 19%
DOM 50% 51% 79% 79% 78% 84%
ECMAScript 99% 99% 100% 100% 100% 100%

همونطور که در جدول فوق می بینید IE7 نسبت به IE6 هیچ پیشرفت چشمگیری نداشته و با سایر مرورگرها فاصله زیادی داره.
اما رقابت بین FireFox و Opera شدیده و باید منتظر بود و دید Opera 9.5 و FireFox3 در این رقابت چه میکنند.

]]> http://farhadi.ir/blog/1386/06/18/web-browser-standards-support/feed/ 4 Internet Explorer Developer Toolbar http://farhadi.ir/blog/1386/06/16/internet-explorer-developer-toolbar/ http://farhadi.ir/blog/1386/06/16/internet-explorer-developer-toolbar/#comments Fri, 07 Sep 2007 04:36:35 +0000 علی http://farhadi.ir/blog/1386/06/16/internet-explorer-developer-toolbar/ امروزه طراحی و اشکال زیادی سایت ها با استفاده از فایرفاکس و ابزارهایی نظیر فایرباگ خیلی راحت شده. ولی اگر سایتتون در IE مشکل داشته باشه ممکنه ساعت ها وقت صرف یافتن و رفع مشکل بکنید.

امروز می خوام ابزاری رو معرفی کنم که گرچه در مقابل فایرباگ بسیار امکانات ناچیزی داره ولی از هیچی بهتره و اگر بخواهیم مقایسه کنیم امکاناتش در حد DOM Inspector پیشفرضی هست که همراه فایرفاکس نصب میشه. این ابزار با نام اختصاری IEDevToolbar محصول خود مایکروسافته. از اونجایی که هیچکس حاضر نیست وقت ارزشمندش رو صرف تولید ابزارهای اینچنین برای IE بکنه، مایکروسافت مجبور شده خودش این کار رو انجام بده. در هر صورت دستشون درد نکنه.

و اما این هم لینک دانلود :

Internet Explorer Developer Toolbar

]]> http://farhadi.ir/blog/1386/06/16/internet-explorer-developer-toolbar/feed/ 3 Firebug http://farhadi.ir/blog/1386/06/14/firebug/ http://farhadi.ir/blog/1386/06/14/firebug/#comments Wed, 05 Sep 2007 06:15:07 +0000 علی http://farhadi.ir/blog/1386/06/14/firebug/ Firebug Logoفایرباگ کاملترین ابزار دیباگ و تست کردن CSS و HTML و JavaScript است که به صورت extension بر روی فایرفاکس نصب میگردد.
این ابزار سرعت کار رو برای توسعه گران وب به ویژه برای کارهای Web2 تا چندین برابر افزایش میده.

از قابلیت های این ابزار میتوان به موارد زیر اشاره کرد:

  • یک دیباگر کامل برای جاوااسکریپت با امکان تعریف breakpoint عادی و شرطی و تعریف watch و با قابلیت trace کردن کد ها و بالاخره قابلیت profiler برای profile گرفتن در یک بازه زمانی خاص.
  • error console برای نمایش خطاهای جاوا اسکریپت وCSS و XML , همچنین برای اجرای کد های مورد نظر روی document جاری.
  • امکان inspector برای HTML و امکان مشاهده style های اعمال شده بر روی هر element و همچنین امکان مشاهده property ها و متد های هر element
  • امکان ویرایش کردن کدهای HTML و CSS
  • امکان مشاهده و browse کردن ساختار شی گرای document و browse کردن object های تعریف شده و ویرایش property های آنها.
  • و در نهایت امکانmonitor کردن ترافیک شبکه مرتبط با document جاری به عبارت دیگر امکان مشاهده تمام request های انجام شده در صفحه با تمام جزئیات آنها و مشاهده request های ای جکسی و همچنین امکان مشاهده زمان لود شدن و حجم تک تک request ها.

این extension رایگان و opensource بوده و میتونید اون رو از آدرس http://getfirebug.com دانلود کنید.

]]> http://farhadi.ir/blog/1386/06/14/firebug/feed/ 0