"flexbox" meaning in All languages combined

See flexbox on Wiktionary

Noun [English]

Forms: flexboxes [plural]
Etymology: Shortening of flexible box. Head templates: {{en-noun|~}} flexbox (countable and uncountable, plural flexboxes)
  1. (web development, uncountable) A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container. Tags: uncountable Categories (topical): Programming, Web design
    Sense id: en-flexbox-en-noun-BEXSM3de Categories (other): English entries with incorrect language header, Pages with 1 entry, Pages with entries Disambiguation of English entries with incorrect language header: 87 13 Disambiguation of Pages with 1 entry: 77 23 Disambiguation of Pages with entries: 94 6
  2. (web development, countable) An HTML element that uses this model. Tags: countable Categories (topical): Programming, Web design
    Sense id: en-flexbox-en-noun-xI50Sxut
The following are not (yet) sense-disambiguated
Synonyms: flex box, flex-box Related terms: responsive

Inflected forms

{
  "etymology_text": "Shortening of flexible box.",
  "forms": [
    {
      "form": "flexboxes",
      "tags": [
        "plural"
      ]
    }
  ],
  "head_templates": [
    {
      "args": {
        "1": "~"
      },
      "expansion": "flexbox (countable and uncountable, plural flexboxes)",
      "name": "en-noun"
    }
  ],
  "lang": "English",
  "lang_code": "en",
  "pos": "noun",
  "related": [
    {
      "_dis1": "0 0",
      "word": "responsive"
    }
  ],
  "senses": [
    {
      "categories": [
        {
          "kind": "topical",
          "langcode": "en",
          "name": "Programming",
          "orig": "en:Programming",
          "parents": [
            "Computing",
            "Software engineering",
            "Technology",
            "Computer science",
            "Engineering",
            "Software",
            "All topics",
            "Sciences",
            "Applied sciences",
            "Media",
            "Fundamental",
            "Communication"
          ],
          "source": "w"
        },
        {
          "kind": "topical",
          "langcode": "en",
          "name": "Web design",
          "orig": "en:Web design",
          "parents": [
            "Design",
            "World Wide Web",
            "Art",
            "Internet",
            "Culture",
            "Computing",
            "Networking",
            "Society",
            "Technology",
            "All topics",
            "Fundamental"
          ],
          "source": "w"
        },
        {
          "_dis": "87 13",
          "kind": "other",
          "name": "English entries with incorrect language header",
          "parents": [
            "Entries with incorrect language header",
            "Entry maintenance"
          ],
          "source": "w+disamb"
        },
        {
          "_dis": "77 23",
          "kind": "other",
          "name": "Pages with 1 entry",
          "parents": [],
          "source": "w+disamb"
        },
        {
          "_dis": "94 6",
          "kind": "other",
          "name": "Pages with entries",
          "parents": [],
          "source": "w+disamb"
        }
      ],
      "examples": [
        {
          "text": "Internet Explorer 9 does not support flexbox.",
          "type": "example"
        }
      ],
      "glosses": [
        "A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container."
      ],
      "id": "en-flexbox-en-noun-BEXSM3de",
      "links": [
        [
          "web development",
          "web development"
        ],
        [
          "CSS",
          "CSS"
        ],
        [
          "layout",
          "layout"
        ],
        [
          "model",
          "model"
        ],
        [
          "element",
          "element"
        ],
        [
          "web page",
          "web page"
        ],
        [
          "arrange",
          "arrange"
        ]
      ],
      "qualifier": "web development",
      "raw_glosses": [
        "(web development, uncountable) A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container."
      ],
      "tags": [
        "uncountable"
      ]
    },
    {
      "categories": [
        {
          "kind": "topical",
          "langcode": "en",
          "name": "Programming",
          "orig": "en:Programming",
          "parents": [
            "Computing",
            "Software engineering",
            "Technology",
            "Computer science",
            "Engineering",
            "Software",
            "All topics",
            "Sciences",
            "Applied sciences",
            "Media",
            "Fundamental",
            "Communication"
          ],
          "source": "w"
        },
        {
          "kind": "topical",
          "langcode": "en",
          "name": "Web design",
          "orig": "en:Web design",
          "parents": [
            "Design",
            "World Wide Web",
            "Art",
            "Internet",
            "Culture",
            "Computing",
            "Networking",
            "Society",
            "Technology",
            "All topics",
            "Fundamental"
          ],
          "source": "w"
        }
      ],
      "examples": [
        {
          "ref": "2012, Sergey Mavrody, Nika Mavrody, Sergey's HTML5 & CSS3: Quick Reference, page 112:",
          "text": "The contents of a flexbox can be positioned in any direction, can have their order swapped dynamically, and can auto-adjust their sizes and positions based on available space.",
          "type": "quote"
        },
        {
          "ref": "2013, Jeremy Foster, CSS for Windows 8 App Development, page 161:",
          "text": "There's still quite a bit of tumult in the standards recommendations and implementations for flexboxes, but IE10 and Windows 8 has a good, solid implementation of this extremely helpful layout technique.",
          "type": "quote"
        },
        {
          "ref": "2014, Andy Harris, HTML5 and CSS3 All-in-One For Dummies:",
          "text": "You can nest flexboxes inside each other.",
          "type": "quote"
        }
      ],
      "glosses": [
        "An HTML element that uses this model."
      ],
      "id": "en-flexbox-en-noun-xI50Sxut",
      "links": [
        [
          "web development",
          "web development"
        ],
        [
          "HTML",
          "HTML"
        ]
      ],
      "qualifier": "web development",
      "raw_glosses": [
        "(web development, countable) An HTML element that uses this model."
      ],
      "tags": [
        "countable"
      ]
    }
  ],
  "synonyms": [
    {
      "_dis1": "0 0",
      "word": "flex box"
    },
    {
      "_dis1": "0 0",
      "word": "flex-box"
    }
  ],
  "wikipedia": [
    "en:CSS Flexible Box Layout"
  ],
  "word": "flexbox"
}
{
  "categories": [
    "English countable nouns",
    "English entries with incorrect language header",
    "English lemmas",
    "English nouns",
    "English uncountable nouns",
    "Pages with 1 entry",
    "Pages with entries"
  ],
  "etymology_text": "Shortening of flexible box.",
  "forms": [
    {
      "form": "flexboxes",
      "tags": [
        "plural"
      ]
    }
  ],
  "head_templates": [
    {
      "args": {
        "1": "~"
      },
      "expansion": "flexbox (countable and uncountable, plural flexboxes)",
      "name": "en-noun"
    }
  ],
  "lang": "English",
  "lang_code": "en",
  "pos": "noun",
  "related": [
    {
      "word": "responsive"
    }
  ],
  "senses": [
    {
      "categories": [
        "English terms with usage examples",
        "English uncountable nouns",
        "en:Programming",
        "en:Web design"
      ],
      "examples": [
        {
          "text": "Internet Explorer 9 does not support flexbox.",
          "type": "example"
        }
      ],
      "glosses": [
        "A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container."
      ],
      "links": [
        [
          "web development",
          "web development"
        ],
        [
          "CSS",
          "CSS"
        ],
        [
          "layout",
          "layout"
        ],
        [
          "model",
          "model"
        ],
        [
          "element",
          "element"
        ],
        [
          "web page",
          "web page"
        ],
        [
          "arrange",
          "arrange"
        ]
      ],
      "qualifier": "web development",
      "raw_glosses": [
        "(web development, uncountable) A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container."
      ],
      "tags": [
        "uncountable"
      ]
    },
    {
      "categories": [
        "English countable nouns",
        "English terms with quotations",
        "Quotation templates to be cleaned",
        "en:Programming",
        "en:Web design"
      ],
      "examples": [
        {
          "ref": "2012, Sergey Mavrody, Nika Mavrody, Sergey's HTML5 & CSS3: Quick Reference, page 112:",
          "text": "The contents of a flexbox can be positioned in any direction, can have their order swapped dynamically, and can auto-adjust their sizes and positions based on available space.",
          "type": "quote"
        },
        {
          "ref": "2013, Jeremy Foster, CSS for Windows 8 App Development, page 161:",
          "text": "There's still quite a bit of tumult in the standards recommendations and implementations for flexboxes, but IE10 and Windows 8 has a good, solid implementation of this extremely helpful layout technique.",
          "type": "quote"
        },
        {
          "ref": "2014, Andy Harris, HTML5 and CSS3 All-in-One For Dummies:",
          "text": "You can nest flexboxes inside each other.",
          "type": "quote"
        }
      ],
      "glosses": [
        "An HTML element that uses this model."
      ],
      "links": [
        [
          "web development",
          "web development"
        ],
        [
          "HTML",
          "HTML"
        ]
      ],
      "qualifier": "web development",
      "raw_glosses": [
        "(web development, countable) An HTML element that uses this model."
      ],
      "tags": [
        "countable"
      ]
    }
  ],
  "synonyms": [
    {
      "word": "flex box"
    },
    {
      "word": "flex-box"
    }
  ],
  "wikipedia": [
    "en:CSS Flexible Box Layout"
  ],
  "word": "flexbox"
}

Download raw JSONL data for flexbox meaning in All languages combined (2.5kB)


This page is a part of the kaikki.org machine-readable All languages combined dictionary. This dictionary is based on structured data extracted on 2024-12-15 from the enwiktionary dump dated 2024-12-04 using wiktextract (8a39820 and 4401a4c). The data shown on this site has been post-processed and various details (e.g., extra categories) removed, some information disambiguated, and additional data merged from other sources. See the raw data download page for the unprocessed wiktextract data.

If you use this data in academic research, please cite Tatu Ylonen: Wiktextract: Wiktionary as Machine-Readable Structured Data, Proceedings of the 13th Conference on Language Resources and Evaluation (LREC), pp. 1317-1325, Marseille, 20-25 June 2022. Linking to the relevant page(s) under https://kaikki.org would also be greatly appreciated.