Book Image

Responsive Web Design by Example : Beginner's Guide

By : Thoriq Firdaus
Book Image

Responsive Web Design by Example : Beginner's Guide

By: Thoriq Firdaus

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Responsive Web Design by Example : Beginner's Guide
Thoriq Firdaus
Nov, 2014 | 258 pages
Small book image
Mastering Linux Administration
Alexandru Calcatinge | Julian Balog
Mar, 2024 | 764 pages
Small book image
Linux for System Administrators
Viorel Rudareanu | Daniil Baturin
Sep, 2023 | 294 pages
Small book image
Mastering Linux Administration
Alexandru Calcatinge | Julian Balog
Jun, 2021 | 772 pages
Table of Contents (16 chapters)
Responsive Web Design by Example Beginner's Guide Second Edition
Responsive Web Design by Example Beginner's Guide Second Edition
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Responsive Web Design
Responsive Web Design
Responsive web design in a nutshell
A look into responsive frameworks
Responsive web design inspiration sources
Summary
2
Web Development Tools
Web Development Tools
Choosing a code editor
Time for action – installing Sublime Text Package Control
Time for action – installing XAMPP
Managing project dependency with Bower
Time for action – installing Node.js
Time for action – installing Bower
Summary
3
Constructing a Simple Responsive Blog with Responsive.gs
Constructing a Simple Responsive Blog with Responsive.gs
Responsive.gs components
Using HTML5 elements for semantic markups
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
4
Enhancing the Blog Appearance
Enhancing the Blog Appearance
Using CSS3
Working with Koala
Time for action – integrating project directory into Koala and combining the style sheets
Thinking 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
Summary
5
Developing a Portfolio Website with Bootstrap
Developing a Portfolio Website with Bootstrap
The Bootstrap components
Digging into Bootstrap
Using font icons
Examining the portfolio website layout
Project directories, assets, and dependencies
Time for action – organizing project directories, assets, and installing project dependencies with Bower
The portfolio website HTML structure
Time for action – building the website HTML structure
Summary
6
Polishing the Responsive Portfolio Website with LESS
Polishing the Responsive Portfolio Website with LESS
Basic LESS syntax
External style sheet references
Time for action – creating style sheets and organizing external style sheet references
Working with Koala
Time for action – compiling LESS into CSS using Koala
Polishing the portfolio website with LESS
Time for action – composing the website styles with LESS syntax
Improve and make the website functioning with JavaScript
Time for action – compiling JavaScript with Koala
Summary
7
A Responsive Website for Business with Foundation
A Responsive Website for Business with Foundation
Examining the website layout
A look into Foundation
Additional required assets
The project directories, assets, and dependencies
Time for action – organizing the project directories, assets, and dependencies
Time for action – building the website's HTML structure
Summary
8
Extending Foundation
Extending Foundation
Syntactically Awesome Style Sheets
Project recap
Style sheet organizations
Time for action – organizing and compiling style sheets
The website's look and feel
Time for action – build on the website
Fine-tuning the website
Time for action – compiling JavaScript and styling the website with media queries
Summary
Pop Quiz Answers
Pop Quiz Answers
Chapter 1, Responsive Web Design
Chapter 2, Web Development Tools
Chapter 3, Constructing a Simple Respons3ive Blog with Responsive.gs
Chapter 4, Enhancing the Blog Appearance
Chapter 5, Developing a Portfolio Website with Bootstrap
Chapter 6, Polishing the Responsive Portfolio Website with LESS
Chapter 8, Extend Foundation
Index
Index

Credits

Author

Thoriq Firdaus

Reviewers

Saumya Dwivedi

Gabriel Hilal

Joydip Kanjilal

Anirudh Prabhu

Taroon Tyagi

Commissioning Editor

Julian Ursell

Acquisition Editor

Sam Wood

Content Development Editor

Kirti Patil

Technical Editor

Anand Singh

Copy Editors

Sarang Chari

Shambhavi Pai

Project Coordinator

Kranti Berde

Proofreaders

Maria Gould

Lesley Harrison

Linda Morris

Indexers

Rekha Nair

Priya Sane

Production Coordinator

Kyle Albuquerque

Cover Work

Kyle Albuquerque

Previous Section
Next Chapter