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

CSS Font

Font Stacks: https://css-tricks.com/snippets/css/font-stacks/ Font Families: https://css-tricks.com/snippets/css/css-font-families/ Font Stack Reference: http://www.cssfontstack.com/ Serif Fonts – best for long passages of text “Times New Roman”, Times, serif Georgia, “Times New Roman”, Times, serif Baskerville, “Palatino Linotype”, Times, serif “Hoefler Text”, Garamond, Times, serif Sans-serif Fonts – often … Continue reading

Posted in HTML/CSS | Tagged , , ,

CSS Reference

    CSS Cheat Sheet: http://overapi.com/css CSS Reset: http://bit.ly/1QFqX3V and https://jsfiddle.net/aicccia/xk12scqs/ Basic How To: http://www.w3schools.com/howto/ Responsive Patterns: https://bradfrost.github.io/this-is-responsive/patterns.html Using Multiple Style Sheet: @import Media Query Breakpoints:  @media screen and (max-width: 1200px) @media screen and (max-width: 992px) @media screen and (max-width: 767px) @media screen and (max-width: 668px) @media … Continue reading

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