یادداشت‌ها

پلاگین هایی برای کار با فرم های ورود اطلاعات

• taggingJS
  یک پلاگین بسیار ساده برای تبدیل یک ورودی ساده، به ورودی برچسب (tag)
• Tags Manager
  پلاگین autocomplete برای اضافه کردن tag و ... که با جی کوئری نوشته شده است.
• jQuery Tag-This
  شبیه موارد فوق، برای تگ‌بندی و امثال آن کاربرد دارد با این قابلیت اضافه که قابلیت validate نیز دارد.
• jQuery Super Labels
  یک پلاگین ساده جی‌کوئری که متن یا عنوان پیش‌فرض را به فیلدهای ورودی متن می‌افزاید و پس از کلیک کاربر بر روی آن ورودی، متن مربوطه به سمت مقابل حرکت کرده و در حین درج ورودی، ناپدید می‌شود.
• Toggle Switch
  یک پلاگین عالی و کوچک برای تبدیل چک‌باکس‌ها به حالت سوئیچ‌های on/off که در همه براوزرها حتی ie6 هم بدون مشکل است
• smart input field position indicator
  این پلاگین مخصوص ورودی ساده تک‌خطی است (input type=text) که در صورت بزرگتر بودن طول رشته درون آن از طول قابل نمایش آن، یک شاخص افقی آبی رنگ به زیر آن اضافه می‌کند که مشخص می‌کند در حال حاضر چشمکزن درج، در کجای فیلد قرار دارد. (نمونه اجرا شده)
• type ahead
  پلاگین auto complete ساخت توئیتر! که از نظر زیبایی ظاهری چیزی کم ندارد :)
• Parsley js
  یک پلاگین که کار اعتبارسنجی فرم‌ها را بسیار ساده کرده است. طراح فرم لازم است صرفا با attibute های معین، مواردی مانند لازم بودن یا نبودن، ساختار و زمان آتش کردن آن ویژگی را تعیین کند و تمام! به همین سادگی :)
• Complexify
  یک پلاگین برای چک کردن میزان پیچیدگی پسورد. از محاسن این پلاگین نسبت به سایر پلاگین‌ها، پشتیبانی از حروف غیرانگلیسی (و کلا یونیکد) است...
• جایگزینی برای placeholder
  ویژگی placeholder که در html5 اضافه شده، زیبا و جالب است و موجب شکیل شدن فرم می‌گردد. منتها در براوزر IE (حتی تا خود نسخه 9) و براوزرهای قدیمی ساپورت نمی‌شود. عدم پشتیبانی از این ویژگی در براوزرهای قدیمی موجب می‌شود که فرم شما عملا مبهم و بلااستفاده شود (چون اکثرا بجای label از placeholder استفاده می‌شود)
  برای حل این مشکل کدهای ساده تا پیشرفته جی‌کوئری وجود دارد که کار شما را بسیار آسان می‌کند. برخی از آنها مثل jquery placeholder نیز به صورت یک پلاگین تهیه شده است.
• Selectize و Chosen و bselect و Select2 و flexselect و DropKick و zelect
  پلاگین‌هایی که لیست بازشو (Select) طولانی شما را تبدیل به یک لیست قابل جستجو می‌کند تا کاربر بتواند راحت‌تر و سریع‌تر انتخاب کند. flexselect ساده‌ترین آنها و Selectize پرقابلیت‌ترین آنهاست.
  پلاگین Select or Die! نیز select شما را تبدیل به یک سلکت تخت می‌کند.
• WideArea
  پلاگینی کوچک برای تبدیل textarea ی محدود به تمام صفحه که نوشتن متن را برای کاربر دل‌پذیرتر می‌کند. (مناسب برای ورودی متن کامنت و ... خصوصا اگر به صورت اتوماتیک بعد از focus انجام شود)
• email-autocomplete
  پلاگینی ساده برای پیشنهاد و تکمیل خودکار (suggestion and auto complete) ورودی email
• Awesomplete
  برای autocomplete روی تعداد عناصر محدود، خود html5 امکان تعریف list آن داده‌ها و autocomplete روی آن را فراهم آورده است. پلاگین Awesomplete صرفا نمای زیباتری به این قابلیت html5 اضافه می‌کند.
• sisyphus
  این پلاگین با کمک localStorage قابلیت Auto Save را برای فرم شما فراهم می‌آورد تا اگر پنجره کاربر به هر دلیل ناخواسته بسته شد و کاربر دوباره به آن صفحه مراجعه کرد، همه مواردی که قبلا در فرم وارد کرده، سرجایش برگردد.

1. معرفی برخی اسلایدرهای جی کوئری
2. ابرکوکی و ذخیره ساز جدید HTML5
3. روش های بهبود کیفیت آپلود فایل ها از طریق فرم های صفحات وب
4. اعتبارسنجی و شکل دهی فرم ها با استفاده از html5
5. ادیتورهای محتوای غنی شده برای صفحات وب
6. افکت های متن با جاوا اسکریپت و جی کوئری
7. لینک اسکرول به بالای صفحه
8. ارتفاع اتوماتیک ورودی متن جهت حذف اسکرول
9. کنترلرهای اسلایدی
10. استفاده از Media Queries ها و اصلاح عدم پشتیبانی IE6-8