مطالب وب

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نگرشی متفاوت به ترندهای محبوب 2016

طراحی وب مانند دنیای مد است، هر روز ترندهای جدیدی می آیند و می روند، گاهی اوقات این ترندها براساس نیاز کاربران ایجاد می شوند مانند نیاز کاربران موبایل به طراحی واکنش گرا برخی دیگر با پیشرفت تکنولوژی ایجاد می شوند مثل طراحی فلت، اما نکته ی مهم در مورد استفاده از یک ترند به نیاز کاربران سایت شما و نیز نوع کارایی آن برمی گردد.
در ادامه لیستی از ترفندهای  مهم وب را درسال 2016 مرور می کنیم این ترندها مانند شمشیر دو لبه هستند بنابراین پیشنهاد می کنم قبل از استفاده از آن ها حتما کمی در موردشان تحقیق کنید.

درک ارزش تجربه کاربری

اگر شما با هر نوع کسب و کار آنلاین درگیر هستید ٬ به احتمال زیاد دیده اید که از طراحی UX  یا همان تجربه کاربری استفاده و سوء استفاده می شود. احتمالا شنیده اید که برخی از مردم سعی در توضیح دادن آن با استعاره های رنگارنگ می کنند٬ که ممکن است سرگرم کننده باشد ٬ اما واقعا موفق به توضیح  آنچه که چگونه طراحی تجربه کاربری به کاربران خدمت می کند٬نشوند.
آخرین چیزی که هر طراح به آن توجه دارد این است که سرویسی که ارائه می دهد تنها به دلیل اینکه مشتریان  آن را درک نمی کنند٬کم ارزش دیده شود. به اعتقاد برخی این مهم است که توجه داشته باشید که هدف صاحب کسب و کار, فروش محصول خود و  پیدا کردن یک راه در مورد چگونگی طراحی تجربه کاربری است که  خود و مشتری سود ببرند.