Skip to content

Latest commit

 

History

History
252 lines (181 loc) · 9.15 KB

README.md

File metadata and controls

252 lines (181 loc) · 9.15 KB
Raw
HTML    CSS

HTML and CSS Docs

⤵️ Table of Contents

Glossary

  • Content management system
    • A content management system (CMS) is a computer software used to manage the creation and modification of digital content (content management). A CMS is typically used for enterprise content management (ECM) and web content management (WCM).
  • Modal window / Modal dialog
    • In user interface design for computer applications, a modal window is a graphical control element subordinate to an application's main window. A modal window creates a mode that disables the main window but keeps it visible, with the modal window as a child window in front of it. Users must interact with the modal window before they can return to the parent application. This avoids interrupting the workflow on the main window. Modal windows are sometimes called heavy windows or modal dialogs because they often display a dialog box.
  • Responsive web design
    • Responsive web design (RWD) or responsive design is an approach to web design that aims to make web pages render well on a variety of devices and window or screen sizes from minimum to maximum display size to ensure usability and satisfaction.
  • Website wireframe
    • A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.The term wireframe is taken from other fields that use a skeletal framework to represent 3 dimensional shape and volume. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually driven by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website's content, including interface elements and navigational systems, and how they work together.

HTML

Documentation

HTML elements reference

  • <html>
  • <base>
  • <head>
  • <link>
  • <meta>
  • <style>
  • <title>
  • <body>
  • <address>
  • <article>
  • ...

Global attributes

Global attributes are attributes common to all HTML elements; they can be used on all elements, though they may have no effect on some elements...

  • class
  • hidden
  • id
  • style
  • title
  • ...

Debug (Debugging)

Tools

  • Automated tool for improving the quality of web pages

Courses

CSS

Documentation

style

  • global attribute

    <html>
<head>
</head>
<body>
  <p style="color: red;">Global attribute</p>
</body>
</html>

  • HTML element

    <html>
<head>
  <style>
    p {
      color: red;
    }
  </style>
</head>
<body>
  <p>HTML element</p>
</body>
</html>

  • file

    index.html

    <html>
<head>
    <link href="style.css" rel="stylesheet">
</head>
<body>
  <p>HTML element</p>
</body>
</html>

    style.css

    p {
  color: red;
}

Design System Tools

Preprocessor

CSS-in-JS

Design methodologies

Framework

Software development tool

Articles

Web Accessibility

Responsive web design (RWD)

Concepts

Prototyping / Wireframe

Design system / Design language

Fonts

Stock Photos

Content management system (CMS)

Browser Support