آموزش‌ها

بهینه سازی آنلاین سی اس اس و جاوا اسکریپت

ابزارهای آنلاین دستی!

• CSS Compressor, CSS Compressor & Minifier, cssminifier.com, css compress, ...
  انبوهی از ابزارهای آنلاین فشرده‌ساز css وجود دارد که کم و بیش مشابه هم هستند و برخی ساده و برخی حرفه‌ای هستند. موارد فوق و آنچه در این مطلب و این مطلب معرفی شده، مشتی از خروار هستند.
• JavaScript Compressor and Comparison Utility
  ابزاری برای فشرده سازی فایل‌های js با کمک ابزارهای معروف JSMin, Dojo, ShrinkSafe, YUI Compressor, Packer می‌توانید یک اسکریپت را فشرده کنید و حجم نتیجه‌ها را با هم مقایسه کنید...
• YUI Compressor, YUI Compressor Online JavaScript/CSS, ...
  این ابزارهای آنلاین (همانطور که از نامشان پیداست) همگی بر مبنای فشرده‌ساز یاهو (YUI Compressor) کار می‌کنند و هم فایل css و هم فایل js را می‌توانند فشرده کنند.
• Google Closure compiler
  برنامه‌های بهینه‌ساز زیادی برای js وجود دارد که برخی از آنها در صفحه حاضر معرفی شده اما هیچکدام آنها از نظر حرفه‌ای بودن به پای کامپایلر Google Closure نمی‌رسد. حجم خروجی این کامپایلر بی‌نظیر است چرا که فقط به نامکذاری متغیرها و حذف اضافات بسنده نمی‌کند بلکه اسکریپت را واقعا تفسیر می‌کند و مثلا اگر یک شرط همواره غلط باشد، محتویات آن را حذف می‌کند و ...
  شما به وسیله curl می‌توانید از این برنامه روی هاست خودتان استفاده کنید که یک نمونه کد مربوط به آن، به همراه ccsMin (که برای بهینه سازی css است و در ادامه اشاره می‌شود) توسط زید رشوانی که یک برنامه‌نویس سوریه‌ای است، در این آدرس ارائه شده است.

ابزارهای آنلاین که در هاستی غیر از هاست شماست

• BoxJS, BoxCSS
  با کمک این دو ابزار، می‌توانید یک یا چند فایل css یا js را به صورت یک فایل فشرده تحویل کاربر نهایی دهید.
  این مجموعه همچنین یک سرویس آنلاین تغییر سایز تصاویر نیز دارد که برای افرادی با پردازشگر و پهنای باند محدود می‌تواند مناسب باشد.
• Cloud Flare
  CDNها علاوه بر خدماتی که در زمینه توزیع محتواها و فایل‌های استاتیک شما می‌کنند، خدمات دیگری هم ارائه می‌دهند هرچند معمولا رایگان نیستند. کلودفلیر که جزو بهترین CDN های رایگان است، علاوه بر CDN بودن از نظر امنیتی سایت شما را نیز تا حدود زیادی محافظت می‌کند و همچنین فایل‌های js, css سایت شما را در صورت تمایل، فشرده می‌کند.

ابزارهای آنلاین که در هاست شما نصب می‌شود

• minify
  یک ابزار ساده برای minify کردن css, js و سرو آن بدون فواصل و توضیحات اضافه به همراه gzip و header مربوط به کش مناسب در سمت کاربر
• WEBO (web optimizator)
  یک ابزار پیشرفته‌تر از قبلی که علاوه بر css, js به بهینه‌سازی تصاویر نیز می‌پردازد...
• php speedy
  یک ابزار بهینه ساز حجم و gzip و کش و ... که البته برای من خوب عمل نکرد اما کدهای PHP آن برای ایده‌گرفتن خوب است.
• CleanCSS, UglifyJS
  این دو کد نیز برای node.js نوشته شده است و همانطور که از نامش پیداست یکی برای css و دیگری برای js کاربرد دارد.
• rJSmin
  این هم یک ابزار نوشته شده به زبان پایتون که برای بهینه سازی فایل‌های js نوشته شده.
• CssMin
  CssMin یک کتابخانه ساده PHP است که به کمک آن می‌توان به سادگی یک فایل css را minify کرد:

$result = CssMin::minify(file_get_contents("path/to/source.css"));

1. API چیست؟
2. سرویس های آنلاین رایگان برای نوشتن، تست و بهینه سازی کدهای برنامه نویسی
3. استفاده از فونت دلخواه در صفحات وب
4. انیمیشن با CSS
5. همه چیز درباره داده ها و تصاویر Inline درون برنامه ای
6. روش های بهبود کیفیت آپلود فایل ها از طریق فرم های صفحات وب
7. تشخیص و کشف نوع، نام و مشخصات مرورگر کاربران سایت
8. انواع روش های شناسایی و احراز هویت کاربران یک صفحه وب
9. ساخت PDF آنلاین
10. کار با قابلیت Page Visibility و کاربردهای آن
11. قلمرو متغیرها در پی اچ پی و جاوا اسکریپت
12. دسترسی کامل به عناصر آدرس در جاوا اسکریپت
13. ادیتورهای محتوای غنی شده برای صفحات وب
14. بهینه سازی و کاهش حجم تصاویر برای استفاده در صفحات وب
15. درباره نود جی اس
16. افکت های متن با جاوا اسکریپت و جی کوئری
17. ارسال و دریافت ایمیل با PHP و ساختن اکانت ایمیل
18. خطا در جاوا اسکریپت
19. پایگاه داده در جاوا اسکریپت
20. روش ها و تکنیک های پنهان کردن ایمیل
21. زوم (zoom) و بزرگنمایی تصویر و متن با جاوا اسکریپت و پی اچ پی
22. کشف فونت های نصب شده در کلاینت
23. بازی با زمان!
24. کار با تصاویر در سمت کاربر
25. همه آن چیزهایی که لازم است درباره ی فید بدانید
26. هنر css نویسی (نکاتی برای بهتر نوشتن استایل صفحات وب)
27. استفاده از Media Queries ها و اصلاح عدم پشتیبانی IE6-8
28. نکات و ترفندهایی برای قالب دهی به نمای چاپ صفحات وب
29. چند لینک جامع برای یادگیری جاوا اسکریپت
30. انواع راه های تولید کد QR با پی اچ پی و جاوا اسکریپت