HTML5 and CSS3 Responsive Web Design

Downloadbook HTML5 and CSS3 Responsive Web Design
Author: Benjamin LaGrone
Pages: 204
Category: Computers & Internet, Programming, Databases,

دوره آموزش html
Chapter 1: Responsive Elements and Media 5Introduction 5Resizing an image using percent width 6Responsive images using the cookie and JavaScript 8Making your video respond to your screen width 10Resizing an image using media queries 13Changing your navigation with media queries 14Making a responsive padding based on size 19Making a CSS3 button glow for a loading element 21Chapter 2: Responsive Typography 27Introduction 27Creating fluid responsive typography 28Making a text shadow with canvas 29Making an inner and outer shadow with canvas 31Rotating your text with canvas 33Rotating your text with CSS3 34Making 3D text with CSS3 36Adding texture to your text with text masking 38Styling alternating rows with the nth positional pseudo class 39Adding characters before and after pseudo elements 41Making a button with a relative font size 42Adding a shadow to your font 44Curving a corner with border radius 46Chapter 3: Responsive Layout 49Introduction 49Responsive layout with the min-width and max-width properties 49Controlling your layout with relative padding 52Adding a media query to your CSS 55Creating a responsive width layout with media queries 59Changing image sizes with media queries 64Hiding an element with media queries 66Making a smoothly transitioning responsive layout 68Chapter 4: Using Responsive Frameworks 79Introduction 79Using the Fluid 960 grid layout 80Using the Blueprint grid layout 84Fluid layout using the rule of thirds 88Trying Gumby a responsive 960 grid 93The Bootstrap framework makes responsive layouts easy 99Chapter 5: Making Mobile-first Web Applications 105Introduction 105Using the Safari Developer Tools User Agent switcher 106Masking your user agent in Chrome with a plugin 109Using browser resizing plugins 112Learning the viewport and its options 113Adding tags for jQuery Mobile 116Adding a second page in jQuery Mobile 119Making a list element in jQuery Mobile 122Adding a mobile native-looking button with jQuery Mobile 129Adding a mobile stylesheet for mobile browsers only using media queries 135Adding JavaScript for mobile browsers only 137Chapter 6: Optimizing Responsive Content 139Introduction 139Responsive testing using IEs Developer Tools 140Browser testing – using plugins 143Development environments – getting a free IDE 149Virtualization – downloading VirtualBox 152Getting a browser resizer for Chrome 156Chapter 7: Unobtrusive JavaScript 161Introduction 161Writing ´Hello World´ unobtrusively 161Creating a glowing ´submit´ button with the event listener 165Making a button stand out when you hover over it 169Resizing an element with unobtrusive jQuery 173Masking a password with unobtrusive JavaScript 177Using an event listener to animate an image shadow 179Index 185
Size :0.00P