طراحی سایت اختصاصی

3-Foundation:

فاندیشن به وسیله یک کمپانی ساخت وب سایت به اسم Zurb پیاده سازی و منتشر شد. این فریمورک یک فریمورک بسیار کیفیت خوب و ماهر و غامض میباشد که در توسعه و گسترش تارنما هایی مانند Ebay ، فیسبوک و موزیلا نیز مصرف شده. در صورتی‌که مبتدی و تازه کار می‌باشید به کارگیری از این فریمورک را به جهت ابهام های آن سفارش نمی‌‌کنیم. طراحی سایت اختصاصی این فریمورکِ پر‌از تجهیزات و قابلیت و امکان، از خصوصیت شتابدهی GPU به کار گیری می نماید که سبب می‌شود با به کارگیری از منابع hardware گرافیک دستگاه، بار گذاری تارنما ها سریعتر،خوب و کیفیت خوب خیس صورت بپذیرد. فاندیشن از Sass حمایت می نماید و امکان اساسی دیگری که داراست این میباشد که بضاعت و توان به کار گیری از تگ های Html را به صورتی داراست که به گسترش دهنده این قابلیت و امکان را میدهد که دو نوع کاغذ اینترنت ساخت و ساز نمایند.صفحه ها مدل برای بار گذاری در دستگاه هایی مانند گوشی و صفحه ها هنگفت خیس برای دستگاه هایی با بعدها بزرگتر.

نقاط قوت Foundation:

استایل پذیری فوق العاده و انعطاف در پیاده سازی
استعمال از واحد REM به مکان پیکسل که منجر می گردد نیاز به تمجید سایز برای هر دستگاه نداشته باشید.
نقاط ضعف Foundation:

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

4-Materialize:

متریالایز فریمورک پیاده سازی وبی میباشد که از مختصات و خصوصیت های Material Design گوگل تاسی می نماید. متریالایز طیف وسیعی از کامپوننت ها مانند دکمه ها، هیبت ها ، کارت ها و آیکون ها را در خویش مکان اعطا کرد میباشد که اتفاقا به حیث اینجانب یکی امکان های اساسی این فریمورک وجود همین آیکون هاست. متریالایز از سیستم گرید بندی مبنی بر CSS استعمال می نماید که در پیاده سازی رسپانسیو به شما یاری خواهد کرد. همینطور وجود افکت های انیمیشنی، منوهای موبایلی توسعه یافته خیس، و کامپوننت های فراوان از قابلیت و امکان های دیگر این فریمورک طراحی سایت می‌باشند.این فریمورک از Sass هم دفاع می نماید.

نقاط قوت Materialize:

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

وسعت بالای فولدر ها
عدم هواخواهی از Flexbox
5-Material UI:

در صورتی از عاشقان Material Design گوگل می باشید و از آن در طرح های خویش به کار گیری نمائید، عالی میباشد پیش از آن از فریمورک Material UI به کار گیری نمائید به دلیل آن که به شما در یادگیری متریال صفحه آرایی یاری خواهد کرد. این کامپوننت تعداد متعددی از المان های متریال صفحه آرایی را در خویش مکان داده میباشد و از قابلیت و امکان CSS in JS به کارگیری می نماید که انعطاف پذیری و فردی سازی آن را بالا می‌برد البته واقعیتی که وجود دارااست این میباشد که ممکن میباشد آحاد نیازهای پروژه شما‌را پوشش ندهد و در ضمن برای به کار گیری از آن هم نیاز به فهم و شعور نسبی از React دارید.

نقاط قوت Material UI:

شایسته ترین و بی آلایش ترین شیوه برای آموزش Material Design
فردی سازی و بسط پذیری سهل و آسان
نقاط ضعف Material UI:

برای پیاده سازی یک پروژه از صفر مطلوب وجود ندارد.
برای به کارگیری از آن نیاز به فهم ابتدایی از مباحث React دارید.
6- Pure CSS:

فریمورک Pure بوسیله گروه بسط یاهو ایجاد شده است. همانطور که از اسم آن پیداست (Pure در گویش انگلیسی یعنی خالص) ، این فریمورک صرفا از کلاسها و صفات CSS تاسیس شده است و از هیچ سیرتکامل افزونه جاوا اسکریپت یا این که جی کوئری به کارگیری نمی نماید. از Pure می اقتدار برای استعمال از المان های عکس العمل گرا مانند دکمه ها، هیبت ها و… به کار گرفت و گزینش خیر برای عکس العمل گرا کردن پروژه برای دستگاه های گوناگون است ولی به جهت عدم حمایت از JS امکان های فردی سازی چندانی ندارد و نمی قدرت به طور عظیم از آن به کار گرفت.

