السلام علیک یا اباعبداللّه الحسین

سبد خرید (0)

آموزش foundation-خانه


Foundation 5

foundation یک فریم ورک HTML و CSS و Javascript است که از آن برای طراحی وب سایت های واکنش گرا و پاسخ گرا به موبایل استفاده می شود. 

دانلود و استفاده از foundation کاملا مجانی می باشد!

هم اکنون آموزش foundation 5 را شروع نمایید!


مثال های خودتان امتحان کنید

این آموزش های فریم ورک foundation شامل هزاران مثال می باشد.

به وسیله ی ادیتور آنلاین ما، شما می توانید کدها را ویراش کرده و سپس با کلیک بر روی یک دکمه، نتیجه را مشاهده نمایید.

مثالی از foundation

<div class="row">
  <div class="medium-12 columns">
    <div class="panel">
      <h1>Foundation Page</h1>
      <p>Resize this responsive page to see the effect!</p>
      <button type="button" class="button small">I Like It!</button>
    </div>
  </div>
</div>

<div class="row">
  <div class="medium-4 columns">
    <h3>Column 1</h3>
    <p>Lorem ipsum..</p>
  </div>
  <div class="medium-4 columns">
    <h3>Column 2</h3>
    <p>Lorem ipsum..</p>
  </div>
  <div class="medium-4 columns">
    <h3>Column 3</h3>
    <p>Lorem ipsum..</p>
  </div>
</div>
خودتان امتحان کنید »

بر روی دکمه ی "خودتان امتحان کنید" کلیک کنید تا ببینید چگونه کار می کند.


ویژگی های foundation

در زیر برخی از ویژگی هایی که فریم ورک foundation ارائه می دهد را مشاهده می کنید:

دکمه ها:

جدول ها

جعبه های نور:

هشدارها:

شبکه بندی:

نوار پیشرفت:

پنل ها:
 

دکمه کشویی:

آکاردئون:

نوار بالا:

Modal ها:

کلید ها:

نوارهای لغزنده:

و بیشتر و بیشتر...

دیدگاه‌ها  

0 # big amir 1395-12-23 11:36
وقتی از فریم وورک هایی مثل foundation استفاده میکنیم، CSS و JavaScript کمتر به کار میاد.درسته؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1395-12-24 08:11
بله همین طور است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # big amir 1395-12-19 17:20
سلام
اگه بخوام مثل شما یه ویرایشگر متن انلاین(خودتان امتحان کنید) داشته باشم چه جور کدی باید داشته باشم؟
ممنونم
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1395-12-20 08:28
سلام ... اسکریبت مربروط به قسمت "خودتان امتحان کنید" توسط تیم بیاموز نوشته شده و try_it_yourself نامیده می شود. اگر به کد HTML آن نگاه کنید، از یک textarea و یک iframe تشکیل شده، هنگامی که کاربر روی دکمه "ویرایش" کلیک می کند محتوای textarea به یک فایل PHP ارسال می شود و در نهایت آدرس این فایل برای عنصر iframe تنظیم شده است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # big amir 1395-12-16 11:58
با سلام
میشه از بوتسترپ و این فریم وورک به طور همزمان استفاده کرد؟
تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # احسان عباسی 1395-12-16 16:52
سلام . فکر نمی کنم امکانش باشه. اما فکر کنم ویژگی های خاص این فریم ورک بصورت پلاگین باشه و بشه اون رو دانلود کرد و در بوت استرپ استفاده کرد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # gol 1395-07-15 20:23
سلام
میخواستم بدونم این فریم ورک بهتره یا بوت استرپ
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # احسان عباسی 1395-07-16 07:06
سلام
هر فریم ورک ویژگی های مخصوص به خودش رو داره. اما فعلا بوت استرپ از محبوبیت بیشتری برخوردار است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # کمال مولانژادیان 1395-07-05 16:18
سلام
آموزش foundation عالی بود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن