Responsive web design by example beginner's guide : build powerful and engaging responsive websites with ease /

Chapter 5: Developing a Portfolio Website with Bootstrap; The Bootstrap components; The Bootstrap responsive grid; Bootstrap buttons and forms; Bootstrap Jumbotron; Bootstrap third-party extensions; Jasny Bootstrap off-canvas; Digging into Bootstrap; Using font icons; Examining the portfolio website...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Firdaus, Thoriq
Formato: Electrónico eBook
Idioma:Inglés
Publicado: Birmingham [England] : Packt Publishing, ©2014.
Edición:2nd ed.
Temas:
Cascading style sheets.
HTML (Document markup language)
Web sites > Design.
Feuilles de style en cascade.
HTML (Langage de balisage)
Sites Web > Conception.
HTML.
COMPUTERS > General.
Cascading style sheets
Web sites > Design
Acceso en línea:Texto completo
Tabla de Contenidos:
  • Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Responsive Web Design; Responsive web design in a nutshell; Viewport meta tag; A word on screen size and viewport; Media queries; A look into responsive frameworks; The Responsive.gs framework; A word on CSS box model; CSS3 box sizing; The Bootstrap framework; The Foundation framework; A brief introduction to CSS preprocessors; Responsive web design inspiration sources; Summary; Chapter 2: Web Development Tools; Choosing a code editor.
  • Time for action
  • installing Sublime Text Package ControlTime for action
  • installing XAMPP; Choosing a CSS preprocessor compiler; Browser for development; Source maps; Mobile emulator; Managing project dependency with Bower; Time for action
  • installing Node.js; Time for action
  • installing Bower; Bower commands; Summary; Chapter 3: Constructing a Simple Responsive Blog with Responsive.gs; Responsive.gs components; The classes; Using HTML5 elements for semantic markups; HTML5 search input types; HTML5 placeholder attribute; HTML5 in Internet Explorer.
  • A look into polyfills in the Responsive.gs packageBox sizing polyfills; CSS3 media queries polyfill; Examining the blog's wireframe; Organizing project directories and files; Time for action
  • creating and organizing project directories and assets; The blog HTML structures; Time for action
  • constructing the blog; Summary; Chapter 4: Enhancing the Blog Appearance; Using CSS3; Creating rounded corners with CSS3; Creating drop shadow; CSS3 browser supports and the use of vendor prefix; Customizing to placeholder text styles; Using CSS libraries; Working with Koala.
  • Time for action
  • integrating project directory into Koala and combining the style sheetsThinking mobile first; Composing the blog styles; Time for action
  • composing the base style rules; Time for action
  • enhancing the header and the navigation appearance with CSS; Time for action
  • enhancing the content section appearance with CSS; Time for action
  • enhancing the footer section appearance with CSS; Optimize the blog for desktop; Time for action
  • composing style rules for desktop; Making Internet Explorer more capable with polyfills; Time for action
  • patch Internet Explorer with polyfills.

Ejemplares similares