Responsive web design by example beginner's guide. (2013)
- Record Type:
- Book
- Title:
- Responsive web design by example beginner's guide. (2013)
- Main Title:
- Responsive web design by example beginner's guide
- Other Titles:
- Responsive web design by example
- Further Information:
- Note: Thoriq Firdaus.
- Other Names:
- Firdaus, Thoriq
- Contents:
- Table of Contents; Responsive Web Design by Example Beginner's Guide; Responsive Web Design by Example Beginner's Guide; Credits; About the Author; About the Reviewers; www.PacktPub.com; Support files, eBooks, discount offers and more; Why Subscribe?; Free Access for Packt account holders; Preface; What this book covers; What you need for this book; Who this book is for; Conventions; Time for action -- heading; What just happened?; Pop quiz -- heading; Have a go hero -- heading; Reader feedback; Customer support; Downloading the example code; Errata; Piracy; Questions; 1. Responsive Web Design. Basic responsive web designViewport meta tag and CSS3 media queries; Limitations of responsive web design; Responsive image with picture element; Learn more about HTML5 and CSS3; Introduction to RWD frameworks; Why use frameworks?; Skeleton; Bootstrap; Foundation; Who is using these frameworks?; Hivemind; Living.is; Swizzle; The cons; Tools required to build responsive websites; Web browsers; Code editors; Responsive bookmarklets; A brief introduction to CSS preprocessors; CSS preprocessor compiler tool; LESS; Nesting rules; Variables; Mixins; Parametric mixins; Operations. Sass (Syntactically Awesome Stylesheets)Variables; Mixins; Nested rules; Selector inheritance; Learning more on CSS preprocessors; Learning LESS; Learning Sass; What are we going to create in this book?; Summary; 2. Constructing a Responsive Portfolio Page with Skeleton; Getting started with Skeleton; Time forTable of Contents; Responsive Web Design by Example Beginner's Guide; Responsive Web Design by Example Beginner's Guide; Credits; About the Author; About the Reviewers; www.PacktPub.com; Support files, eBooks, discount offers and more; Why Subscribe?; Free Access for Packt account holders; Preface; What this book covers; What you need for this book; Who this book is for; Conventions; Time for action -- heading; What just happened?; Pop quiz -- heading; Have a go hero -- heading; Reader feedback; Customer support; Downloading the example code; Errata; Piracy; Questions; 1. Responsive Web Design. Basic responsive web designViewport meta tag and CSS3 media queries; Limitations of responsive web design; Responsive image with picture element; Learn more about HTML5 and CSS3; Introduction to RWD frameworks; Why use frameworks?; Skeleton; Bootstrap; Foundation; Who is using these frameworks?; Hivemind; Living.is; Swizzle; The cons; Tools required to build responsive websites; Web browsers; Code editors; Responsive bookmarklets; A brief introduction to CSS preprocessors; CSS preprocessor compiler tool; LESS; Nesting rules; Variables; Mixins; Parametric mixins; Operations. Sass (Syntactically Awesome Stylesheets)Variables; Mixins; Nested rules; Selector inheritance; Learning more on CSS preprocessors; Learning LESS; Learning Sass; What are we going to create in this book?; Summary; 2. Constructing a Responsive Portfolio Page with Skeleton; Getting started with Skeleton; Time for action -- creating a working directory and getting Skeleton; What just happened?; What is included in Skeleton?; Starter HTML document; The viewport meta tag; HTML5 Shim; Responsive Grid; Clearing styles; Media queries; Typography styles; Button styles; Form styles; Apple icon devices. Photoshop templateHow will the website look?; Website navigation; Thumbnail hover effect; Setting up the Skeleton document; Time for action -- adding an extra CSS file; What just happened?; Adding custom fonts; Time for action -- embedding Google Web Fonts; What just happened?; Preparing the images; Social media icons; Time for action -- sprite images; What just happened?; Contact icons; HTML5 elements; HTML5 custom data attributes; Time for action -- structuring the HTML document; What just happened?; Summary; 3. Enhancing the Portfolio Website with CSS3; CSS box model. An introduction to the CSS3 box-sizing propertyTime for action -- specifying box-sizing; What just happened?; CSS units of measurement; The pixel unit; The pixel unit in higher DPI screens; The em unit; Converting px to em; Calculating the em unit manually; Browser quirk for the em unit; The percent unit; Setting font families; Time for action -- setting the Headings font family; What just happened?; Header styles; Time for action -- adding the header styles; What just happened?; Using CSS selectors; Direct child selector; Adjacent sibling selector; General sibling selector. … (more)
- Publisher Details:
- Birmingham : Packt Publishing Limited
- Publication Date:
- 2013
- Extent:
- 1 online resource (317 pages)
- Subjects:
- 006.74
COMPUTERS -- Web -- General
Web sites -- Design
HTML (Document markup language)
Cascading style sheets
Web sites -- Design
Web site development
HTML (Document markup language)
Cascading style sheets
COMPUTERS -- General
Cascading style sheets
HTML (Document markup language)
Web sites -- Design
Invalid
Electronic books - Languages:
- English
- ISBNs:
- 9781849695435
1849695431 - Related ISBNs:
- 9781849695428
1849695423 - Access Rights:
- Legal Deposit; Only available on premises controlled by the deposit library and to one user at any one time; The Legal Deposit Libraries (Non-Print Works) Regulations (UK).
- Access Usage:
- Restricted: Printing from this resource is governed by The Legal Deposit Libraries (Non-Print Works) Regulations (UK) and UK copyright law currently in force.
- View Content:
- Available online (eLD content is only available in our Reading Rooms) ↗
- Physical Locations:
- British Library HMNTS - ELD.DS.90331
- Ingest File:
- 01_077.xml