بهترین فرمت تصویر برای وب‌سایت شما کدام است؟

بدون نظر
فرمت‌های بسیاری برای تصاویر وجود دارد که هر کدام ویژگی‌ها و کاربرد متفاوتی دارند. اینکه کدام فرمت برای استفاده در چه زمینه‌ای مناسب است، از طریق آزمون و خطا و طی تجربه به دست می‌آید. با این وجود می‌توانیم با توجه به ویژگی‌هایی مثل میزان حجم، کیفیت و الگوریتم‌های فشرده‌سازی فرمت تصویر مناسب برای سایت خود را پیدا کنیم.
در این مطلب سعی داریم فرمت‌های مختلف تصویر و ویژگی های هر کدام را بررسی کنیم. همچنین در مورد فرمت های نسل جدیدی مثل webP و JPEG-XR صحبت خواهیم کرد که از الگوریتم‌های بهینه تری برای فشرده سازی تصاویر استفاده می‌کنند. با مجید آنلاین همراه باشید.

۱۱ نکته برای طراحی ارگونومیک رابط کاربری موبایل

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

توسعه پلاگین برای وردپرس - اتصال به پایگاه داده

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

افزونه‌های گوگل کروم برای طراحان و توسعه‌دهندگان وب - قسمت اول

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

توسعه پلاگین برای وردپرس - بررسی ساختار

توسعه پلاگین برای سیستم مدیریت محتوای وردپرس اصلا کار سختی نیست! فقط کافیه ساختار این سیستم رو درک کنیم و مقداری دانش زبان برنامه نویسی PHP داشته باشیم. در این صورت به سادگی می‌تونیم امکانات مورد نظر برای وب‌سایت رو با توسعه یک پلاگین پیاده سازی کنیم. در این مطلب قصد دارم توسعه یک پلاگین ساده رو برای وردپرس باهم بررسی کنیم. پس با مجیدآنلاین همراه باشید :)

همایش توسعه‌دهندگان وب ایران

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

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

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

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

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

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

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

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

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