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

  HTML5 Tags <i> – technical term, idiomatic phrase, transliteration, thought <b> – key words, product names, article lead <em> – stree emphasis <strong> – strong importance Graphic Elements <canvas>: Line / Circle / Rectangle / Square / 2 Shapes / Gradient Fills / Bar Chart <svg>: Rectangle / Circle / Ellipses / Polyline / Dashed Line / Square / Triangle / Grouping / Blur / Multiple Filters / Linear … 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 , , ,

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 ,

Mobile-First

Convert px to em: target / containing element = result https://jsfiddle.net/aicccia/4101ehgn/1/

Posted in HTML/CSS | Tagged , , , ,