وقتی که از نسخه Min (مینیفای گردیده) این فریمورک به کار گیری نمائید،وسعت آن کمتر از 5 کیلوبایت خواهد بود و این یعنی شایسته ترین گزینش برای بار گذاری سریع صفحه های در پایینترین سرعت های وب!

نقاط قوت Pure:

وسعت فوق العاده ذیل
آیتم ای مطلوب برای عده ای که از فریمورک ها تنها برای پیاده سازی برخورد گرا به کارگیری می نمایند.
دارنده تعداد قابل قبولی از المان های مطلوب برای پیاده سازی عکس العمل گرای کاغذ اینترنت
نقاط ضعف Pure:

عدم امان از جاوااسکریپت از قابلیت و امکان های فردی سازی آن می کاهد.
7-Skeleton:

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

Skeleton با یک سیستم گرید 12 ستونی به نیکی از پیاده سازی Responsive تقلید می نماید همینطور دارنده طیف متعددی از المان های ضروری Responsive مانند هیبت ها،دکمه ها،جدول و… میباشد.

نقاط قوت Skeleton:

وسعت بسیار زیر
همت فراوان برای پروژه های خرد
نقاط ضعف Skeleton:

تعداد محصور المان های مو جود
8-UI Kit:

UI Kit یک فریمورک ماژولار طراحی وب سایت میباشد که به دلایل مختلفی برای مثال نگهبانی از پیش پردازنده هایی مانند Sass و LESS در بین بقیه فریمورک ها سربلند ایستاده میباشد.این فریمورک بیشتراز 30 کامپوننت به طور کامل رسپانسیو را در خویش مکان داده میباشد.در‌این فریمورک حتی مواقعی همانند منوهای کناری،نمودارها،بج ها و مودال ها را می قدرت مشاهده کرد.

نقاط قوت UI Kit:

قابلیت و امکان فردی سازی فراوان
قابلیت و امکان اجرایی بهتر در پروژه های گران قدر
ساختار ماژولار که بضاعت و توان اضافه کردن کامپوننت های مازاد را فارغ از ویرایش در هسته میدهد.
نقاط ضعف UI Kit:

به جهت نو بودن این فریمورک منابع متعددی برای آن جان دار وجود ندارد

3-Foundation:

فاندیشن به وسیله یک کمپانی ساخت وب سایت به اسم Zurb پیاده سازی و منتشر شد. این فریمورک یک فریمورک بسیار کیفیت خوب و ماهر و غامض میباشد که در توسعه و گسترش تارنما هایی مانند Ebay ، فیسبوک و موزیلا نیز مصرف شده. در صورتی‌که مبتدی و تازه کار می‌باشید به کارگیری از این فریمورک را به جهت ابهام های آن سفارش نمی‌‌کنیم. طراحی سایت اختصاصی این فریمورکِ پر‌از تجهیزات و قابلیت و امکان، از خصوصیت شتابدهی GPU به کار گیری می نماید که سبب می‌شود با به کارگیری از منابع hardware گرافیک دستگاه، بار گذاری تارنما ها سریعتر،خوب و کیفیت خوب خیس صورت بپذیرد. فاندیشن از Sass حمایت می نماید و امکان اساسی دیگری که داراست این میباشد که بضاعت و توان به کار گیری از تگ های Html را به صورتی داراست که به گسترش دهنده این قابلیت و امکان را میدهد که دو نوع کاغذ اینترنت ساخت و ساز نمایند.صفحه ها مدل برای بار گذاری در دستگاه هایی مانند گوشی و صفحه ها هنگفت خیس برای دستگاه هایی با بعدها بزرگتر.

نقاط قوت Foundation:

استایل پذیری فوق العاده و انعطاف در پیاده سازی
استعمال از واحد REM به مکان پیکسل که منجر می گردد نیاز به تمجید سایز برای هر دستگاه نداشته باشید.
نقاط ضعف Foundation:

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

4-Materialize:

متریالایز فریمورک پیاده سازی وبی میباشد که از مختصات و خصوصیت های Material Design گوگل تاسی می نماید. متریالایز طیف وسیعی از کامپوننت ها مانند دکمه ها، هیبت ها ، کارت ها و آیکون ها را در خویش مکان اعطا کرد میباشد که اتفاقا به حیث اینجانب یکی امکان های اساسی این فریمورک وجود همین آیکون هاست. متریالایز از سیستم گرید بندی مبنی بر CSS استعمال می نماید که در پیاده سازی رسپانسیو به شما یاری خواهد کرد. همینطور وجود افکت های انیمیشنی، منوهای موبایلی توسعه یافته خیس، و کامپوننت های فراوان از قابلیت و امکان های دیگر این فریمورک طراحی سایت می‌باشند.این فریمورک از Sass هم دفاع می نماید.

