Copyrighted Material

Index alt property, 62 • Symbols and AngularJS (Google library) Numerics • Google CDN, accessing with, 177 jQuery, combining with, 179 , (commas), separating tags with, 24 online resources, 178–179 { } (curly braces) overview, 178–179 $ (dollar signs), 118 animate( ) method > (greater-than signs), separating overview, 145 tagswith, 24 properties supported, 146 # (hashtags) transformations, using with, 152 color attribute, using with, 15, 57 Animate.css library, 313–315 hexadecimal color values, using with, 253 animated class, 314 jQuery, using with, 277 Animated Gif tool styles, using with, 15 images, creating, 244 - (hyphens), using with attribute online resources, 243 selectors, 32 test page, creating, 245 + (plus signs), separating tags with, 24 animations “ (quotes), using with spaces, 16 adding with animate( ) method, ~ (tildes), separating tags with, 24 145–146 “30 CSS Best Practices for Beginners” advantages of, 243 (Stansberry), 344 browser support, 11–13 960 Grid System website, 339 colors, 145–146 creating with Animated Gif, 243–245 • A • images, creating, 244 lists, 330–331 Accordion widget, 126–127 online resources, 107, 243, 317–320 :active state selector, 38 overview, 244 AddClass( ) method, 147–148 Stylie generator, 323–325 addClass( ) method, 139 test page, creating, 245 add-ons, 190 transitions, 243–245 Adobe Flash. See Flash API (Application Programming Interface). :after pattern selector,COPYRIGHTED 34 See MATERIAL also Google API AJAX (Asynchronous JavaScript and XML) browsers targeted, 176 Dojo support, 179 CDN, solving problems with, 175 Dynamic Drive techniques, 293 CSS, avoiding with, 176 Ext Core support, 181 defi nition, 115 overview, 119 Dynamic Drive, using, 155 Prototype support, 183 jQuery, using, 118 script.aculo.us support, 184 multiples, advantages of using, 175–176 ajax property, 119 overview, 175 alert( ) method, 129–130 arrows, creating, 36 226_9781118441428-bindex.indd6_9781118441428-bindex.indd 345345 99/26/13/26/13 22:55:55 PMPM 346 CSS3 For Dummies Asynchronous JavaScript and XML (AJAX) overview, 58 Dojo support, 179 testing with readers, 58 Dynamic Drive techniques, 293 author’s website, 324 Ext Core support, 181 azimuth aural property, 58 overview, 119 Prototype support, 183 • B • script.aculo.us support, 184 attr( ) method <b> tag, 163 example, 107–108 background property, 247–248 online resources, 106 background-attachment property, 79 overview, 106 background-color attribute, 15 text, hiding, 108 background-image property, 44, 75–76 attribute selectors. See also individual background-position property, 79 selectors by name background-repeat property, 44, 80 browser issues, solving, 329–330 backgrounds. See also graphics categories, 23 background property, using, 247–248 color control, 31 browsers, compatibility, 74 event selectors, 37–38 CSS, designing with, 44 formatting issues, 32 GIF fi les, using for, 240 importance of, 329 images, adding, 21 inheritance rules, 86–87 images, multiple, 77–78 jQuery, commonly used, 120 images, positioning, 78–79 :not selector usage, 25 images, resizing, 80–81 overview, 22–23 images, single, 75–76 Selectivizr tool, using for, 329–330 linear gradients, using, 70–72 specifi c versus generic, 87 online resources, 71–75 state selectors, 23, 38–40 overview, 69–70 tag separator signs, 24 patterns, creating, 71 tags, working with, 24 url( ) method, 44 [Attribute] selector, 29 background-size property, 44, 80 [Attribute$=Value] selector, 29 basic box model [Attribute*=Value] selector, 29 borders, controlling, 41 [Attribute^=Value] selector, 29 margins, setting, 41–42 [Attribute|=Value] selector, 29 overview, 40 [Attribute~=Value] selector, 29 padding, controlling, 41 [Attribute=Value] selector, 29 regions described, 41 attributes. See also individual attributes by :before pattern selector, 34 name Ben’s Sandbox, 266–267 name pairs, 15 blink: feature, 51–52 :not selector usage, 25 block tags, 91–92 selector names, 28–29 BMP fi le format, 241 selectors, using with, 23 body styles, 88–90 value pairs, 15 <body> tag aural style sheets inheritance rules, 90–91 aural properties, 58–60 properties, controlling with, 43 benefi ts of, 10, 45 border-color property, 43 226_9781118441428-bindex.indd6_9781118441428-bindex.indd 346346 99/26/13/26/13 22:55:55 PMPM Index 347 #BorderContainer style, 82 online resources, 174 border-image property, 83 ThemeRoller, using with, 215 border-image-generator, 83 themes, applying to, 235 border-radius property, 42 transitions, using with, 146–148 borders, creating, 65–66 BYOD (Bring Your Own Device), 10 border-width property, 42 bottom property, 78 • C • Bring Your Own Device (BYOD), 10 <browser> variable, 118 calendar scripts, 292 browsers calibration, monitors, 198 API, using with, 176 cascading background patterns, viewing, 74 advantages of, 87 border issues, 81 defi nition, 9 color names, standard, 57 example, 25–28 column prefi xes, 108–109 overview, 86–87 columns, fi xed versus liquid, 156–157 Cascading Style Sheets. See CSS3 compatibility, online resources, 23, CDN (Google Content Distribution 321–322, 338–339 Network). See also individual libraries compatibility strategies, 11–12, 116 by name CSS features supported, 9–10 advantages of, 175 CSS3 standards, advantages of, 10 libraries, linking to, 177 detection of, 116–120, 182, 329 libraries included, 177 Dynamic Drive script verifi cations, libraries, paid versus free, 178 291–292 online resources, 177 font considerations, 47, 51 permissions needed, 178 HTML5 issues, 101 reliability, increasing with, 176 measurements, relative versus absolute, security, enhancing with, 177 19–20 centering techniques for images, 66–67 mobile device support, 116 change method, 134 navigation techniques, 93–97 ChangeButtonState( ) method, 151 Normalize.css, compatibility solutions, :checked state selector, 38 321–322 Chrome Frame (Google library), 177, 179 online resources, 117–118 class attribute optimizing applications for, 329 advantages of, 21 resets, 338–339 selectors, using with, 28 scripts, controlling with, 294 class transitions, 146–148 special effects and CSS, 8 class=”separator” attribute, 307 text effects, cautions, 52 .ClassName selector, 28 transform prefi xes, 105 code version detection, 12 browsers, fi nding with, 260–261 web safe fonts, 47–49 href attribute, fi nding with, 260 <button> method, 252 libraries and generators, tweaking, buttons 259–260 Accordion widget, using with, 126–127 online resources, 263–264 forms, creating, 172 streamlining, 326–327 micro buttons, creating, 250–251 tweaking choices, 264–265 micro buttons, using, 251–252 viewing, 262–264 226_9781118441428-bindex.indd6_9781118441428-bindex.indd 347347 99/26/13/26/13 22:55:55 PMPM 348 CSS3 For Dummies Color Analyzer (ColorZilla) web safe color palette, 56 CSS fi le information, 206 webpages, analyzing colors on, 205–206 limitations of, 204 color-shifted. See colorblindness output saving options, 207 ColorZilla overview, 204 browser compatibility, 193 usage details, understanding, 205–206 Color Analyzer, 204–207 webpage, analyzing, 204–205 Color Picker, 198–200 color attribute debugging help, 197 hashtags, using, 15 Eyedropper, grabbing colors with, hexadecimal values, using, 15 203–204 names versus hexadecimal values, 31 eyedropper icon, using, 197 online resources for names, 31 Firebug, launching from, 197 Color Picker (ColorZilla) online resources, 193–194, 196–197 colors, entering directly, 199 overview, 193–194 online resources, 199 Palette Browser, using, 200–203 overview, 198 plug-in installation, 194–197 Palette Browser versus, 200 samples, fi nding colors from, 200 samples, fi nding colors from, 200 column-count property, 109 smooth versus Discrete options, 200 column-fill property, 109 colorblindness column-gap property, 109 color selection, importance of, 194 column-rule property, 109 color-shifted versus, 194 column-rule-color property, 109 online resources, 194 column-rule-style property, 109 perception issues, 55 column-rule-width property, 109 colors. See also gradients columns Color Analyzer (ColorZilla), 204–207 browser prefi xes, 108–109 Color Picker (ColorZilla), 198–200 Dynamic Drive, creating with, 158–160 custom palettes, creating, 207 Dynamic Drive, modifying with, 160–163 custom palettes, saving and sharing, example, 109–111 200–203, 207 layouts, fi xed versus liquid, 156–157 defi ning, methods for, 55–56 layouts, frames, 167 device type, effects upon, 198 layouts, three-column, 163–167 Eyedropper (ColorZilla), grabbing colors layouts, two-column, 157–158 with, 203–204 online resources, 110, 167 hiding items with, 278 overview, 108 monitor calibration, 198 columns property, 109 names, obtaining, 199 column-span property, 109 names versus hexadecimal values, 31, 57 column-width property, 109 online resources, 55–57, 199 commas (,), separating tags, 24 overview, 55, 193 compatibility Palette Browser (ColorZilla), 200–203 browser differences, solving, 321–322 samples, fi nding colors from, 200 online resources, 23 screen references, avoiding for, 56 strategies for, 11–12, 116 selection types, 201 #Configuration style, 136 value systems supported, 56–57 confirm( ) method, 129 226_9781118441428-bindex.indd6_9781118441428-bindex.indd 348348 99/26/13/26/13 22:55:55 PMPM Index 349 containers Extended Box Model, 13 graphics, using with, 65–66 features, new, 9–10 resizing, 68 generic attribute names, using, 15 content attribute, 308 Marquee module, 13 Content Distribution Network (CDN). See modules, using, 10, 12–13 also individual libraries by name need for, 9–10 advantages of, 175 online

Copyrighted Material

Details

Download

Copyright

We respect the copyrights and intellectual property rights of all users. All uploaded documents are either original works of the uploader or authorized works of the rightful owners.

Support