diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs.zip b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs.zip new file mode 100644 index 0000000..214cc76 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs.zip differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/normalize.css b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/normalize.css new file mode 100644 index 0000000..5086825 --- /dev/null +++ b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/normalize.css @@ -0,0 +1,504 @@ +/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ + +/* ============================================================================= + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects block display not defined in IE6/7/8/9 & FF3 + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} + +/* + * Corrects inline-block display not defined in IE6/7/8/9 & FF3 + */ + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +/* + * Prevents modern browsers from displaying 'audio' without controls + * Remove excess height in iOS5 devices + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/* + * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 + * Known issue: no IE6 support + */ + +[hidden] { + display: none; +} + + +/* ============================================================================= + Base + ========================================================================== */ + +/* + * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units + * http://clagnut.com/blog/348/#c790 + * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom + * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ + */ + +html { + font-size: 100%; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ +} + +/* + * Addresses font-family inconsistency between 'textarea' and other form elements. + */ + +html, +button, +input, +select, +textarea { + font-family: sans-serif; +} + +/* + * Addresses margins handled incorrectly in IE6/7 + */ + +body { + margin: 0; +} + + +/* ============================================================================= + Links + ========================================================================== */ + +/* + * Addresses outline displayed oddly in Chrome + */ + +a:focus { + outline: thin dotted; +} + +/* + * Improves readability when focused and also mouse hovered in all browsers + * people.opera.com/patrickl/experiments/keyboard/test + */ + +a:hover, +a:active { + outline: 0; +} + + +/* ============================================================================= + Typography + ========================================================================== */ + +/* + * Addresses font sizes and margins set differently in IE6/7 + * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +h2 { + font-size: 1.5em; + margin: 0.83em 0; +} + +h3 { + font-size: 1.17em; + margin: 1em 0; +} + +h4 { + font-size: 1em; + margin: 1.33em 0; +} + +h5 { + font-size: 0.83em; + margin: 1.67em 0; +} + +h6 { + font-size: 0.75em; + margin: 2.33em 0; +} + +/* + * Addresses styling not present in IE7/8/9, S5, Chrome + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/* + * Addresses style set to 'bolder' in FF3+, S4/5, Chrome +*/ + +b, +strong { + font-weight: bold; +} + +blockquote { + margin: 1em 40px; +} + +/* + * Addresses styling not present in S5, Chrome + */ + +dfn { + font-style: italic; +} + +/* + * Addresses styling not present in IE6/7/8/9 + */ + +mark { + background: #ff0; + color: #000; +} + +/* + * Addresses margins set differently in IE6/7 + */ + +p, +pre { + margin: 1em 0; +} + +/* + * Corrects font family set oddly in IE6, S4/5, Chrome + * en.wikipedia.org/wiki/User:Davidgothberg/Test59 + */ + +pre, +code, +kbd, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} + +/* + * Improves readability of pre-formatted text in all browsers + */ + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +/* + * 1. Addresses CSS quotes not supported in IE6/7 + * 2. Addresses quote property not supported in S4 + */ + +/* 1 */ + +q { + quotes: none; +} + +/* 2 */ + +q:before, +q:after { + content: ''; + content: none; +} + +small { + font-size: 75%; +} + +/* + * Prevents sub and sup affecting line-height in all browsers + * gist.github.com/413930 + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + + +/* ============================================================================= + Lists + ========================================================================== */ + +/* + * Addresses margins set differently in IE6/7 + */ + +dl, +menu, +ol, +ul { + margin: 1em 0; +} + +dd { + margin: 0 0 0 40px; +} + +/* + * Addresses paddings set differently in IE6/7 + */ + +menu, +ol, +ul { + padding: 0 0 0 40px; +} + +/* + * Corrects list images handled incorrectly in IE7 + */ + +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} + + +/* ============================================================================= + Embedded content + ========================================================================== */ + +/* + * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 + * 2. Improves image quality when scaled in IE7 + * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ + */ + +img { + border: 0; /* 1 */ + -ms-interpolation-mode: bicubic; /* 2 */ +} + +/* + * Corrects overflow displayed oddly in IE9 + */ + +svg:not(:root) { + overflow: hidden; +} + + +/* ============================================================================= + Figures + ========================================================================== */ + +/* + * Addresses margin not present in IE6/7/8/9, S5, O11 + */ + +figure { + margin: 0; +} + + +/* ============================================================================= + Forms + ========================================================================== */ + +/* + * Corrects margin displayed oddly in IE6/7 + */ + +form { + margin: 0; +} + +/* + * Define consistent border, margin, and padding + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/* + * 1. Corrects color not being inherited in IE6/7/8/9 + * 2. Corrects text not wrapping in FF3 + * 3. Corrects alignment displayed oddly in IE6/7 + */ + +legend { + border: 0; /* 1 */ + padding: 0; + white-space: normal; /* 2 */ + *margin-left: -7px; /* 3 */ +} + +/* + * 1. Corrects font size not being inherited in all browsers + * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome + * 3. Improves appearance and consistency in all browsers + */ + +button, +input, +select, +textarea { + font-size: 100%; /* 1 */ + margin: 0; /* 2 */ + vertical-align: baseline; /* 3 */ + *vertical-align: middle; /* 3 */ +} + +/* + * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet + */ + +button, +input { + line-height: normal; /* 1 */ +} + +/* + * 1. Improves usability and consistency of cursor style between image-type 'input' and others + * 2. Corrects inability to style clickable 'input' types in iOS + * 3. Removes inner spacing in IE7 without affecting normal text inputs + * Known issue: inner spacing remains in IE6 + */ + +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; /* 1 */ + -webkit-appearance: button; /* 2 */ + *overflow: visible; /* 3 */ +} + +/* + * Re-set default cursor for disabled elements + */ + +button[disabled], +input[disabled] { + cursor: default; +} + +/* + * 1. Addresses box sizing set to content-box in IE8/9 + * 2. Removes excess padding in IE8/9 + * 3. Removes excess padding in IE7 + Known issue: excess padding remains in IE6 + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ +} + +/* + * 1. Addresses appearance set to searchfield in S5, Chrome + * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/* + * Removes inner padding and search cancel button in S5, Chrome on OS X + */ + +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +/* + * Removes inner padding and border in FF3+ + * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/* + * 1. Removes default vertical scrollbar in IE6/7/8/9 + * 2. Improves readability and alignment in all browsers + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + + +/* ============================================================================= + Tables + ========================================================================== */ + +/* + * Remove most spacing between table cells + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/reset.css b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/reset.css new file mode 100644 index 0000000..af94440 --- /dev/null +++ b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/style.css b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/style.css new file mode 100644 index 0000000..8fde3a8 --- /dev/null +++ b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/style.css @@ -0,0 +1,28 @@ +/* + +## Style Hints: + +Body Font Size = 12px + Line Height = 17px + Font Family = "Times New Roman", serif + Font Color = #656565 + +Link Hover Color = #20222a + +*/ +header { + border: 20px, 0px, 0px, 50px; +} +#container { + position: absolute; + right: 300px; + margin-left: auto; + width: 600px; + align-items: center; +} +footer { + position:absolute; + bottom: 0px; + + font-size: 15px +} \ No newline at end of file diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/brook-and-lyn-logo.gif b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/brook-and-lyn-logo.gif new file mode 100644 index 0000000..11ee629 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/brook-and-lyn-logo.gif differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-bloghero.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-bloghero.png new file mode 100644 index 0000000..ccc9252 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-bloghero.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-rings.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-rings.png new file mode 100644 index 0000000..f1d56e1 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-rings.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-huffpost.gif b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-huffpost.gif new file mode 100644 index 0000000..81c72df Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-huffpost.gif differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-logo_lucky.gif b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-logo_lucky.gif new file mode 100644 index 0000000..1ff84b3 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-logo_lucky.gif differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-marieclaire.gif b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-marieclaire.gif new file mode 100644 index 0000000..a40fb4e Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-marieclaire.gif differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-nbcnewyork.gif b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-nbcnewyork.gif new file mode 100644 index 0000000..96dbec7 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-nbcnewyork.gif differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/index.html b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/index.html new file mode 100644 index 0000000..6b21777 --- /dev/null +++ b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/index.html @@ -0,0 +1,38 @@ + + + + + + + + Brook & Lyn + + + + + +
+

+
+ +
+ + +

Our Latest Collection

+

+ May 25th, 2012 + Quickly re-engineer business growth strategies with sustainable web-readiness. Collaboratively create visionary growth strategies vis-a-vis cooperative functionalities. Holisticly + extend cross-media technologies rather than cutting-edge experiences + Quickly re-engineer business growth strategies with sustainable web-readiness. Collaboratively create visionary growth strategies vis-a-vis cooperative functionalities. Holisticly + extend cross-media technologies rather than cutting-edge experiences. Read More... +

+
+
+ + + + +
+ + + \ No newline at end of file diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/mockup.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/mockup.png new file mode 100644 index 0000000..b514bc2 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/mockup.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_blurb.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_blurb.jpg new file mode 100755 index 0000000..ebcc6b9 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_blurb.jpg differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_body.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_body.jpg new file mode 100755 index 0000000..a3db151 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_body.jpg differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_nav_rollover.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_nav_rollover.png new file mode 100755 index 0000000..33530e0 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_nav_rollover.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_wrapper.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_wrapper.png new file mode 100755 index 0000000..87d3915 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_wrapper.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/button_blurb.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/button_blurb.png new file mode 100755 index 0000000..88331fc Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/button_blurb.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/logo.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/logo.png new file mode 100755 index 0000000..78af8cd Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/logo.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column1.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column1.jpg new file mode 100644 index 0000000..49b6ec9 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column1.jpg differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column2.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column2.jpg new file mode 100644 index 0000000..13215f1 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column2.jpg differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column3.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column3.jpg new file mode 100644 index 0000000..066ed63 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column3.jpg differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photobanner.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photobanner.png new file mode 100755 index 0000000..3abbe1e Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photobanner.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/shadow_slider.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/shadow_slider.png new file mode 100755 index 0000000..7c0a341 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/shadow_slider.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/socialNav.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/socialNav.png new file mode 100644 index 0000000..5c9c291 Binary files /dev/null and b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/socialNav.png differ diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/readme.html b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/readme.html new file mode 100644 index 0000000..a377386 --- /dev/null +++ b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/readme.html @@ -0,0 +1,32 @@ +Suggestions for ID names and classes + +--------------------------------------------- + +#wrapper +#container + +
+