طراحی سایت | طراحی سایت تهران | طراحی سایت ارزان

با ما تماس بگیرید : 5-44251104-021
به نام بهترین طراح دنیا
  • طراحی سایت
تاثیر فلکس باکس در طراحی سایت - 5.0 out of 5 based on 1 vote

امتیاز کاربران

ستاره فعالستاره فعالستاره فعالستاره فعالستاره فعال
 

تاثیر فلکس باکس در طراحی سایت

<div class="grid flex">
        <div class="col_6 column">Content Here</div>
        <div class="col_6 column">Content Here</div>
</div>

در زمان قدیم نه خیلی قدیم عهد ماشین حساب نه سال 2009 در ماژول های css3  چیزی اومد به اسم فلکس باکس که کار طراحان سایت را خیلی راحت می کرد برای اینکه بتوانند صفحه طراحی سایت مشتری خود را طراحی کنند و به مشکل نخورند فلکس باکس اول در سه نسخه آمد یکی سال 2009 که شروع آن بود سال 2011 که نسخه دوم آن و نسخه نهاییflexbox  را هم طراحی کردند دستشون درد نکنه ما را راحت تر کردند

فلکس باکس چیست؟

 فلکس باکس چی هست؟

خوب اول بگم فلکس باکس یا همان Flexbox یا Flexible Box Layout Model قوانین و تکنیک هایی هستند که ما بهتر بتونیم سایت خودمان رو ریسپانسیو کنیم برای اینکه در دستگاه های مختلف سایت ها به یک شکل و درست نمایش دهد اگر از قالب های آماده استفاده می کنید خوش به حالتون هلویی برای خودتان ساخته اید چون این تکنیک در سایت های خارجی استفاده شده است ولی اگر شما هم مثل ما در  قالب ها را از پایه طراحی سایت می کنید و بعضی اوقات مشکل دارید با مشتری که که چرا سایت من مثلا در سیستم ios  مشکل دارد حتما فلکس باکس را یاد بگیرید البته تکنیک قدیمی هم موجو دارد که طراحان سایت از آن با خبر هستند به اسم display: inline-block ولی بهتر هست از flexbox  استفاده کنید تا سایت های شما هم در دستگاه های مختلف قشنگ به نمایش در بیاید دیگر الان بیشتر افراد هر سایتی را در موبایل ها و تبلت های خود مشاهده می کنند تا کامپیوترهای خانگی یا حتی لب تاپ ها پس سعی کنید به روز باشید

مزیت های استفاده از flexbox

مزیت های استفاده از flexbox

نگاه کنید استفاده از فلکس باکس کار شما را در طراحی سایت ریسپانسیو خیلی راحت می کند

شما می توانید چند اجزا را در فلکس باکس قرار دهید و برای همه یک استایل گروهی انتخاب کنید این برای یک سمت کاربر واقعا کار را راحت می کند

برای اینکه چند مجموعه را در کنار هم قرار دهید از فلکس باکس استفاده کنید

اگر می خواهید از آبکجتی در طراحی سایت خود استفاده کنید از flexbox  استفاده کنید

برای اینکه بتوانید لایه های خود را در سایت تنظیم کنید از فلکس باکس استفاده کنید البته برای این کار از display  و float  هم می توان استفاده کرد ولی دیگر این تکنیک ها قدیمی شده است

پشتیبانی فلکس باکس

معایب فلکس باکس

جدول بالا به شما نشان می دهد فلکس باکس در چه دستگاه هایی ساپورت می شود

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

ما بیشتر در این مطلب قصد داشتیم شما را با فلکس باکس آشنا کنیم اگر توانستیم و خدا یاری کرد آموزش فلکس باکس را هم براتون آماده می کنیم ولی شما می توانید با جستجو ساده آموزش های انگلیسی فلکس باکس را دانلود و مشاهده کنید

یکی از آموزش ها 

flexbox

امیدواریم شما هم از این تکنیک های جدید در طراحی سایت تهران  های خودتان استفاده کنید

 

درباره نويسنده

رضا رجب پور هستم کارشناسي رشته فناوري اطلاعات و ارتباطات 4 سال تجربه کاري در زمينه طراحي سايت و بهينه سازي سايت را دارم و به زبانهاي Html , CSS , CSS3 , Jquery , JavaScript , PHP تسلط کافي را دارم و مدير تيم مهندسين ساين وب که با چند تن از دوستان رشته نرم افزار و گرافيک يک تيم خلاق و با تجربه را ايجاد کرده ايم و بيش از 80 نمونه کار طراحي سايت و بهينه سازي سايت در ايران و خارج از ايران انجام داده ايم و خوشحال مي شويم که اطلاعات و تجربيات خود را در اختيار ديگران و هموطنان عزيز قرار دهيم لطفا ما را در شبکه هاي اجتماعي دنبال کنيد تا از مطالب جديد ما اطلاع پيدا کنيد با تشکر و احترام







لطفا نظر خود را بنویسید

لطفا نظر خود را بنویسید

0

نظرات کاربران

  • نظری وجود ندارد


نظرات مشتریان در مورد ما

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

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

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

مهندس هراتی مدیر سایت تهران آهن : از نحوه طراحی سایت و گرافیک سایت و پشتیبانی عالی ساین وب واقعا راضی هستم ما بعد از دو ماه با کلمه قوطی و پروفیل صفحه یک گوگل هستیم از خانم گرایلی مسئول پشتیبانی سایت و کارشناس سئو کمال تشکر را دارم

لطفا مارا در گوگل محبوب کنید