DOM در حالت عادی بسیار نامرتب است. همچنین با افزودن کلاسهای CSS، کد HTML به مراتب نامرتبتر از قبل میشود. بوت استرپ نیز شامل تعداد زیادی از کلاسهای CSS میباشد که برای انجام وظایف خاصی به HTML اضافه میشوند. روش متداول استفاده از بوتاسترپ Embedd کردن کلاسهای CSS بوتاسترپ به صورت مستقیم درون HTML اغلب فریمورکها، از لحاظ معنایی یا semantic، دارای مشکل هستند. اگر به سورس HTML صفحاتی که ...
پس از آشنایی با طرحبندی صفحات و امکانات متداول Twitter Bootstrap، در این قسمت به کامپوننتها و اجزای تعاملی آن مانند منوها، برگهها و امثال آن خواهیم پرداخت.
منوهای پایین افتادنی (Dropdown menus) در Twitter Bootstrap
برای کار با منوها، حداقل نیازهایی که باید به صفحه اضافه شوند، فایل css مرتبط با Twitter Bootstrap، فایل اسکریپتهای جیکوئری و فایل bootstrap.min.js است.
در ادامه، ساختار متداول یک منوی نمونه ایجاد شده ر ...
پس از آشنایی مقدماتی با Twitter Bootstrap، در این قسمت قصد داریم تا با ویژگیهایی از آن آشنا شویم که در کارهای رومزه طراحی وب بسیار مورد استفاده هستند؛ مانند تایپوگرافی، جداول، فرمها، دکمهها، تصاویر و آیکونها.
تایپوگرافی
هدف از تایپوگرافی، چیدمان متن به نحوی است که واضح، خوانا و مشخص باشد؛ همچنین مباحث زیبایی ارائه را نیز به آن اضافه کنید. برای مثال تنظیم فاصله بین حروف و کلمات، فاصله بین خطوط و یا رعایت یک س ...
Twitter Bootstrap یک فریم ورک CSS بسیار محبوب سورس باز تولید برنامههای وب به کمک HTML، CSS و جاوا اسکریپت است. این فریم ورک حاوی بسیاری از المانهای مورد نیاز جهت تولید وب سایتهایی زیبا، مانند دکمهها، عناصر فرمها، منوها، ویجتها و غیره است. تمام اینها نیز همانطور که عنوان شد برمبنای HTML، CSS و جاوا اسکریپت تهیه شدهاند؛ بنابراین در هر نوع فناوری سمت سروری مانند ASP.NET، PHP، روبی و امثال آن قابل استفاده است.
دریافت Twitter ...
احتمالا با عباراتی مانند طراحی table less و مزیتهای طراحی با CSS، همانند سرعت بالاتر بارگذاری سایت در مقایسه با نمایش یک جدول که نیازمند دریافت تمام جزئیات آن و سپس رندر نهایی اطلاعات آن توسط مرورگر است، بارها برخورد داشتهاید. اما ... آیا یکبار سعی کردهاید که به صورت دستی همان کارهایی را که پیشتر با HTML table انجام میدادید، اینبار توسط CSS پیاده سازی کنید؟
در اکثر اوقات نتیجه کار مایوس کننده، بسی ...