Category Archives: HTML/CSS

HTML/CSS codes

CSS3 Reviewer

What are advantages of using CSS? Saves time – you can reuse the same sheet in multiple html pages Pages load faster – you can write one css rule of tag and apply it to all other same tags Multiple … Continue reading

Posted in HTML/CSS | Leave a comment

HTML5 Reviewer

Comments: HTML: <!– Comment –> CSS: /* comment */ or // JS: /* comment */ or // New Features of HTML5 New Semantic Elements Forms – new attribute for input tag Canvas Audio & Video – embedding audio/video Geolocation Drag … Continue reading

Posted in HTML/CSS | Leave a comment

HTML5 Form

Input Type: color – represents a color-well control datalist – predefined options for other controls date (min=” ” max=” ” value=” “) – control for setting the value to a date time datetime datetome-local month week email – usability on mobile devices tel – usability … Continue reading

Posted in HTML/CSS | Tagged , , , , ,

HTML5

http://html5doctor.com/ Semantic Elements <main> – main content of the body / include only 1 per page <header> – introductory or navigational aids <nav> – navigation <section> – thematically related content <article> – self-contained related content eg blog post, story or review <aside> – tangentially related … Continue reading

Posted in HTML/CSS | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

HTML Basic

Conditional Comment:  <!–[if ]> content <![endif]–> Head Element: <meta charset=”utf-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <title> <meta name=”description” content=”…”> (160 charac) <meta name=”keywords” content=”…, …, …”> <meta name=”author” content=”…”> <meta property=”og:image” content=”….jpg”/> <meta http-equiv=”refresh” content=”60″> <link>: google font, bootstrap, … Continue reading

Posted in HTML/CSS | Tagged , , ,

Web Design

Style Guide Header / Headline – 2-3x larger than body text Bhead – 1.5x larger than body text Navigation – 16-18px Body – 16-18px Footer – 2-4px smaller than the body text Typography Serif Humanist Serif – for journalism and … Continue reading

Posted in HTML/CSS | Tagged , , , ,

HTML Emails

Example Email CSS Reference Preprocessors: Removes or changes HTML tags Removes or changes CSS Overrides styles with app CSS Changes the entire document structure Removes all JavaScript Gmail Preprocessors Removes any <link> tags Overrides styles with app CSS Changes the … Continue reading

Posted in HTML/CSS | Tagged ,