Ricardo Zea Mastering Responsive Web Design with HTML5 and CSS3 2015

Ricardo Zea Mastering Responsive Web Design with HTML5 and CSS3 2015

Name	Ricardo Zea - Mastering Responsive Web Design with HTML5 and CSS3 - 2015	DOWNLOAD Copy Link Trouble downloading? see How To
Total Size	20.2 MB
Total Files	204
Hash	63D4C4178A33B5B97C61458AB48FB369E6CEE6B9

/.../B02102_01_Code/
01 - Example of how I wrote Sass for the first time.scss	0.2 KB
02 - Example of compiled file.scss	0.2 KB
03 - CMD Windows Sass gem installation.txt	0.1 KB
04 - Terminal Mac Sass gem installation.txt	0.1 KB
05 - CMD Windows changing directory.txt	0.2 KB
06 - CMD Windows Make Sass watch the scss and css folders.txt	0.2 KB
07 - Example of Sass syntax.txt	0.2 KB
08 - Compiled CSS from Sass syntax example.css	0.2 KB
09 - SCSS syntax example.scss	0.2 KB
10 - Compiled CSS from second SCSS syntax example.css	0.2 KB
11 - Sass variable example.scss	0.1 KB
12 - How to use a Sass variable.scss	0.2 KB
13 - Compiled CSS from Sass variable example.css	0.2 KB
14 - Sass mixin example.scss	0.3 KB
15 - How to call the Sass mixin.scss	0.2 KB
16 - Compiled CSS from Sass mixin example.scss	0.3 KB
17 - Recap example - used the @mixin directive.scss	0.3 KB
18 - Recap example - used camelCase for the mixin name.scss	0.3 KB
19 - Recap example - used Sass variables within the mixin.scss	0.3 KB
20 - used the keyword 'black' in the box-shadow color property.scss	0.3 KB
21 - Recap example - could've used our variable name in the mixin.scss	0.3 KB
22 - Recap example - omitted the 0 in the alpha value.scss	0.3 KB
23 - Recap example - Compiled CSS from Sass mixin (#2).css	0.3 KB
24 - Sass argument example.scss	0.3 KB
25 - Setting a value on the Sass argument.scss	0.2 KB
26 - Compiled CSS after using a Sass argument.css	0.3 KB
27 - Setting a default value on a Sass argument.scss	0.3 KB
28 - Calling the mixin without setting a value to the mixin.scss	0.2 KB
29 - Compiled CSS from the mixin without a value.scss	0.3 KB
30 - Several arguments in the same mixin.scss	0.3 KB
31 - Declaring arguments.scss	0.2 KB
32 - Compiled CSS after declaring arguments.scss	0.2 KB
33 - Defatul values in multiple arguments.scss	0.3 KB
34 - Declaring only the first property of multiple arguments.scss	0.3 KB
35 - Compiled CSS from declaring the first property of multiple arguments.css	0.2 KB
36 - Nesting in Sass.scss	0.4 KB
37 - Compiled CSS from nesting example.scss	0.3 KB
38 - Partials - _variables.scss example.scss	0.2 KB
39 - Importing partial _variables.scss into styles.scss	0.2 KB
40 - Sass Extend-Inherit rule example.scss	0.3 KB
41 - Using @extend directive.scss	0.2 KB
42 - Compiled CSS after using the @extend directive.scss	0.3 KB
43 - Sass comments - Traditional CSS comment.css	0.2 KB
44 - Sass comments - Sass-style comment.scss	0.1 KB
45 - Sass comment doesn't get compiled example.scss	0.3 KB
46 - CSS comment does get compiled example.scss	0.3 KB
47 - Example of vendor prefix (-moz-).scss	0.2 KB
48 - Highlight of vendor prefix (-moz-) on a CSS property.scss	0.2 KB
49 - Example of vendor prefix (-webkit-) on a CSS value.scss	0.2 KB
50 - Highlight of vendor prefix (-webkit-) on a CSS value.scss	0.2 KB
51 - Vendor prefixing the linear-gradient property.scss	0.4 KB
52 - Importing Compass's CSS3 images module.scss	0.1 KB
53 - Using Compass's CSS3 images module.scss	0.2 KB
54 - Compiled CSS after using Compass's CSS3 images module.scss	0.5 KB
55 - Highlight SVG line on compiled CSS after using Compass's CSS3 images module.scss	0.5 KB
56 - Highlight background-size line on compiled CSS after using Compass's CSS3 images module.scss	0.5 KB
57 - Highlight old CSS syntax line on compiled CSS after using Compass's CSS3 images module.scss	0.5 KB
60 - Calling -prefix-free in the head.scss	0.4 KB
61 - CMD Windows - Installing Autoprefixer with Node.js.txt	0.2 KB
62 - CMD Windows - Installing Autoprefixer with Ruby.txt	0.2 KB
63 - Pleeease JSON configuration file.json	0.2 KB
64 - CMD Windows - Pleeease compilation instruction.txt	0.1 KB
65 - Emmet example to add vendor prefixes.scss	0.1 KB
66 - Emmet example after adding all vendor prefixes.scss	0.2 KB
67 - CMD Windows - Run Sass's --watch command.txt	0.1 KB
68 - Prepros - Extended style outpout.css	0.2 KB
69 - Prepros - Nested style outpout.css	0.2 KB
70 - Prepros - Compact style outpout.css	0.2 KB
71 - Prepros - Compressed style outpout.css	0.2 KB
72 - Mixins for media queries - method #1.scss	0.4 KB
73 - Mixins for media queries - method #1 -- usage.scss	0.2 KB
74 - Mixins for media queries - method #1 -- compiled CSS.css	0.3 KB
75 - Mixins for media queries - method #1 -- comment.scss	0.1 KB
76 - Mixins for media queries - method #1 -- mixin directive with argument.scss	0.2 KB
77 - Mixins for media queries - method #1 -- if statement with variable and value.scss	0.2 KB
78 - Mixins for media queries - method #1 -- media directive with content directive.scss	0.2 KB
79 - Mixins for media queries - method #1 -- else statement with variable and value.scss	0.2 KB
80 - Mixins for media queries - method #1 -- media directive with content directive #2.scss	0.2 KB
81 - Mixins for media queries - method #2.scss	0.4 KB
82 - Mixins for media queries - method #2 -- usage.scss	0.2 KB
83 - Mixins for media queries - method #2 -- compiled CSS.css	0.3 KB
84 - Mixins for media queries - method #3.scss	0.2 KB
85 - Mixins for media queries - method #3 -- usage.scss	0.3 KB
86 - Mixins for media queries - method #3 -- compiled CSS.css	0.3 KB
B02102_01_Code.zip	34.0 KB
/.../B02102_02_Code/
01 - main element.html	0.2 KB
02 - article element.html	0.2 KB
03 - section element.html	0.5 KB
04 - aside element.html	0.7 KB
05 - header element.html	1.0 KB
06 - footer element.html	1.4 KB
07 - nav element.html	1.6 KB
08 - Example of ARIA role in header.html	0.1 KB
09 - role=banner example.html	0.4 KB
10 - role=navigation example #1.html	0.3 KB
11 - role=navigation example #2.html	0.4 KB
12 - role=main example.html	0.2 KB
13 - role=contentinfo example.html	0.4 KB
14 - role=search example.html	0.2 KB
15 - role=form example.html	0.6 KB
16 - role=complementary example.html	0.3 KB
17 - Viewport meta tag example.html	0.2 KB
18 - X-UA-Compatible meta tag example.html	0.1 KB
19 - charset meta tag example.html	0.1 KB
20 - Full HTML5 example page.html	2.7 KB
21 - SCSS for the wireframe page.scss	3.8 KB
/.../B02102_03_Code/
01 - Mobile-first mixin we're going to use.scss	0.2 KB
02 - How to use the Mobile-first mixin.scss	0.3 KB
03 - Compiled CSS when using the Mobile-first mixin.scss	0.2 KB
04 - Desktop-first mixin we're going to use.scss	0.2 KB
05 - How to use the Desktop-first mixin.scss	0.3 KB
06 - Compiled CSS when using the Desktop-first mixin.scss	0.3 KB
07 - Example of how we've been using Desktop-first.scss	0.3 KB
08 - Compiled CSS from example of how we've been using Desktop-first.scss	0.2 KB
09 - IE7 and IE8 can't see inside the media query.scss	0.3 KB
10 - Compiled CSS of IE7 and IE8 can't see inside the media query.scss	0.2 KB
11 - Base HTML to use Respond.js with.html	0.4 KB
12 - SCSS used to style the base HTML to use Respond.js with.scss	0.3 KB
13 - Compiled CSS used to style the base HTML to use Respond.js with.scss	0.2 KB
14 - Conditional Classes in the html tag.html	0.3 KB
15 - Example of targeting IE7 using Conditional Classes.scss	0.1 KB
16 - Example of targeting IE7-8-9 using Conditional Classes.scss	0.2 KB
17 - Compiled CSS of example of targeting IE7-8-9 using Conditional Classes.css	0.2 KB
18 - Example of what we would do for other browsers.css	0.1 KB
19 - Base HTML for retrofitting an old website with RWD.html	0.6 KB
20 - Create the _980gs.scss partial file.scss	1.1 KB
21 - Import the _980gs.scss file.scss	0.2 KB
22 - Add the Desktop-first mixin without the em calculation.scss	0.3 KB
23 - Add the basic styling classes.scss	0.7 KB
24 - (AWD) Media queries aimed at 768px.scss	0.6 KB
25 - (AWD) Media queries aimed at 640px.scss	0.9 KB
26 - (AWD) Media queries aimed at 480px.scss	1.0 KB
27 - Example of new media block to creat a one column layout.scss	0.2 KB
28 - (AWD) Media queries aimed at 320px.scss	1.3 KB
29 - (AWD) Removing the padding from the main 12col container.scss	0.2 KB
30 - (AWD) Creating a breakpoint for 320px for all columns.scss	0.3 KB
31 - (AWD) Again, all the SCSS code.scss	1.3 KB
32 - (AWD) Compiled CSS file of all media queries.css	1.2 KB
33 - RWD Magic Formula.txt	0.1 KB
34 - SCSS code section of issue with .container_12 and .grid rules.scss	0.3 KB
35 - Solution B - 960 divided by 980.txt	0.1 KB
36 - Solution B - 940 divided by 960.txt	0.1 KB
37 - Width of Header and Footer.txt	0.1 KB
38 - Width of Nav.txt	0.1 KB
39 - Width of Content.txt	0.1 KB
40 - Retrofitting with RWD - Initial SCSS.scss	0.3 KB
41 - Calculating the 10px padding in percentages for .container_12.txt	0.2 KB
42 - Adding the padding in percentages to .container_12.scss	0.4 KB
43 - Adding the margin in percentages to all the columns.scss	0.5 KB
44 - (RWD) Media queries aimed at 768px.scss	0.6 KB
45 - (RWD) Media queries aimed at 640px plus making Nav and Content full width.scss	0.8 KB
46 - (RWD) Media queries aimed at 480px.scss	0.8 KB
47 - (RWD) Media queries aimed at 320px and remove padding from .container_12.scss	1.0 KB
48 - (RWD) Again, all the SCSS code.scss	1.0 KB
49 - (RWD) Compiled CSS file of all media queries.css	1.0 KB
/.../B02102_04_Code/
01 - SCSS file from 'Chapter 3 - Mobile-first or Desktop-first'.scss	1.1 KB
02 - RWD Magic Forumla.txt	0.1 KB
03 - 980GS with percentages.scss	1.1 KB
04 - The Math - Numeric Pattern - RWD Magic Forumla.txt	0.2 KB
05 - The Math - Numeric Pattern - converting 1 column to percentages.txt	0.2 KB
06 - The Math - Numeric Pattern - total of 2 columns in pixels.txt	0.2 KB
07 - The Math - Numeric Pattern - converting 2 columns to percentages.txt	0.2 KB
08 - The Math - Numeric Pattern - total of 3 columns in pixles.txt	0.2 KB
09 - The Math - Numeric Pattern - converting 3 columns to percentages.txt	0.2 KB
10 - The Math - Numeric Pattern - all equations listed.txt	0.6 KB
11 - The Math - Numeric Pattern - SCSS for the 12 column grid.scss	0.4 KB
12 - Add the UTF-8 Character Set Directive and a Credits Section.scss	0.7 KB
13 - Include the box-sizing Property and the Mobile-first Mixin.scss	0.8 KB
14 - Converting 10px into percentage.scss	0.1 KB
15 - Converting 20px into percentage.scss	0.1 KB
16 - Including .container-12 rule.scss	1.0 KB
17 - Make it Mobile-first.scss	1.5 KB
18 - Add the Row and Float Clearing Rules.scss	1.8 KB
19 - HTML for the Build a Sample Page with the Custom CSS Grid section.html	1.7 KB
20 - HTML for the Build a Sample Page with Flexbox section.html	2.4 KB
21 - The SCSS for the Flexbox example.scss	0.7 KB
22 - Add the Flexbox Container.scss	0.9 KB
23 - DIVs Inside the Flexbox Container.scss	1.2 KB
24 - Header, Footer, Nav and Content Area.scss	1.4 KB
25 - Nested Containers.scss	1.5 KB
26 - One Rule to Rule Them All.scss	2.1 KB
27 - Rules for Both IE8-9.scss	2.4 KB
28 - Specific Rules for IE8 and IE9.scss	2.5 KB
/.../B02102_05_Code/
01 - The Hamburger Icon.txt	0.6 KB
02 - The Hamburger Icon - SCSS.scss	0.5 KB
/.../B02102_06_Code/
01 - Implementing the Picturefill Polyfill.html	0.6 KB
02 - Using the picture Element.html	0.4 KB
03 - Using the picture Element - IE9 fix.html	0.5 KB
04 - Using the srcset and sizes Attributes.html	0.3 KB
/.../B02102_07_Code/
01 - RWD Magic Formula.txt	0.1 KB
02 - Magic formula to calculate relative font sizes (ems).txt	0.1 KB
/.../B02102_08_Code/
01 - Set Up a Basic HTML Template.html	0.8 KB
02 - CSS Reset to Normalize Display.html	2.5 KB
03 - Add the Email Content - Create a 100% Wide Wrapping Table.html	0.4 KB
04 - Create the 600px Inner Table.html	0.7 KB
05 - Add the Email Content - Add the Header Image.html	0.9 KB
09 - Add Media Queries.css	0.4 KB
10 - Outlook Webfont Fallback Style.html	0.3 KB
11 - CSS Inliners - HTML element with a class.html	0.2 KB
12 - CSS Inliners - Styled HTML element via its class.html	0.3 KB
13 - CSS Inliners - Output HTML with inline styles.html	0.3 KB
/
Ricardo Zea - Mastering Responsive Web Design with HTML5 and CSS3 - 2015.epub	6.2 MB
Ricardo Zea - Mastering Responsive Web Design with HTML5 and CSS3 - 2015.mobi	9.5 MB
Ricardo Zea - Mastering Responsive Web Design with HTML5 and CSS3 - 2015.pdf	4.3 MB
Total files 204