/
  • UI toolkit های CSS

  • ارسال پاسخ   امتیاز موضوع:
    • 1 رأی - میانگین امیتازات: 5
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی UI toolkit های CSS
    نویسنده پیام
    Y.P.Y آفلاین
    ناظم کل
    *******

    ارسال‌ها: 2,750
    تاریخ عضویت: ۱۳۸۷ دي ۲۸
    اعتبار: 103
    تشکرها : 2181
    ( 4840 تشکر در 2207 ارسال )
    ارسال: #1
    UI toolkit های CSS
    UI toolkit های CSS (بدون JavaScript)

    Milligram
    سایت:
    https://milligram.io
    مستندات:
    https://milligram.io/#getting-started
    تگ لینک CDN:
    کد:
    <link rel="stylesheet" href="https://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">
    نمونه:
    کد:
    <a class="button" href="#">Default Button</a>
    <button class="button button-outline">Outlined Button</button>
    <input class="button button-clear" value="Clear Button" type="submit">
    دانلود مستقیم:
    https://github.com/milligram/milligram/a...v1.3.0.zip


    Petal
    سایت:
    https://shakrmedia.github.io/petal
    مستندات:
    https://shakrmedia.github.io/petal/docs/
    تگ لینک CDN:
    کد:
    <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/shakrmedia/petal/7841a6e8/dist/petal.min.css">
    نمونه:
    کد:
    <button class="btn hollow">Button</button>
    <button class="btn compact">Button</button>
    <button class="btn hollow whitetext">Button</button>
    دانلود مستقیم:
    https://github.com/shakrmedia/petal/releases


    Blaze UI
    سایت:
    https://blazeui.com
    مستندات:
    https://www.blazeui.com/getting-started/install
    تگ لینک CDN:
    کد:
    <link rel="stylesheet" href="https://unpkg.com/blaze@4.0.0-6/scss/dist/blaze.min.css">
    نمونه:
    کد:
    <button class="c-button" type="button">Button</button>
    دانلود مستقیم:
    https://github.com/BlazeUI/blaze/releases


    Pure CSS
    سایت:
    https://purecss.io
    مستندات:
    https://purecss.io/start/
    تگ لینک CDN:
    کد:
    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css">
    نمونه:
    کد:
    <a class="pure-button" href="#">A Pure Button</a>
    <button class="pure-button">A Pure Button</button>
    <a class="pure-button pure-button-active" href="#">An Active Button</a>
    <button class="pure-button pure-button-active">An Active Button</button>
    <a class="pure-button pure-button-primary" href="#">A Primary Button</a>
    <button class="pure-button pure-button-primary">A Primary Button</button>
    دانلود مستقیم:
    https://github.com/pure-css/pure/releases


    Idea لینک CDN نرمال سازی خروجی:
    https://cdn.rawgit.com/necolas/normalize...malize.css


    Idea شما هم اگر UI toolkit های CSS خالص می شناسید بگید تا به این صفحه اضافه کنم.
    __________________________________________________________________________
    وبلاگ: Yousha.Blog.ir

    صدام: "اگر با ارتش شاه ایران طرف بودیم، یک ماهه جنگ را می بردیم"
    http://gulfnews.com/opinion/thinkers/ira...i-1.500997
    (آخرین ویرایش در این ارسال: ۱۳۹۷ ارديبهشت ۹ ۱۲:۲۸ صبح، توسط Y.P.Y.)
    ۱۳۹۷ ارديبهشت ۹ ۱۲:۲۶ صبح
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : Reza
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS