ساخت منوی همبرگری به کمک CSS و JQuery

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

پنج اصل مهم در طراحی وب سایت واکنش‌گرا

۱ نظر
در طی سالهای گذشته، تمرکز شرکتها بر ساختن وبسایت هایی مختص موبایل، مختصا ساخت نسخه ای با محتویات سنگین از وبسایت مرجع و برای گوشی های هوشمند بوده است. در حالی که اینگونه وبسایت ها برای کاربران دارای سرعت قابل قبولی هستند، گاهی آیتم های مهمی که برای نمایش ویژگی ها یا محصولات آن برند ساخته شده و باعث جذب مشتری ها می شود به صورت ناخواسته حذف می شود، بدون اینکه توجهی از طرف برند مذکور به آن شود. امروزه در حالی که اکثر صفحات دسکتاپ و لپ تاپ بزرگتر از 1024 پیکسل هستند اغلب سازندگان وبسایت ها در هنگام طراحی و ساخت وبسایت، طراحی را بر اساس 960 پیکسل در نظر می گیرند زیرا که صفحه مانیتور نوتبوک یا تبلت کوچک هستند و دولوپرها تمایلی به اینکه بازدیدکنندگان سایت بخواهند به صورت افقی روی صفحه مانیتور تبلت انگشتان را به حرکت در بیاورند تا تمامی نواحی صفحه اصلی دیده شود، را ندارند.

تصاویر وب سایت را فیت کنید!

۳ نظر
مطمئنا به عنوان یک فرانت اندکار از اهمیت این موضوع آگاه هستید که تصاویر به کار رفته در وب سایت یکی از مهمترین تاثیرات رو روی کاربران و بازدیدکنندگان وب سایت داره و یکی از مشکلاتی که باهاش روبرو هستیم سایز تصاویری هست که روی وبسایت آپلود میشن، در اوایل کار که خودمون تصاویر رو آپلود می کنیم میتونیم تصاویر وب سایت رو در سایزهایی مشخص روی وبسایت آپلود کنیم و زیبایی وب سایت رو حفظ کنیم.
اما مشکل از اینجا شروع میشه که شما پروژه رو تحویل مشتری میدید و خودش باید تصاویر مطالب وب سایت رو آپلود کنه و اکثرا در ۹۰ درصد اوقات مشتری نمیتونه و دانش این موضوع رو نداره که سایز تصاویر رو ست کنه و تصاویری با رزولوشن بالا و سایز مناسب قرار بده و شما به عنوان یک فرانت اندکار حرفه ای باید پیش بینی این حالت رو داشته باشید و اجازه ندهید  سایز تصاویر از حدی معمول بزرگتر بشه و باعث به هم ریختن دیزاین وب سایت بشه.

تمامی مراحل یک پروژه را به Gulp بسپارید

۳ نظر
شما در طول انجام یک پروژه با فرآیندهای زیادی روبرو میشید. کامپایل کردن فایل های SASS و یا LESS , مینیفای کردن کدها و یا ادغام کردن اونا. حتی شاید نیاز داشته باشید بر روی یک سری از فایل های خاص پردازش هایی انجام بدید و سپس اونا رو به یک پوشه خاص منتقل کنید. حتی بعد از هر تغییر بر روی فایل CSS , به طور خودکار فایل CSS رو از طریق ftp آپلود کنید. حتما با این مقاله از مجیدآنلاین همراه باشید.

معرفی بهترین UI KIt ها برای طراحان UI

۲ نظر
از آنجا که UI  یک فاکتور مهم در طراحی صفحه های وب و اپلیکیشن های موبایل است طراحی مناسب UI  همواره یک چالش بزرگ برای طراحان وب بوده است.
UI مناسب باعث شکل گیری یک تعامل خوب بین کاربر و وب سایت می شود وهمین امر موجب می شود کاربر تمایل بیشتری برای بازگشت به وب سایت شما داشته باشد.
ولی طراحی رابط کاربری کار سنگینی است که نیازمند صرف زمان و هزینه ی زیاد است.

Function.apply و Function.call در جاوااسکریپت

۶ نظر
در زبان برنامه نویسی جاوااسکریپت، توابع جزو اشیاء هستند، و توابع جاوااسکریپت دارای متد و ویژگی هستند.
call() و apply() دو متد پیشفرض توابع جاوااسکریپت هستند. هر دو متد توانایی فراخوانی توابع رو دارند و در هر دومتد باید آبجکت والد رو به عنوان پارامتر اول داشته باشیم.

۴ روش افزایش کارآمدی در سال ۲۰۱۶

بدون نظر
سال 2015 تبدیل به تاریخ شده و زمان برای شروع سال جدید به شکلی درست آغاز گردیده است. اجازه ندهید عادات قدیمی به تعویق اندازی و یا احساس غرق شدگی شما را متوقف کند. شما می توانید با رگبار ایمیل ها، پیغام ها، تماس های تلفنی، درخواست ها، و انبوهی از کار با تغییر واکنش خود در ساعات کار مبارزه کنید . با مجیدآنلاین همراه باشید تا با بهترین توصیه ها برای تولید کارآمد و انعطاف پذیر بودن در سال جدید آشنا شوید.

5 اسلایدر برای مقایسه تصاویر

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

آموزش ساخت آیکون با سایه کشیده

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