معرفی فریم ورک MoreStrap

تبلیغات
کانال تلگرام فتولیا

محمد نیک جو(رابرت) – موراسترپ یک پروژه متن باز است و برای این ساخته شده است که قابلیت های بیشماری را به فریم ورک بوت استرپ(Bootstrap) اضافه نماید.
موراسترپ ۱۰۰% متن باز بوده و برای کمک به شما در پروژه های بوت استرپ تان آماده است.همچنین من هیچگونه تغییری در فرمت های پیش فرض بوت استرپ ندادم مانند کلاسها/آی دی ها یا هرچیز دیگری, تنها کاری که من کردم این بود که کلی قابلیت باحال رو به بوت استرپ اضافه کردم و سعی کردم که بهترش کنم (فکر کنم).

more-strap
موراسترپ یک فریم ورک سی اس اس(CSS) است بعلاوه مقداری جاوا اسکریپت که البته به تنهایی فریم ورک محسوب نمی شود (دست کم نه الان), برای استفاده از موراسترپ شما نیاز دارید که فایل CSS بوت استرپ ۴ را در ابتدا فراخوانی نمایید.
ذکر این نکته ضروری است که MoreStrap بر پایه بوت استرپ ۴ ایجاد شده است و هیچ تستی جهت هماهنگی با بوت استرپ ۳ بر روی آن انجام نشده.

MoreStrap شامل ۱۵ بخش و بیش از ۷۰ ابزار طراحی متفاوت است که برخی از قابلیت های آن شامل:

  • کلیدهای جدید
  • منوی جدید
  • ۵۰ رنگ پس زمینه
  • ۵۰ خطوط رنگی
  • افزونه جاوا شمارش معکوس
  • پاورقی
  • کارت های جدید
  • مارجین های جدید
  • پدینگ های جدید
  • افکت مات (Blur)
  • سایه
  • بازگرداندن قابلیت واکنش گرایی به تصاویر در بوت استرپ ۴
  • و …

شروع کار با MoreStrap

کافیست پس از فراخوانی فایل CSS بوت استرپ ۴، فایل CSS موراسترپ را نیز که دانلود کرده اید ،فراخوانی کنید.

<link rel="stylesheet" href="css/morestrap.min.css" >

یک تمپلیت ساده HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags always come first -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <!-- CSS FILES INCLUDE MORESTRAP -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
    <link rel="stylesheet" href="css/morestrap.min.css" >
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery first, then Bootstrap JS. -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>
  </body>
</html>

 

لینک ها:
موراسترپ در Github | دانلود با فرمت ZIP | دانلود با فرمت TAR.GZ

در همین رابطه :   ایجاد کدهای CSS با شبیه ساز Photoshop

درباره طراح
موراسترپ در دپوک،اندونزی ساخته شده است توسط محمد نیک جو(رابرت).
پشتیبانی یا تماس

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

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

More in HTML 5
دانلود رایگان ۱۰ قالب واکنش گرای Bootstrap

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

Close