نقاط قوت Materialize:

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

وسعت بالای فولدر ها
عدم هواخواهی از Flexbox
5-Material UI:

در صورتی از عاشقان Material Design گوگل می باشید و از آن در طرح های خویش به کار گیری نمائید، عالی میباشد پیش از آن از فریمورک Material UI به کار گیری نمائید به دلیل آن که به شما در یادگیری متریال صفحه آرایی یاری خواهد کرد. این کامپوننت تعداد متعددی از المان های متریال صفحه آرایی را در خویش مکان داده میباشد و از قابلیت و امکان CSS in JS به کارگیری می نماید که انعطاف پذیری و فردی سازی آن را بالا می‌برد البته واقعیتی که وجود دارااست این میباشد که ممکن میباشد آحاد نیازهای پروژه شما‌را پوشش ندهد و در ضمن برای به کار گیری از آن هم نیاز به فهم و شعور نسبی از React دارید.

نقاط قوت Material UI:

شایسته ترین و بی آلایش ترین شیوه برای آموزش Material Design
فردی سازی و بسط پذیری سهل و آسان
نقاط ضعف Material UI:

برای پیاده سازی یک پروژه از صفر مطلوب وجود ندارد.
برای به کارگیری از آن نیاز به فهم ابتدایی از مباحث React دارید.
6- Pure CSS:

فریمورک Pure بوسیله گروه بسط یاهو ایجاد شده است. همانطور که از اسم آن پیداست (Pure در گویش انگلیسی یعنی خالص) ، این فریمورک صرفا از کلاسها و صفات CSS تاسیس شده است و از هیچ سیرتکامل افزونه جاوا اسکریپت یا این که جی کوئری به کارگیری نمی نماید. از Pure می اقتدار برای استعمال از المان های عکس العمل گرا مانند دکمه ها، هیبت ها و… به کار گرفت و گزینش خیر برای عکس العمل گرا کردن پروژه برای دستگاه های گوناگون است ولی به جهت عدم حمایت از JS امکان های فردی سازی چندانی ندارد و نمی قدرت به طور عظیم از آن به کار گرفت.

وقتی که از نسخه Min (مینیفای گردیده) این فریمورک به کار گیری نمائید،وسعت آن کمتر از 5 کیلوبایت خواهد بود و این یعنی شایسته ترین گزینش برای بار گذاری سریع صفحه های در پایینترین سرعت های وب!

نقاط قوت Pure:

وسعت فوق العاده ذیل
آیتم ای مطلوب برای عده ای که از فریمورک ها تنها برای پیاده سازی برخورد گرا به کارگیری می نمایند.
دارنده تعداد قابل قبولی از المان های مطلوب برای پیاده سازی عکس العمل گرای کاغذ اینترنت
نقاط ضعف Pure:

عدم امان از جاوااسکریپت از قابلیت و امکان های فردی سازی آن می کاهد.
7-Skeleton:

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

Skeleton با یک سیستم گرید 12 ستونی به نیکی از پیاده سازی Responsive تقلید می نماید همینطور دارنده طیف متعددی از المان های ضروری Responsive مانند هیبت ها،دکمه ها،جدول و… میباشد.

نقاط قوت Skeleton:

وسعت بسیار زیر
همت فراوان برای پروژه های خرد
نقاط ضعف Skeleton:

تعداد محصور المان های مو جود
8-UI Kit:

UI Kit یک فریمورک ماژولار طراحی وب سایت میباشد که به دلایل مختلفی برای مثال نگهبانی از پیش پردازنده هایی مانند Sass و LESS در بین بقیه فریمورک ها سربلند ایستاده میباشد.این فریمورک بیشتراز 30 کامپوننت به طور کامل رسپانسیو را در خویش مکان داده میباشد.در‌این فریمورک حتی مواقعی همانند منوهای کناری،نمودارها،بج ها و مودال ها را می قدرت مشاهده کرد.

نقاط قوت UI Kit:

قابلیت و امکان فردی سازی فراوان
قابلیت و امکان اجرایی بهتر در پروژه های گران قدر
ساختار ماژولار که بضاعت و توان اضافه کردن کامپوننت های مازاد را فارغ از ویرایش در هسته میدهد.
نقاط ضعف UI Kit:

به جهت نو بودن این فریمورک منابع متعددی برای آن جان دار وجود ندارد