Bootstrap Site Blueprints

طراحی وب‌سایت‌های واکنش‌گرای اول موبایل با بوت استرپ 3

نمای اجمالی

• با عملکردهای داخلی Bootstrap 3 آشنا شوید و به راحتی برنامه‌های وب ایجاد کنید.
• به سرعت طرح های خود را سفارشی کنید که مستقیماً با فایل های کمتر Bootstrap کار می کنند
• از افزونه های جاوا اسکریپت عالی Bootstrap استفاده کنید

در جزئیات< /p>

تویتر بوت استرپ، که اکنون به سادگی بوت استرپ است، از زمان آغاز به کار خود در آگوست 2011، تا حد زیادی به محبوب ترین چارچوب برای توانمندسازی و بهبود طراحی وب ظاهری تبدیل شده است. با نسخه 3، بوت استرپ به نقطه عطف جدید و هیجان انگیزی می رسد، با معرفی یک شبکه پاسخگوی تلفن همراه، میکس های جدید و قدرتمند LESS، و یک پایه کد ناب که برای مرورگرهای مدرن بهینه شده است.

\"Bootstrap Site Blueprints\" است. راهنمای عملی برای عملکرد داخلی آخرین و بزرگترین نقطه عطف توسعه Bootstrap. در قالبی آسان برای پیگیری و گام به گام، هنگام ساختن یک سایت نمونه کارها، یک پوسته وردپرس، یک سایت تجاری، یک رابط تجارت الکترونیک و مدیریت به سرعت با نکات و نکات Bootstrap آشنا خواهید شد. رابط کاربری، و یک سایت بازاریابی سطح بالا.

\"Bootstrap Site Blueprints\" شما را در فرآیند ساخت انواع مختلف برنامه های کاربردی وب با استفاده از قدرت بوت استرپ 3 راهنمایی می کند. در این فرآیند، شما خواهید توانست قدرت سفارشی سازی و کامپایل مجدد فایل های کمتر بوت استرپ و تطبیق افزونه های جاوا اسکریپت بوت استرپ را برای طراحی یک رابط کاربری عالی تجربه کنید. در حین ایجاد این طرح‌بندی‌ها، به سرعت با شخصی‌سازی بوت استرپ برای رفع نیازهای پروژه‌های خاص خود راحت می‌شوید. شما فونت‌های آیکون سفارشی را اضافه می‌کنید، فایل‌های قدرتمند Bootstrap را سفارشی می‌کنید و دوباره کامپایل می‌کنید، و از افزونه‌های جاوا اسکریپت عالی Bootstrap برای ایجاد رابط‌های کاربری پویا استفاده می‌کنید.

در پایان این کتاب، شما طراح ماهر و کارآمدتری خواهید بود.

آنچه از این کتاب یاد خواهید گرفت

• یک پروژه بوت استرپ سفارشی راه اندازی کنید
• فایل های کمتر بوت استرپ را سفارشی کنید و دوباره کامپایل کنید
• از فونت‌های آیکون سفارشی استفاده کنید
• متغیرها و میکس‌های کمتر خود را بنویسید
• ترجمه یک طرح بوت استرپ به قالب وردپرس
• از ابزار قدرتمند Bootstrap استفاده کنید افزونه های جاوا اسکریپت
• افزونه های جاوا اسکریپت غیر بوت استرپ را در طراحی خود بگنجانید
• CSS و جاوا اسکریپت بوت استرپ را برای عملکرد بهینه کنید
• روش تصاویر پاسخگو PictureFill را پیاده سازی کنید
< li>قابلیت کش رفتن لمسی را به چرخ فلک Bootstrap اضافه کنید

رویکرد

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

این کتاب برای چه کسی نوشته شده است

چه مبتدی هستید یا توسعه دهنده وب متوسط، اگر می خواهید از Bootstrap نهایت استفاده را ببرید، این کتاب برای شما مناسب است. شما باید با اصول HTML و CSS آشنایی داشته باشید و تجربه ای در ترکیب پلاگین های جاوا اسکریپت داشته باشید. تجربه قبلی بوت استرپ اختیاری است.

Design mobile-first responsive websites with Bootstrap 3

Overview

• Learn the inner workings of Bootstrap 3 and create web applications with ease
• Quickly customize your designs working directly with Bootstrap’s LESS files
• Leverage Bootstrap’s excellent JavaScript plugins

In Detail

Since its debut in August 2011, Twitter Bootstrap, now simply Bootstrap, has become by far the most popular framework for empowering and enhancing frontend web design. With Version 3, Bootstrap reaches an exciting new milestone, introducing a mobile-first responsive grid, new and powerful LESS mixins, and a lean code base optimized for modern browsers.

"Bootstrap Site Blueprints" is a hands-on guide to the inner workings of Bootstrap’s latest and greatest development milestone. In an easy-to-follow, step-by-step format, you’ll quickly get to know the ins and outs of Bootstrap while building a portfolio site, a WordPress theme, a business site, an e-commerce interface, and administration interface, and an upscale marketing site.

"Bootstrap Site Blueprints" guides you through the process of building different types of web applications, by leveraging the power of Bootstrap 3. In the process, you’ll experience the power of customizing and recompiling Bootstrap’s LESS files and adapting Bootstrap’s JavaScript plugins, to the design of an excellent user interface. While creating these layouts, you will quickly become comfortable with customizing Bootstrap to meet the needs of your specific projects. You will add custom icon fonts, customize and recompile Bootstrap’s powerful LESS files, and leverage Bootstrap’s excellent JavaScript plugins to create dynamic user interfaces.

By the end of this book you will be a more adept and efficient designer.

What you will learn from this book

• Set up a custom Bootstrap project
• Customize and recompile Bootstrap’s LESS files
• Incorporate custom icon fonts
• Write your own LESS variables and mixins
• Translate a Bootstrap design into a WordPress theme
• Leverage Bootstrap’s powerful JavaScript plugins
• Incorporate non-Bootstrap JavaScript plugins into your design
• Optimize Bootstrap CSS and JavaScript for performance
• Implement the PictureFill responsive images method
• Add touch swipe functionality to the Bootstrap carousel

Approach

A hands-on guide with projects based on fictitious, but common, application development briefs, which will illustrate practical ways of applying responsive web design with Bootstrap.

Who this book is written for

Whether you are a beginner or intermediate web developer, if you wish to make the most of Bootstrap, then this book is for you. You should be familiar with the fundamentals of HTML and CSS, and have some experience incorporating JavaScript plugins. Prior Bootstrap experience is optional.