فرادرس۳۰ ابزار مفید برای صرفه‌جویی در زمان در هنگام طراحی وب
وقتی صحبت از طراحی وب می‌شود، سرعت و مدت زمان طراحی یک رکن بسیار مهم است. در این مقاله به معرفی چند ابزار مناسب برای سرعت بخشیدن به طراحی وبسایت می‌پردازیم.
Sideout.js: این ابزار برای طراحی منوی کشویی مخصوص تلفن‌های همراه استفاده می‌شود. لینک دسترسی (+)
Jquerymy: برای اتصال داده‌ها به صورت دو طرفه توسط jquery استفاده می‌شود. لینک دسترسی (+)
Cleave.js: برای فرمت‌بندی محتوا در هنگام تایپ استفاده می‌شود. برای مثال، ایجاد فاصله بین هر 4 رقم در هنگام وارد کردن شماره کارت بانکی یا گذاشتن ممیز بین اعداد تاریخ تولد. لینک دسترسی (+)
Page: برای ایجاد امکان گشت‌و‌گذار در سمت کلاینت در اپلیکیشن‌های تک صفحه استفاده می‌شود. لینک دسترسی (+)
Selectize.js: برای ایجاد کنترل، انتخاب گزینه (همانند DropMenu) با امکانات پیشرفته استفاده می‌شود. لینک دسترسی (+)
Nice Select: یک کتابخانه Jquery برای ایجاد کنترل‌های DropMenu زیبا. لینک دسترسی (+)
Tether: برای قرار دادن عناصر با موقعیت ثابت در صفحه، می‌توان از Tether استفاده کرد. لینک دسترسی (+)
Shepherd.js: با این ابزار می‌توانید کاربر را در اپلیکیشن خود راهنمایی کنید. لینک دسترسی (+)
Tooltip: همانطور که از اسمش پیداست، راهنمایی‌های جزئی به کاربر ارائه می‌کند. لینک دسترسی (+)
Select2: ابزاری برای ساخت DropMenu توسط Jquery. لینک دسترسی (+)
IziToast: راه حلی ساده برای ارسال اعلان جاوا اسکریپت به کاربر. لینک دسترسی (+)
IziModal: راه حلی ساده برای استفاده از modalهای جاوا اسکریپت در وبسایت. لینک دسترسی (+)
Motio: از این کتابخانه می‌توان برای ساخت انیمیشن‌های ساده و حرکت دوربین استفاده کرد. لینک دسترسی (+)
Animstion: یک پلاگین بر اساس jquery برای ساخت انیمیشن‌های تغییر صفحه در css است. لینک دسترسی (+)
Barba.js: برای ساخت انیمیشن‌های تغییر صفحه با افکت مایع‌مانند (fluid) استفاده می‌شود. لینک دسترسی (+)
TwentyTwenty: یک ابزار گرافیکی برای تشخیص تفاوت‌های ظاهری است. لینک دسترسی (+)
Vivus.js: یک کتابخانه برای ساخت انیمیشن‌هایی از نوع SVG است. لینک دسترسی (+)
Wow.js: برای نمایش انیمیشن در هنگام حرکت عمودی (همان Scroll کردن) استفاده می‌شود. لینک دسترسی (+)
Scrollline.js: برای نمایش دادن مقداری که مانده است تا به پایان صفحه برسید، استفاده می‌شود. لینک دسترسی (+)
Velocity.js: انیمیشن‌های خیلی نرم و سریع را در جاوا اسکریپت در اختیارتان قرار می‌دهد. لینک دسترسی (+)
Animate on scroll: همانطور که از اسمش مشخص است، در هنگام scroll کردن صفحه، انیمیشن‌هایی را اجرا می‌کند. لینک دسترسی (+)
کتابخانه‌های CSS
Topcoat: یک فریم‌ورک است که در CSS استفاده می‌شود. لینک دسترسی (+)
Create ken burns effect: برای ساخت انیمیشن‌هایی به سبک «ken burns effect» در css3 از این افزونه استفاده می‌شود. لینک دسترسی (+)
DynCSS: برای اضافه کردن توابع به css و پویا سازی آن استفاده می‌شود. لینک دسترسی (+)
Magic animations: همانطور که از اسمش پیداست، برای ساخت انیمیشن از آن استفاده می‌شود. لینک دسترسی (+)
CSSpin: مجموعه‌ای از انیمیشن‌های فرفره‌مانند بر پایه‌ی css را ارائه می‌دهد. لینک دسترسی (+)
Feather Icons: مجموعه‌ای از آیکون‌ها را در اختیارتان قرار می‌دهد. لینک دسترسی (+)
Ion icons: مجموعه‌ای از آیکون‌ها را در اختیارتان قرار می‌دهد. لینک دسترسی (+)
Font awesome: مجموعه‌ای از آیکون‌ها را در اختیارتان قرار می‌دهد. لینک دسترسی (+)
Font generator: با این ابزار می‌توانید چندین فونت را با هم مخلوط کنید. لینک دسترسی (+)
اگر تمایل به مطالعه بیشتر در رابطه با این موضوع دارید، شاید آموزش‌های زیر نیز برای شما مفید باشند:
- گنجینه آموزش های طراحی وب
- آموزش طراحی وب با HTML - مقدماتی
- آموزش طراحی وب با HTML – تکمیلی
- آموزش طراحی وب با CSS
::
