{"product_id":"css3-foundations-isbn-9781118356548","title":"CSS3 Foundations","description":"\u003cp\u003e\u003cb\u003eMaster innovative and eye-catching website design with the exciting new Treehouse Series of books\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eTurn plain words and images into stunning websites with CSS3 and this beautiful, full-color guide. Taking web designers beyond the constraints of prebuilt themes and simple site-building tools, this new Treehouse book combines practicality with inspiration to show you how to create fully customized, modern websites that make viewers stop and stay.\u003c\/p\u003e \u003cp\u003eThe exciting new \u003cb\u003eTreehouse Series\u003c\/b\u003e of books is authored by Treehouse experts and packed with innovative design ideas and practical skill-building. If you're a web developer, web designer, hobbyist, or career-changer, every book in this practical new series should be on your bookshelf.\u003c\/p\u003e \u003cul\u003e \u003cli\u003ePart of the new Treehouse Series of books, teaching you effective and compelling website development and design, helping you build practical skills \u003c\/li\u003e \u003cli\u003eProvides career-worthy information from Treehouse industry pros and trainers \u003c\/li\u003e \u003cli\u003eExplains the basics of cascading style sheets (CSS), such as how to structure with CSS, use CSS syntax, how to manipulate text, and visual formatting \u003c\/li\u003e \u003cli\u003eAlso covers the box model, how to animate page elements, cross-browser compatibility, and more\u003c\/li\u003e \u003c\/ul\u003e \u003cp\u003eLeverage pages of dazzling website design ideas and expert instruction with a new Treehouse Series book.\u003c\/p\u003e \u003cp\u003e\u003cb\u003eIntroduction 3\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eWho Should Read This Book? 1\u003c\/p\u003e \u003cp\u003eWhat You Will Learn 1\u003c\/p\u003e \u003cp\u003eHow to Use This Book 2\u003c\/p\u003e \u003cp\u003eUsing This Book with Treehouse 2\u003c\/p\u003e \u003cp\u003e\u003cb\u003ePart 1: Introduction\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter one Understanding CSS and the Modern Web 5\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eWhat Is the Modern Web? 5\u003c\/p\u003e \u003cp\u003eWhat Is CSS? 6\u003c\/p\u003e \u003cp\u003eThe Role of CSS 6\u003c\/p\u003e \u003cp\u003eModern Browsers 10\u003c\/p\u003e \u003cp\u003eToday’s Major Browsers 10\u003c\/p\u003e \u003cp\u003eBrowser Engines (Layout Engines) 11\u003c\/p\u003e \u003cp\u003eBrowser Usage Statistics 12\u003c\/p\u003e \u003cp\u003eOlder Browsers on the Modern Web 12\u003c\/p\u003e \u003cp\u003eTools for Building and Styling the Modern Web 15\u003c\/p\u003e \u003cp\u003eWeb Developer Tools 15\u003c\/p\u003e \u003cp\u003eText Editors 17\u003c\/p\u003e \u003cp\u003eSummary 18\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Two Getting Started 19\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eGetting Started with the Project Files 20\u003c\/p\u003e \u003cp\u003eDownloading the Project Files 20\u003c\/p\u003e \u003cp\u003eFolder Structure and Good Practices 20\u003c\/p\u003e \u003cp\u003eUnderstanding the HTML Template 22\u003c\/p\u003e \u003cp\u003eGetting Started with CSS 30\u003c\/p\u003e \u003cp\u003eAdding CSS to a Page 30\u003c\/p\u003e \u003cp\u003eUsing Media Types 31\u003c\/p\u003e \u003cp\u003eInline Styles 32\u003c\/p\u003e \u003cp\u003eUser Agent Stylesheets 33\u003c\/p\u003e \u003cp\u003eUsing a CSS Reset for Better Browser Consistency 34\u003c\/p\u003e \u003cp\u003eSummary 38\u003c\/p\u003e \u003cp\u003e\u003cb\u003ePart 2: Learning CSS Syntax and Adding Presentational Styles\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Three Mastering The Power of CSS Selectors 41\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eWriting Your First Styles 41\u003c\/p\u003e \u003cp\u003eInheritance and the Relationship Between Elements 44\u003c\/p\u003e \u003cp\u003eSelectors 45\u003c\/p\u003e \u003cp\u003eUniversal Selector 45\u003c\/p\u003e \u003cp\u003eType Selector 45\u003c\/p\u003e \u003cp\u003eID and Class Selectors 46\u003c\/p\u003e \u003cp\u003eGrouping Selectors 47\u003c\/p\u003e \u003cp\u003eCombinators 48\u003c\/p\u003e \u003cp\u003eDescendant Combinators 48\u003c\/p\u003e \u003cp\u003eChild Combinators 49\u003c\/p\u003e \u003cp\u003eSibling Combinators 49\u003c\/p\u003e \u003cp\u003eAttribute Selectors 50\u003c\/p\u003e \u003cp\u003eSelecting Elements with an Attribute, Regardless of Its Value 51\u003c\/p\u003e \u003cp\u003eSelecting Elements with Multiple Attributes 51\u003c\/p\u003e \u003cp\u003eOther Attribute Selectors 51\u003c\/p\u003e \u003cp\u003ePseudo-Classes 52\u003c\/p\u003e \u003cp\u003eDynamic Pseudo-Classes 52\u003c\/p\u003e \u003cp\u003eStructural Pseudo-Classes 53\u003c\/p\u003e \u003cp\u003eThe Target Pseudo-Class 56\u003c\/p\u003e \u003cp\u003eThe UI Element States Pseudo-Classes 56\u003c\/p\u003e \u003cp\u003eThe Language Pseudo-Class 57\u003c\/p\u003e \u003cp\u003eThe Negation Pseudo-Class 57\u003c\/p\u003e \u003cp\u003ePseudo-Elements 58\u003c\/p\u003e \u003cp\u003eSelecting the First Line 58\u003c\/p\u003e \u003cp\u003eSelecting the First Letter 58\u003c\/p\u003e \u003cp\u003eGenerating Content Before and After an Element 59\u003c\/p\u003e \u003cp\u003eSelector Specificity and the Cascade 60\u003c\/p\u003e \u003cp\u003eThe !important Rule 61\u003c\/p\u003e \u003cp\u003eSummary 62\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Four Creating Styles Using Property Values 63\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eColor Keywords 63\u003c\/p\u003e \u003cp\u003eColor Values 64\u003c\/p\u003e \u003cp\u003eRGB (Hexadecimal) 64\u003c\/p\u003e \u003cp\u003eRGB (Integer Range) 67\u003c\/p\u003e \u003cp\u003eRGBA 67\u003c\/p\u003e \u003cp\u003eHSL and HSLA 68\u003c\/p\u003e \u003cp\u003eCode Challenge: Add More Colors to the Page 69\u003c\/p\u003e \u003cp\u003eUnits 69\u003c\/p\u003e \u003cp\u003ePercentages 70\u003c\/p\u003e \u003cp\u003eUnits of Length 70\u003c\/p\u003e \u003cp\u003eAbsolute Units 70\u003c\/p\u003e \u003cp\u003eRelative Units 71\u003c\/p\u003e \u003cp\u003eOther Units 75\u003c\/p\u003e \u003cp\u003eSummary 76\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Five Adding Presentational Styles 77\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eUsing Experimental Properties Safely 79\u003c\/p\u003e \u003cp\u003eBorders 81\u003c\/p\u003e \u003cp\u003eborder-color 81\u003c\/p\u003e \u003cp\u003eborder-style 82\u003c\/p\u003e \u003cp\u003eborder-width 83\u003c\/p\u003e \u003cp\u003eborder (Shorthand) 83\u003c\/p\u003e \u003cp\u003eborder-radius 84\u003c\/p\u003e \u003cp\u003eBorder Images 86\u003c\/p\u003e \u003cp\u003eborder-image-source 86\u003c\/p\u003e \u003cp\u003eborder-image-slice 87\u003c\/p\u003e \u003cp\u003eborder-image-width 88\u003c\/p\u003e \u003cp\u003eborder-image-repeat 88\u003c\/p\u003e \u003cp\u003eborder-image-outset 89\u003c\/p\u003e \u003cp\u003eborder-image (Shorthand) 90\u003c\/p\u003e \u003cp\u003ebox-shadow 91\u003c\/p\u003e \u003cp\u003eCode Challenge: Add More Border and Box Shadow Styles 93\u003c\/p\u003e \u003cp\u003eBackgrounds 93\u003c\/p\u003e \u003cp\u003ebackground-color 93\u003c\/p\u003e \u003cp\u003ebackground-image 94\u003c\/p\u003e \u003cp\u003ebackground-repeat 96\u003c\/p\u003e \u003cp\u003ebackground-position 97\u003c\/p\u003e \u003cp\u003ebackground-attachment 98\u003c\/p\u003e \u003cp\u003eApplying Multiple Background Images 98\u003c\/p\u003e \u003cp\u003eBackground Gradients 99\u003c\/p\u003e \u003cp\u003eLinear Gradients 100\u003c\/p\u003e \u003cp\u003ebackground-clip 102\u003c\/p\u003e \u003cp\u003ebackground-origin 104\u003c\/p\u003e \u003cp\u003ebackground-size 105\u003c\/p\u003e \u003cp\u003ebackground (Shorthand) 106\u003c\/p\u003e \u003cp\u003eCSS Image Replacement 107\u003c\/p\u003e \u003cp\u003eCode Challenge: Add More Background Properties 108\u003c\/p\u003e \u003cp\u003eopacity 108\u003c\/p\u003e \u003cp\u003evisibility 109\u003c\/p\u003e \u003cp\u003ecursor 111\u003c\/p\u003e \u003cp\u003eoutline (Shorthand) 111\u003c\/p\u003e \u003cp\u003econtent 112\u003c\/p\u003e \u003cp\u003eSummary 113\u003c\/p\u003e \u003cp\u003e\u003cb\u003ePart 3: Building a Solid and Adaptable Page Structure\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Six Creating A Basic Page Structure 117\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eStructure Types 117\u003c\/p\u003e \u003cp\u003eFluid 118\u003c\/p\u003e \u003cp\u003eFixed 118\u003c\/p\u003e \u003cp\u003eHybrid Layout for Responsive Design 120\u003c\/p\u003e \u003cp\u003eFluid Images 121\u003c\/p\u003e \u003cp\u003eAdaptive Design 123\u003c\/p\u003e \u003cp\u003eMobile First Design 125\u003c\/p\u003e \u003cp\u003eSummary 125\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Seven Creating Space and Understanding the Box Model 127\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eThe Box Model 127\u003c\/p\u003e \u003cp\u003eUsing Web Developer Tools to Better Understand the Box Model 129\u003c\/p\u003e \u003cp\u003emargin 130\u003c\/p\u003e \u003cp\u003eCode Challenge: Add More Margins to Elements 131\u003c\/p\u003e \u003cp\u003epadding 132\u003c\/p\u003e \u003cp\u003eCode Challenge: Add More Padding to Elements 133\u003c\/p\u003e \u003cp\u003eThe Pitfall of the Box Model and Working Around It 134\u003c\/p\u003e \u003cp\u003ebox-sizing 136\u003c\/p\u003e \u003cp\u003eSummary 139\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Eight Creating a Multicolumn Layout 141\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003efloat 142\u003c\/p\u003e \u003cp\u003eclear 143\u003c\/p\u003e \u003cp\u003eFloating Multicolumns 145\u003c\/p\u003e \u003cp\u003eCode Challenge: Make the Footer Elements Float Side by Side 152\u003c\/p\u003e \u003cp\u003eSummary 152\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Nine Understanding Display, Position, and Document Flow 153\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eDocument Flow 153\u003c\/p\u003e \u003cp\u003edisplay 155\u003c\/p\u003e \u003cp\u003eblock 155\u003c\/p\u003e \u003cp\u003eCode Challenge: Make the Newsletter Labels Block-level 156\u003c\/p\u003e \u003cp\u003einline 157\u003c\/p\u003e \u003cp\u003einline-block 159\u003c\/p\u003e \u003cp\u003elist-item 161\u003c\/p\u003e \u003cp\u003eDisplaying Tables 161\u003c\/p\u003e \u003cp\u003enone 161\u003c\/p\u003e \u003cp\u003eposition, top, right, bottom, and left 162\u003c\/p\u003e \u003cp\u003estatic 162\u003c\/p\u003e \u003cp\u003erelative 162\u003c\/p\u003e \u003cp\u003eabsolute 164\u003c\/p\u003e \u003cp\u003efixed 167\u003c\/p\u003e \u003cp\u003eCode Challenge: Change the Position of the Quotes Around the Customer Testimonials Without Affecting the Flow 168\u003c\/p\u003e \u003cp\u003eUsing display, position, and z-index to Create a Drop-Down Menu 169\u003c\/p\u003e \u003cp\u003ez-index 173\u003c\/p\u003e \u003cp\u003eCode Challenge: Apply z-index to Other Elements 174\u003c\/p\u003e \u003cp\u003evertical-align and Vertical Centering Techniques 175\u003c\/p\u003e \u003cp\u003evertical-align 175\u003c\/p\u003e \u003cp\u003eVertical Centering Techniques 177\u003c\/p\u003e \u003cp\u003eThe Fake Table Cells Technique 177\u003c\/p\u003e \u003cp\u003eThe Stretched Element Technique 179\u003c\/p\u003e \u003cp\u003eThe 50% Top Minus Half the Elements Height Technique 181\u003c\/p\u003e \u003cp\u003eoverflow 183\u003c\/p\u003e \u003cp\u003eSummary 186\u003c\/p\u003e \u003cp\u003e\u003cb\u003ePart 4: Typography\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Ten Changing the Font 189\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eChoosing a Web Safe Font Using font-family and Font Stacks 190\u003c\/p\u003e \u003cp\u003efont-family 191\u003c\/p\u003e \u003cp\u003eApplying Fonts Using @font-face 192\u003c\/p\u003e \u003cp\u003eFont Licenses and Third-Party Font Services 194\u003c\/p\u003e \u003cp\u003eGoogle Web Fonts 194\u003c\/p\u003e \u003cp\u003eOther Font Services 198\u003c\/p\u003e \u003cp\u003eSummary 198\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Eleven Styling Fonts and Text 199\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eStyling Fonts 199\u003c\/p\u003e \u003cp\u003efont-style 200\u003c\/p\u003e \u003cp\u003efont-variant 200\u003c\/p\u003e \u003cp\u003efont-weight 201\u003c\/p\u003e \u003cp\u003efont-size 202\u003c\/p\u003e \u003cp\u003eKeywords 203\u003c\/p\u003e \u003cp\u003ePercentages 203\u003c\/p\u003e \u003cp\u003eAbsolute Length Units 203\u003c\/p\u003e \u003cp\u003eRelative Units 203\u003c\/p\u003e \u003cp\u003ePercentages versus Ems 205\u003c\/p\u003e \u003cp\u003eline-height 206\u003c\/p\u003e \u003cp\u003efont (Shorthand) 207\u003c\/p\u003e \u003cp\u003eCode Challenge: Change the Style of More Fonts 208\u003c\/p\u003e \u003cp\u003eStyling Text 209\u003c\/p\u003e \u003cp\u003ecolor 209\u003c\/p\u003e \u003cp\u003etext-decoration 209\u003c\/p\u003e \u003cp\u003etext-transform 210\u003c\/p\u003e \u003cp\u003etext-shadow 211\u003c\/p\u003e \u003cp\u003eletter-spacing 212\u003c\/p\u003e \u003cp\u003eword-spacing 213\u003c\/p\u003e \u003cp\u003edirection 213\u003c\/p\u003e \u003cp\u003etext-align 213\u003c\/p\u003e \u003cp\u003etext-indent 215\u003c\/p\u003e \u003cp\u003ewhite-space 215\u003c\/p\u003e \u003cp\u003eoverflow-wrap and word-wrap 216\u003c\/p\u003e \u003cp\u003eCode Challenge: Change the Style of Various Text Elements 217\u003c\/p\u003e \u003cp\u003eStyling Lists 217\u003c\/p\u003e \u003cp\u003elist-style-type 217\u003c\/p\u003e \u003cp\u003elist-style-image 219\u003c\/p\u003e \u003cp\u003elist-style-position 219\u003c\/p\u003e \u003cp\u003elist-style (Shorthand) 220\u003c\/p\u003e \u003cp\u003eSummary 220\u003c\/p\u003e \u003cp\u003e\u003cb\u003ePart 5: Taking It to the Next Level with Transforms and Animations\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Twelve Adding 2D Transforms 223\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eSafely Using Experimental CSS3 Properties 223\u003c\/p\u003e \u003cp\u003etransform and 2D Transform Functions 224\u003c\/p\u003e \u003cp\u003etranslate(), translateX(), and translateY() 225\u003c\/p\u003e \u003cp\u003erotate() 227\u003c\/p\u003e \u003cp\u003escale(), scaleX(), and scaleY() 228\u003c\/p\u003e \u003cp\u003eskewX() and skewY() 228\u003c\/p\u003e \u003cp\u003ematrix() 230\u003c\/p\u003e \u003cp\u003etransform-origin 230\u003c\/p\u003e \u003cp\u003eSummary 232\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Thirteen Going Beyond with 3D Transforms 233\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eperspective 234\u003c\/p\u003e \u003cp\u003eperspective-origin 235\u003c\/p\u003e \u003cp\u003etransform and 3D Transform Functions 235\u003c\/p\u003e \u003cp\u003etranslateZ() and translate3d() 235\u003c\/p\u003e \u003cp\u003erotateX(), rotateY(), rotateZ(), and rotate3d() 239\u003c\/p\u003e \u003cp\u003escaleZ() and scale3d() 241\u003c\/p\u003e \u003cp\u003eMultiple 3D Transform Functions 243\u003c\/p\u003e \u003cp\u003etransform-style 243\u003c\/p\u003e \u003cp\u003ebackface-visibility 245\u003c\/p\u003e \u003cp\u003eSummary 246\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Fourteen Bringing Your Website to Life with Transitions and Animations 247\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eAnimating Elements from A to B Using Transitions 247\u003c\/p\u003e \u003cp\u003etransition-property 248\u003c\/p\u003e \u003cp\u003etransition-duration 249\u003c\/p\u003e \u003cp\u003etransition-timing-function 250\u003c\/p\u003e \u003cp\u003etransition-delay 251\u003c\/p\u003e \u003cp\u003etransition (Shorthand) 251\u003c\/p\u003e \u003cp\u003eMaking the Banner Transition Back to Its Normal State 252\u003c\/p\u003e \u003cp\u003eCode Challenge: Make the Sidebar Sections Transition 253\u003c\/p\u003e \u003cp\u003eAnimating Elements from A to Z Using Keyframes 253\u003c\/p\u003e \u003cp\u003e@keyframes 256\u003c\/p\u003e \u003cp\u003eanimation-name 258\u003c\/p\u003e \u003cp\u003eanimation-duration 258\u003c\/p\u003e \u003cp\u003eanimation-timing-function 259\u003c\/p\u003e \u003cp\u003eanimation-delay 260\u003c\/p\u003e \u003cp\u003eanimation-iteration-count 260\u003c\/p\u003e \u003cp\u003eanimation-direction 260\u003c\/p\u003e \u003cp\u003eanimation-play-state 261\u003c\/p\u003e \u003cp\u003eTable of Contents xiii\u003c\/p\u003e \u003cp\u003eanimation-fill-mode 262\u003c\/p\u003e \u003cp\u003eanimation (Shorthand) 263\u003c\/p\u003e \u003cp\u003eCreating a Cycling Image Showcase 264\u003c\/p\u003e \u003cp\u003eSummary 267\u003c\/p\u003e \u003cp\u003e\u003cb\u003ePart 6: Preparing for Multiple Browsers and Devices\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Fifteen Testing Across Multiple Browsers 271\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eVendor Prefixing the Easy Way 272\u003c\/p\u003e \u003cp\u003eTesting Modern Browsers 276\u003c\/p\u003e \u003cp\u003eFirefox 13 and Safari 5 276\u003c\/p\u003e \u003cp\u003eOpera 11 and 12 277\u003c\/p\u003e \u003cp\u003eInternet Explorer 10 277\u003c\/p\u003e \u003cp\u003eInternet Explorer 9 280\u003c\/p\u003e \u003cp\u003eFirefox 3.6 280\u003c\/p\u003e \u003cp\u003eTesting Older Versions of Internet Explorer 280\u003c\/p\u003e \u003cp\u003eInternet Explorer 8 280\u003c\/p\u003e \u003cp\u003eConditional Comments for Internet Explorer 6, 7, and 8 283\u003c\/p\u003e \u003cp\u003eUniversal Internet Explorer 6 Stylesheet 287\u003c\/p\u003e \u003cp\u003eSummary 288\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Sixteen Making Your Website Look Great Across Multiple Devices 289\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eUsing Opera Mobile Emulator 290\u003c\/p\u003e \u003cp\u003eScaling the Viewport on Mobile Devices 292\u003c\/p\u003e \u003cp\u003eUsing Media Queries 294\u003c\/p\u003e \u003cp\u003eUsing Logical Operators 295\u003c\/p\u003e \u003cp\u003eAnd 295\u003c\/p\u003e \u003cp\u003eOr 295\u003c\/p\u003e \u003cp\u003eNot 296\u003c\/p\u003e \u003cp\u003eOnly 296\u003c\/p\u003e \u003cp\u003ewidth 296\u003c\/p\u003e \u003cp\u003eApplying Styles to Specific Media Features 296\u003c\/p\u003e \u003cp\u003eheight 298\u003c\/p\u003e \u003cp\u003edevice-width 298\u003c\/p\u003e \u003cp\u003edevice-height 299\u003c\/p\u003e \u003cp\u003eorientation 299\u003c\/p\u003e \u003cp\u003easpect-ratio 299\u003c\/p\u003e \u003cp\u003edevice-aspect-ratio 299\u003c\/p\u003e \u003cp\u003ecolor, color-index, monochrome, resolution, scan, and grid 300\u003c\/p\u003e \u003cp\u003eAdding Media Queries to Cool Shoes \u0026amp; Socks 300\u003c\/p\u003e \u003cp\u003eMedia Queries for Mobile Devices 300\u003c\/p\u003e \u003cp\u003eMedia Queries for Tablets and Narrow-Size Desktop Browsers 307\u003c\/p\u003e \u003cp\u003eSummary 311\u003c\/p\u003e \u003cp\u003e\u003cb\u003eChapter Seventeen Final Steps and Conclusion 313\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eFinal Steps 313\u003c\/p\u003e \u003cp\u003eRemoving Production Code and Preparing to Go Live 314\u003c\/p\u003e \u003cp\u003eTesting, Testing, Testing 315\u003c\/p\u003e \u003cp\u003eGoing Live! Uploading to a Web Server 315\u003c\/p\u003e \u003cp\u003eThe Future Web 315\u003c\/p\u003e \u003cp\u003eIndex 317\u003c\/p\u003e \u003cb\u003eIan Lunn\u003c\/b\u003e (@IanLunn) is a freelance front end developer, passionate about building the future of the web using technologies such as CSS3 and HTML5. With a Higher National Diploma in Internet Technology, Ian combines his education with expertise in CSS, HTML, JavaScript, and WordPress to build creative and effective websites and applications.\u003cbr\u003e\u003cbr\u003e\u003cb\u003eTreehouse\u003c\/b\u003e is a consortium of web and software designers and developers whose mission is to bring affordable technology education to people everywhere, in order to help them achieve their dreams and change the world. In keeping with that mission, the Treehouse Series of books are authorized by experts and loaded with innovative design ideas and practical skill -building instruction. If you're a web developer, web designer, hobbyist, or career -changer, every book in the series belongs on your bookshelf.  \u003cp\u003e\u003cb\u003eTAKE YOUR WEB DESIGN AND DEVELOPMENT KNOW-HOW TO AN EXCITING NEW LEVEL\u003c\/b\u003e\u003c\/p\u003e \u003cp\u003eHtml is fun when you’re first learning how to use it to build a website. But when you add CSS (Cascading Style Sheets) to the mix, the experience—and your web pages—become magical. \u003ci\u003eCSS3 Foundations\u003c\/i\u003e takes you beyond the pre-fab themes and simple site-building tools found in most books, and provides you with the knowledge and tools you need to turn humdrum words and images into dazzling websites that draw visitors in and make them want to stay.\u003c\/p\u003e \u003cp\u003eWhether you’re a novice or an experience developer who’d like to take your skills to the next level, word-class developer Ian Lunn fills you in on all the CSS3 you need to know, including how to:\u003c\/p\u003e \u003cul\u003e \u003cli\u003eDevelop with CSS for desktop and mobile browsers\u003c\/li\u003e \u003cli\u003eMaster CSS syntax\u003c\/li\u003e \u003cli\u003eCreate multi-column page layouts\u003c\/li\u003e \u003cli\u003eUse media types and media queries\u003c\/li\u003e \u003cli\u003eManipulate text and fonts\u003c\/li\u003e \u003cli\u003eExecute visual formatting\u003c\/li\u003e \u003cli\u003eJazz up your pages with transforms\u003c\/li\u003e \u003cli\u003eBring pages to life with transitions and animations\u003c\/li\u003e \u003cli\u003eBuild cross-browser compatible websites\u003c\/li\u003e \u003cli\u003eFine-tune your workflow with best practices\u003c\/li\u003e \u003c\/ul\u003e \u003cp\u003eLike all the books in the Treehouse series, \u003ci\u003eCSS3 Foundations\u003c\/i\u003e is designed to help you expand your skill set and broaden your professional horizons, whether you’re a hobbyist looking to go pro, a freelancer who wants to expand your client base, or an entrepreneur who want to know how to create a website fully customized for your company and your market niche.\u003c\/p\u003e","brand":"Wiley","offers":[{"title":"Default Title","offer_id":47989011022053,"sku":"NP9781118356548","price":39.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1842\/7735\/files\/9781118356548.jpg?v=1761782422","url":"https:\/\/k12savings.com\/es\/products\/css3-foundations-isbn-9781118356548","provider":"K12savings","version":"1.0","type":"link"}