Category Archives: HTML/CSS

HTML/CSS codes

QA Galen Test

Comment: # Objects: @objects object-name    cssSelector    OR object-name    id/css/xpath    value xpath ex: //div[@id=’search-bar’]/input[@type=’text’] Multiple Object:     object-name-*    css    value Section: = SectionName = = SubSectionName = object-name: specs Section Specs: = SectionName = @on * / mobile / mobile, desktop object-name: … Continue reading

Posted in HTML/CSS, Uncategorized | Leave a comment

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 , , , ,