diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt index f73fe57b654672e..3ba73dc01d7468b 100644 --- a/files/en-us/_redirects.txt +++ b/files/en-us/_redirects.txt @@ -544,7 +544,7 @@ /en-US/docs/CSS/Tutorials /en-US/docs/Web/CSS/Tutorials /en-US/docs/CSS/Tutorials/Using_CSS_animations /en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations /en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes /en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox -/en-US/docs/CSS/Tutorials/Using_CSS_gradients /en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients +/en-US/docs/CSS/Tutorials/Using_CSS_gradients /en-US/docs/Web/CSS/CSS_images/Using_CSS_gradients /en-US/docs/CSS/Tutorials/Using_CSS_multiple_backgrounds /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds /en-US/docs/CSS/Tutorials/Using_CSS_transforms /en-US/docs/Web/CSS/CSS_transforms/Using_CSS_transforms /en-US/docs/CSS/Tutorials/Using_CSS_transitions /en-US/docs/Web/CSS/CSS_transitions/Using_CSS_transitions @@ -569,7 +569,7 @@ /en-US/docs/CSS/Using_CSS_Columns /en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts /en-US/docs/CSS/Using_CSS_animations /en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations /en-US/docs/CSS/Using_CSS_flexible_boxes /en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox -/en-US/docs/CSS/Using_CSS_gradients /en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients +/en-US/docs/CSS/Using_CSS_gradients /en-US/docs/Web/CSS/CSS_images/Using_CSS_gradients /en-US/docs/CSS/Using_CSS_media_queries /en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries /en-US/docs/CSS/Using_CSS_multi-column_layouts /en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts /en-US/docs/CSS/Using_CSS_multiple_backgrounds /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds @@ -1129,7 +1129,7 @@ /en-US/docs/Common_XSLT_Errors /en-US/docs/Web/XSLT/Common_errors /en-US/docs/Configuring_Build_Options https://firefox-source-docs.mozilla.org/setup/configuring_build_options.html /en-US/docs/Configuring_servers_for_Ogg_media /en-US/docs/Web/HTTP/Configuring_servers_for_Ogg_media -/en-US/docs/Consistent_List_Indentation /en-US/docs/Web/CSS/CSS_Lists_and_Counters/Consistent_list_indentation +/en-US/docs/Consistent_List_Indentation /en-US/docs/Web/CSS/CSS_lists/Consistent_list_indentation /en-US/docs/Const_statement /en-US/docs/Web/JavaScript/Reference/Statements/const /en-US/docs/Content_negotiation /en-US/docs/Web/HTTP/Content_negotiation /en-US/docs/Controlling_DNS_prefetching /en-US/docs/Web/HTTP/Headers/X-DNS-Prefetch-Control @@ -7347,7 +7347,7 @@ /en-US/docs/Using_files_from_web_applications /en-US/docs/Web/API/File_API/Using_files_from_web_applications /en-US/docs/Using_flexbox /en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox /en-US/docs/Using_geolocation /en-US/docs/Web/API/Geolocation_API -/en-US/docs/Using_gradients /en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients +/en-US/docs/Using_gradients /en-US/docs/Web/CSS/CSS_images/Using_CSS_gradients /en-US/docs/Using_native_JSON /en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON /en-US/docs/Using_the/target_selector /en-US/docs/Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors /en-US/docs/Using_theMozilla_JavaScript_interface_to_XPath /en-US/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript @@ -11330,20 +11330,37 @@ /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins /en-US/docs/Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes /en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_flexbox_to_lay_out_web_applications /en-US/docs/Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox -/en-US/docs/Web/CSS/CSS_Flow_Layout/Formatting_Contexts_Explained /en-US/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts +/en-US/docs/Web/CSS/CSS_Flow_Layout/Formatting_Contexts_Explained /en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts +/en-US/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts /en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts /en-US/docs/Web/CSS/CSS_Functionals /en-US/docs/Web/CSS/CSS_Functions -/en-US/docs/Web/CSS/CSS_Grid /en-US/docs/Web/CSS/CSS_Grid_Layout -/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_In_Grid_Layout /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout -/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes /en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes -/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry /en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout -/en-US/docs/Web/CSS/CSS_Grid_Layout/Realising_common_layouts_using_CSS_Grid_ /en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout -/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout_ /en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout +/en-US/docs/Web/CSS/CSS_Grid /en-US/docs/Web/CSS/CSS_grid_layout +/en-US/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout /en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout +/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout /en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout +/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes /en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes +/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility /en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility +/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes /en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes +/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement /en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_progressive_enhancement +/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_logical_values_and_writing_modes /en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes +/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid /en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement +/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry /en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout +/en-US/docs/Web/CSS/CSS_Grid_Layout/Realising_common_layouts_using_CSS_Grid_ /en-US/docs/Web/CSS/CSS_grid_layout/Realizing_common_layouts_using_grids +/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout /en-US/docs/Web/CSS/CSS_grid_layout/Realizing_common_layouts_using_grids +/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout_ /en-US/docs/Web/CSS/CSS_grid_layout/Realizing_common_layouts_using_grids +/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout /en-US/docs/Web/CSS/CSS_grid_layout/Relationship_of_grid_layout_with_other_layout_methods +/en-US/docs/Web/CSS/CSS_Lists_and_Counters /en-US/docs/Web/CSS/CSS_lists +/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Consistent_list_indentation /en-US/docs/Web/CSS/CSS_lists/Consistent_list_indentation /en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters /en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters -/en-US/docs/Web/CSS/CSS_Logical_Properties/Basic_Concepts_of_Logical_Properties_and_Values /en-US/docs/Web/CSS/CSS_Logical_Properties/Basic_concepts -/en-US/docs/Web/CSS/CSS_Logical_Properties/Logical_Properties_for_Sizing /en-US/docs/Web/CSS/CSS_Logical_Properties/Sizing -/en-US/docs/Web/CSS/CSS_Logical_Properties/Logical_properties_for_floating_and_positioning /en-US/docs/Web/CSS/CSS_Logical_Properties/Floating_and_positioning -/en-US/docs/Web/CSS/CSS_Logical_Properties/Logical_properties_for_margins,_borders_and_paddin /en-US/docs/Web/CSS/CSS_Logical_Properties/Margins_borders_padding -/en-US/docs/Web/CSS/CSS_Masks /en-US/docs/Web/CSS/CSS_Masking +/en-US/docs/Web/CSS/CSS_Logical_Properties /en-US/docs/Web/CSS/CSS_logical_properties_and_values +/en-US/docs/Web/CSS/CSS_Logical_Properties/Basic_concepts /en-US/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values +/en-US/docs/Web/CSS/CSS_Logical_Properties/Basic_concepts_of_logical_properties_and_values /en-US/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values +/en-US/docs/Web/CSS/CSS_Logical_Properties/Floating_and_positioning /en-US/docs/Web/CSS/CSS_logical_properties_and_values/Floating_and_positioning +/en-US/docs/Web/CSS/CSS_Logical_Properties/Logical_Properties_for_Sizing /en-US/docs/Web/CSS/CSS_logical_properties_and_values/Sizing +/en-US/docs/Web/CSS/CSS_Logical_Properties/Logical_properties_for_floating_and_positioning /en-US/docs/Web/CSS/CSS_logical_properties_and_values/Floating_and_positioning +/en-US/docs/Web/CSS/CSS_Logical_Properties/Logical_properties_for_margins,_borders_and_paddin /en-US/docs/Web/CSS/CSS_logical_properties_and_values/Margins_borders_padding +/en-US/docs/Web/CSS/CSS_Logical_Properties/Margins_borders_padding /en-US/docs/Web/CSS/CSS_logical_properties_and_values/Margins_borders_padding +/en-US/docs/Web/CSS/CSS_Logical_Properties/Sizing /en-US/docs/Web/CSS/CSS_logical_properties_and_values/Sizing +/en-US/docs/Web/CSS/CSS_Masks /en-US/docs/Web/CSS/CSS_masking +/en-US/docs/Web/CSS/CSS_Pages /en-US/docs/Web/CSS/CSS_paged_media /en-US/docs/Web/CSS/CSS_Positioning /en-US/docs/Web/CSS/CSS_positioned_layout /en-US/docs/Web/CSS/CSS_Positioning/Understanding_z-index /en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index /en-US/docs/Web/CSS/CSS_Positioning/Understanding_z-index/Stacking_context /en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context @@ -11368,9 +11385,10 @@ /en-US/docs/Web/CSS/CSS_Reference /en-US/docs/Web/CSS/Reference /en-US/docs/Web/CSS/CSS_Reference/Mozilla_Extensions /en-US/docs/Web/CSS/Mozilla_Extensions /en-US/docs/Web/CSS/CSS_Reference/Webkit_Extensions /en-US/docs/Web/CSS/Webkit_Extensions -/en-US/docs/Web/CSS/CSS_Scroll_Snap/Browser_compat /en-US/docs/Web/CSS/CSS_Scroll_Snap -/en-US/docs/Web/CSS/CSS_Scroll_Snap/compat /en-US/docs/Web/CSS/CSS_Scroll_Snap -/en-US/docs/Web/CSS/CSS_Scroll_Snap_Points /en-US/docs/Web/CSS/CSS_Scroll_Snap +/en-US/docs/Web/CSS/CSS_Scroll_Snap/Browser_compat /en-US/docs/Web/CSS/CSS_scroll_snap +/en-US/docs/Web/CSS/CSS_Scroll_Snap/compat /en-US/docs/Web/CSS/CSS_scroll_snap +/en-US/docs/Web/CSS/CSS_Scroll_Snap_Points /en-US/docs/Web/CSS/CSS_scroll_snap +/en-US/docs/Web/CSS/CSS_Scrollbars /en-US/docs/Web/CSS/CSS_scrollbars_styling /en-US/docs/Web/CSS/CSS_Selectors/Comparison_with_XPath /en-US/docs/Web/XPath/Comparison_with_CSS_selectors /en-US/docs/Web/CSS/CSS_Shapes/Overview_of_CSS_Shapes /en-US/docs/Web/CSS/CSS_shapes/Overview_of_shapes /en-US/docs/Web/CSS/CSS_Shapes/Shapes_From_Box_Values /en-US/docs/Web/CSS/CSS_shapes/From_box_values @@ -11382,7 +11400,10 @@ /en-US/docs/Web/CSS/CSS_Viewport /en-US/docs/Web/CSS /en-US/docs/Web/CSS/CSS_descriptor_definition /en-US/docs/Web/CSS /en-US/docs/Web/CSS/CSS_flex-wrap /en-US/docs/Web/CSS/flex-wrap +/en-US/docs/Web/CSS/CSS_grid_layout/Layout_using_line-based_placement /en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement +/en-US/docs/Web/CSS/CSS_grid_layout/Layout_using_named_grid_lines /en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines /en-US/docs/Web/CSS/CSS_percentage_values /en-US/docs/Web/CSS +/en-US/docs/Web/CSS/CSS_ruby /en-US/docs/Web/CSS/CSS_ruby_layout /en-US/docs/Web/CSS/CSS_special_properties /en-US/docs/Web/CSS /en-US/docs/Web/CSS/CSS_transform_functions /en-US/docs/Web/CSS/transform /en-US/docs/Web/CSS/CSS_values_serialization /en-US/docs/Web/CSS @@ -11407,7 +11428,7 @@ /en-US/docs/Web/CSS/Media_Queries/Testing_media_queries /en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries /en-US/docs/Web/CSS/Media_Queries/Using_media_queries /en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries /en-US/docs/Web/CSS/Media_Queries/Using_media_queries_for_accessibility /en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries_for_accessibility -/en-US/docs/Web/CSS/Motion_Path /en-US/docs/Web/CSS/CSS_Motion_Path +/en-US/docs/Web/CSS/Motion_Path /en-US/docs/Web/CSS/CSS_motion_path /en-US/docs/Web/CSS/Other_Resources /en-US/docs/Web/CSS /en-US/docs/Web/CSS/Reference/Mozilla_Extensions /en-US/docs/Web/CSS/Mozilla_Extensions /en-US/docs/Web/CSS/Reference/Webkit_Extensions /en-US/docs/Web/CSS/Webkit_Extensions @@ -11911,8 +11932,8 @@ /en-US/docs/Web/Guide/API/WebRTC/WebRTC_basics /en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling /en-US/docs/Web/Guide/Audio_and_video_delivery/H.264_support_in_Firefox /en-US/docs/Web/Guide/Audio_and_video_delivery /en-US/docs/Web/Guide/CSS /en-US/docs/Learn/CSS -/en-US/docs/Web/Guide/CSS/CSS_Image_Sprites /en-US/docs/Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS -/en-US/docs/Web/Guide/CSS/Consistent_list_indentation /en-US/docs/Web/CSS/CSS_Lists_and_Counters/Consistent_list_indentation +/en-US/docs/Web/Guide/CSS/CSS_Image_Sprites /en-US/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS +/en-US/docs/Web/Guide/CSS/Consistent_list_indentation /en-US/docs/Web/CSS/CSS_lists/Consistent_list_indentation /en-US/docs/Web/Guide/CSS/Counters /en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters /en-US/docs/Web/Guide/CSS/Flexible_boxes /en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox /en-US/docs/Web/Guide/CSS/Getting_started /en-US/docs/Learn/CSS/First_steps @@ -11943,7 +11964,7 @@ /en-US/docs/Web/Guide/CSS/Understanding_z_index/Stacking_without_z-index /en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_without_z-index /en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context /en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context /en-US/docs/Web/Guide/CSS/Using_CSS_animations /en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations -/en-US/docs/Web/Guide/CSS/Using_CSS_gradients /en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients +/en-US/docs/Web/Guide/CSS/Using_CSS_gradients /en-US/docs/Web/CSS/CSS_images/Using_CSS_gradients /en-US/docs/Web/Guide/CSS/Using_CSS_transforms /en-US/docs/Web/CSS/CSS_transforms/Using_CSS_transforms /en-US/docs/Web/Guide/CSS/Using_CSS_transitions /en-US/docs/Web/CSS/CSS_transitions/Using_CSS_transitions /en-US/docs/Web/Guide/CSS/Using_flexbox_to_lay_out_web_applications /en-US/docs/Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json index 661272f39bd0e24..ea55bfbdae19a56 100644 --- a/files/en-us/_wikihistory.json +++ b/files/en-us/_wikihistory.json @@ -77182,1838 +77182,1838 @@ "chrisdavidmills" ] }, - "Web/CSS/CSS_Flow_Layout": { - "modified": "2020-06-24T00:31:39.254Z", - "contributors": [ - "mfuji09", - "chuanqisun", - "ExE-Boss", - "estelle", - "rachelandrew" - ] - }, - "Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow": { - "modified": "2020-06-24T00:31:42.747Z", - "contributors": [ - "mfuji09", - "haond10adp", - "mikemorr", - "segmentationfaulter", - "alattalatta", - "FranklinYu", - "ExE-Boss", - "beautifulcoder", - "estelle", - "rachelandrew" - ] - }, - "Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Overflow": { - "modified": "2020-06-24T00:31:43.651Z", - "contributors": ["mfuji09", "estelle", "rachelandrew"] - }, - "Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes": { - "modified": "2020-06-24T00:31:47.285Z", - "contributors": ["mfuji09", "estelle", "rachelandrew"] - }, - "Web/CSS/CSS_Flow_Layout/In_Flow_and_Out_of_Flow": { - "modified": "2020-06-24T00:31:53.097Z", - "contributors": ["ExE-Boss", "mfuji09", "rachelandrew"] - }, - "Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts": { - "modified": "2020-08-09T11:05:30.382Z", - "contributors": [ - "mfuji09", - "chrisdavidmills", - "sanketj", - "kvoncode", - "Mats.Palmgren", - "MerrickClark", - "Sheppy", - "BruceYuj", - "estelle", - "rachelandrew" - ] - }, "Web/CSS/CSS_Functions": { "modified": "2020-12-11T10:25:38.547Z", "contributors": ["rachelandrew", "ramiy", "chrisdavidmills", "mfuji09"] }, - "Web/CSS/CSS_Generated_Content": { - "modified": "2020-07-07T12:15:43.237Z", + "Web/CSS/CSS_Selectors": { + "modified": "2020-10-23T03:22:59.082Z", "contributors": [ "wbamberg", + "ramiy", + "ExE-Boss", + "chrisdavidmills", + "RomanBush", + "SphinxKnight", + "alnzialiksav", + "nmaxcom", "estelle", - "alattalatta", "fscholz", + "mfuji09", + "ViKomprenas", + "Jonathan002", "mfluehr", + "Majr", + "wh1msy", + "rpozarickij", + "nicolo-ribaudo", "Sebastianz", + "rafacv", + "cxw", "teoli" ] }, - "Web/CSS/CSS_Grid_Layout": { - "modified": "2020-11-12T06:04:51.979Z", + "Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors": { + "modified": "2020-04-27T22:32:14.051Z", "contributors": [ - "chrisdavidmills", - "rachelandrew", - "wbamberg", - "motine", - "mfuji09", - "jaredef", - "ExE-Boss", - "estelle", - "denimX", - "sbmthakur", - "Jasum", - "willtennien", "mfluehr", - "mASOUDd", - "DanRickerby", - "tshinnic", - "isomorphismes", - "jensimmons", - "yisibl", - "sideshowbarker", - "superwriter", - "AleshaOleg", - "dvincent", - "Paescari", + "decross", "teoli", + "dedy_serang", + "Jürgen Jeka", "Sheppy", - "psafont", - "Wishmaker888", - "david_ross", - "kwhinnery", - "rolfedh", - "PushpitaPikuDey" - ] - }, - "Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout": { - "modified": "2020-11-11T09:28:53.973Z", - "contributors": [ - "rachelandrew", - "mehtapratik", - "SphinxKnight", - "j9t", - "steveclason", - "denimX", - "gh3it8", - "weslord", - "mfluehr", - "tshinnic", - "aermolaev", - "teoli" + "Chris Chittleborough", + "Dria", + "CitizenK" ] }, - "Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout": { - "modified": "2020-11-11T09:30:52.536Z", + "Web/CSS/CSS_Types": { + "modified": "2020-12-11T13:13:56.675Z", "contributors": [ "rachelandrew", - "mfuji09", - "leonardoInf", - "Tingyu", "chrisdavidmills", - "SanjeevSahoo", - "ValLynn", - "panckreous", - "ExE-Boss", - "Sheppy", - "RichWK", - "harupiyo", - "kan199041", - "stephaniehobson", - "KateSturmey", - "bgates", - "tshinnic", - "magnificode", - "mhusm", - "BluebirchCreative", - "MexieAndCo", - "johnjv", - "Sebastianz", - "richardkalehoff", - "AleshaOleg", - "dvincent", - "teoli" - ] - }, - "Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout": { - "modified": "2020-11-12T04:20:04.207Z", - "contributors": [ - "rachelandrew", - "applejam9029", - "mehtapratik", - "mklein", - "kp2017", - "waqarhussain", + "ramiy", + "mfuji09", + "wbamberg", + "jswisher", "estelle", - "Jannaee", - "VAggrippino", - "juandesouza", "Sheppy", - "cagross", - "stephaniehobson", - "comehope", - "AlexN", "mfluehr", - "tshinnic", "david_ross", - "Konrud", - "aermolaev", - "teoli" + "CarloMartini", + "mantou" ] }, - "Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility": { - "modified": "2020-11-12T04:27:12.717Z", + "Web/CSS/CSS_Values_and_Units": { + "modified": "2020-10-29T16:36:56.704Z", "contributors": [ + "ramiy", + "wbamberg", + "mdbr000", + "tshinnic", + "TriMoon", + "peterurbanec", + "NentoR", + "mfuji09", + "SphinxKnight", + "estelle", "rachelandrew", - "j9t", - "juandesouza", + "chrisdavidmills" + ] + }, + "Web/CSS/CSS_animated_properties": { + "modified": "2020-12-14T07:30:52.556Z", + "contributors": [ + "wbamberg", + "huynhtrongnhan", "mfluehr", - "aermolaev", "teoli", - "scuveedog" + "Sebastianz", + "jpmedley", + "tregagnon", + "rebeccahauck", + "ziyunfei", + "FredB", + "Marsf", + "Sheppy" ] }, - "Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes": { - "modified": "2020-11-12T04:23:35.016Z", + "Web/CSS/CSS_animations": { + "modified": "2020-10-15T21:38:26.767Z", "contributors": [ - "rachelandrew", - "Sheppy", - "j9t", - "estelle", - "MNizam0802", - "juandesouza", - "rileym7", + "wbamberg", + "fscholz", "mfluehr", - "david_ross", - "Konrud", - "aermolaev", + "erikadoyle", + "ownsourcing", + "Sheppy", + "MexieAndCo", "teoli" ] }, - "Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement": { - "modified": "2020-11-12T04:31:28.635Z", + "Web/CSS/CSS_animations/Tips": { + "modified": "2020-06-24T00:29:43.861Z", "contributors": [ - "rachelandrew", - "iskin", - "AnthonyIsaacs", - "nayyirjutha", - "alberts+", - "nevan", - "ripeshade", + "emilhem", + "chrisdavidmills", + "morenoh149", + "tzthet", "mfluehr", - "david_ross", - "Konrud", - "RitchieVincent", - "Zcorpan", - "aermolaev", - "teoli", - "scuveedog" + "Sheppy" ] }, - "Web/CSS/CSS_Grid_Layout/Grid_Template_Areas": { - "modified": "2020-11-12T13:21:19.042Z", + "Web/CSS/CSS_animations/Using_CSS_animations": { + "modified": "2020-12-11T07:06:02.745Z", "contributors": [ - "rachelandrew", - "juandesouza", - "miname", - "aermolaev", - "teoli" + "bershanskiy", + "hudri", + "christopherpbrent", + "mfuji09", + "chrisdavidmills", + "Aerodium", + "alidemirci", + "primozk", + "estelle", + "ctzsm", + "thomashibbard", + "jameshkramer", + "mfluehr", + "roy-vanegas", + "Sheppy", + "jolivier", + "duncanmcdonald", + "myakura", + "SphinxKnight", + "Keysox", + "MexieAndCo", + "fscholz", + "teoli", + "jpmedley", + "Flimm", + "George8211", + "amitabha197", + "emersonveenstra", + "olodum", + "gautamkumar", + "Jeremie", + "codepo8", + "damycra", + "kscarfone", + "tymayn", + "yaypie", + "bmorearty", + "penter", + "trevorh", + "findepi", + "Dholbert", + "FredB", + "yyss", + "syssgx", + "Dao", + "grendel", + "cers" ] }, - "Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines": { - "modified": "2020-11-11T09:57:51.799Z", + "Web/CSS/CSS_backgrounds_and_borders": { + "modified": "2020-07-07T12:00:23.701Z", "contributors": [ - "rachelandrew", - "escattone", - "richardkmichael", - "magnificode", - "jarrodn", - "1986slayer", - "Konrud", - "aermolaev", - "teoli" + "wbamberg", + "fazl", + "fscholz", + "RainSlide", + "Sheppy", + "mfluehr" ] }, - "Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid": { - "modified": "2020-11-11T09:51:54.730Z", + "Web/CSS/CSS_backgrounds_and_borders/Border-image_generator": { + "modified": "2020-05-05T09:08:09.973Z", + "contributors": ["chrisdavidmills", "mfluehr", "teoli", "gabriel_ivanica"] + }, + "Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator": { + "modified": "2019-03-20T10:29:48.350Z", "contributors": [ - "rachelandrew", - "cdoublev", + "alattalatta", "mfluehr", - "chrisdavidmills", - "neo01124", - "NouranMahmoud", - "bgates", - "dmitry-zabolotny", - "jarrodn", - "AleshaOleg", + "Sheppy", "teoli", - "imagentleman" + "gabriel_ivanica" ] }, - "Web/CSS/CSS_Grid_Layout/Masonry_Layout": { - "modified": "2020-11-12T05:33:14.237Z", - "contributors": ["chrisdavidmills", "rachelandrew"] - }, - "Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout": { - "modified": "2020-11-12T04:33:54.397Z", + "Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator": { + "modified": "2020-04-21T23:07:57.113Z", "contributors": [ - "rachelandrew", - "ferrybig", + "sideshowbarker", "mfluehr", - "Konrud", - "aermolaev", - "teoli" + "fscholz", + "roanongh", + "teoli", + "Sheppy", + "gabriel_ivanica", + "groovecoder" ] }, - "Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout": { - "modified": "2020-11-11T09:35:50.512Z", + "Web/CSS/CSS_backgrounds_and_borders/Resizing_background_images": { + "modified": "2020-09-05T23:28:46.244Z", "contributors": [ - "rachelandrew", - "gerfolder", - "escattone", - "raushanraja", - "cdoublev", "mfuji09", "chrisdavidmills", - "jaredef", - "richardkmichael", - "juandesouza", - "AndyK", - "jquinones618", - "kan199041", - "VladPavel15", - "mfluehr", - "NouranMahmoud", - "bgates", - "Pickles-Spill", - "jarrodn", - "AleshaOleg", - "teoli" + "Sheppy", + "Richienb", + "mfluehr" ] }, - "Web/CSS/CSS_Grid_Layout/Subgrid": { - "modified": "2020-11-12T04:35:24.907Z", + "Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds": { + "modified": "2020-06-24T00:30:00.545Z", + "contributors": ["tmhrtwg", "jonjohnjohnson", "mfluehr"] + }, + "Web/CSS/CSS_basic_user_interface": { + "modified": "2020-08-14T10:43:18.008Z", "contributors": [ - "rachelandrew", - "mfuji09", + "alattalatta", "wbamberg", - "inwardmovement", - "bershanskiy", - "chrisdavidmills", - "SphinxKnight" + "ExE-Boss", + "fscholz", + "mfluehr" ] }, - "Web/CSS/CSS_Images": { - "modified": "2020-07-07T12:17:40.924Z", + "Web/CSS/CSS_box_alignment": { + "modified": "2020-07-07T12:01:35.647Z", "contributors": [ "wbamberg", - "estelle", + "mklein", + "babydawson", "mfuji09", + "rachelandrew", + "irenesmith", + "chrisdavidmills" + ] + }, + "Web/CSS/CSS_box_model": { + "modified": "2020-07-07T12:00:43.930Z", + "contributors": [ + "wbamberg", "ExE-Boss", "fscholz", "mfluehr", - "wizAmit", - "mrstork", - "cvrebert", "Sebastianz", "teoli" ] }, - "Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS": { - "modified": "2020-07-31T05:09:18.549Z", + "Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model": { + "modified": "2020-06-24T00:30:07.875Z", "contributors": [ + "cseguenot", + "alattalatta", "mfuji09", - "cjbt", + "Sheppy", + "g-patel", "mfluehr", + "mdsadiq", "Sebastianz", "teoli", - "xfq", + "cenkingunlugu", + "jtojnar", "Jeremie", + "chrisdavidmills", + "syko4MT", + "VSri58", + "jcludwig", + "dlaliberte", + "mib32", + "srrvnn", "kscarfone", - "i80and", - "Luke314" + "tomviner", + "myakura", + "Marsf", + "Jürgen Jeka", + "miken32", + "Michael2402", + "Mgjbot", + "Fredchat", + "DBaron" ] }, - "Web/CSS/CSS_Images/Using_CSS_gradients": { - "modified": "2020-11-09T14:36:47.079Z", + "Web/CSS/CSS_box_model/Mastering_margin_collapsing": { + "modified": "2020-10-27T01:23:07.500Z", "contributors": [ - "chrisdavidmills", - "rachelandrew", - "mfuji09", - "estelle", + "jonsanders101", "mfluehr", - "VitalyR", - "jwhitlock", - "joyously", - "sebastien-bartoli", - "Maruti-Ram", - "undest", - "ArenM", - "steveperrito", - "Krenair", - "Mahan91", - "mrenty", - "sraghav", + "BarryLiu1995", + "mustafasalah", + "gcyrillus", + "BychekRU", "Sebastianz", - "una", + "fscholz", "teoli", - "Dietrich", - "xfq", - "stephaniehobson", - "wakka27", - "Jeremie", + "idbentley", "kscarfone", - "shendry", "Sheppy", - "netfuzzer55", - "chrisk8er", - "jswisher", - "netfuzzer33", "ethertank", - "Inkbug", - "gadgetboy", - "danieltott", - "backflip", - "borncssed", - "marcobiscaro2112", - "floEdelmann", - "sebmozilla", - "Piro", - "BenoitL" - ] - }, - "Web/CSS/CSS_Lists_and_Counters": { - "modified": "2020-07-07T12:20:22.683Z", - "contributors": [ - "wbamberg", - "rachelandrew", - "fscholz", - "mfluehr", - "TylerH", - "Sebastianz", - "teoli" + "Jürgen Jeka", + "natbob", + "DBaron", + "Fredchat" ] }, - "Web/CSS/CSS_Lists_and_Counters/Consistent_list_indentation": { - "modified": "2020-04-27T22:28:57.922Z", + "Web/CSS/CSS_cascading_variables": { + "modified": "2020-07-07T12:03:44.891Z", + "contributors": ["wbamberg", "mfluehr"] + }, + "Web/CSS/CSS_charsets": { + "modified": "2020-10-15T21:38:35.251Z", + "contributors": ["wbamberg", "fscholz", "mfluehr", "Sebastianz", "teoli"] + }, + "Web/CSS/CSS_colors": { + "modified": "2020-12-02T11:04:05.642Z", + "contributors": ["peterbe", "wbamberg", "fscholz", "Sheppy", "mfluehr"] + }, + "Web/CSS/CSS_colors/Applying_color": { + "modified": "2020-11-22T16:26:10.967Z", + "contributors": [ + "Isaaac-Jr", + "the-lyu", + "UnorthodoxThing", + "irenesmith", + "alattalatta", + "fazl", + "Sheppy", + "alexaguiarx", + "joseph-kaainoa", + "chrisdavidmills" + ] + }, + "Web/CSS/CSS_colors/Color_picker_tool": { + "modified": "2020-10-30T22:49:32.596Z", "contributors": [ + "td2014", "mfluehr", - "Sebastianz", - "fscholz", - "teoli", - "xfq", - "Jeremie", - "kscarfone", + "stephaniehobson", "Sheppy", - "pdmdn", - "enderandpeter", - "Dria", - "Laurent Denis", - "CitizenK" + "pqpace", + "The-Quill", + "jeng1111", + "teoli", + "730", + "gabriel_ivanica" ] }, - "Web/CSS/CSS_Logical_Properties": { - "modified": "2020-08-06T03:12:04.912Z", + "Web/CSS/CSS_compositing_and_blending": { + "modified": "2020-10-15T22:02:40.854Z", + "contributors": ["wbamberg", "mfuji09", "fscholz", "mfluehr"] + }, + "Web/CSS/CSS_conditional_rules": { + "modified": "2020-12-02T11:04:37.706Z", "contributors": [ - "mfuji09", + "peterbe", "wbamberg", - "David_Gilbertson", - "chrisdavidmills", - "rachelandrew", - "ExE-Boss", + "fscholz", + "arnulfolg", "mfluehr", - "Patrick_Dark", "Sebastianz", "teoli" ] }, - "Web/CSS/CSS_Logical_Properties/Basic_concepts": { - "modified": "2020-05-08T04:42:35.461Z", - "contributors": ["chrisdavidmills", "maxcaluva", "ExE-Boss", "rachelandrew"] - }, - "Web/CSS/CSS_Logical_Properties/Floating_and_positioning": { - "modified": "2020-07-25T07:53:54.241Z", + "Web/CSS/CSS_containment": { + "modified": "2020-11-10T19:44:49.765Z", "contributors": [ - "mfuji09", - "jonjohnjohnson", - "wes-moberly", + "jpmedley", + "Malvoz", + "wbamberg", "chrisdavidmills", - "rachelandrew", - "ExE-Boss" + "rachelandrew" ] }, - "Web/CSS/CSS_Logical_Properties/Margins_borders_padding": { - "modified": "2020-04-27T22:29:14.138Z", - "contributors": ["rachelandrew", "chrisdavidmills", "ExE-Boss"] - }, - "Web/CSS/CSS_Logical_Properties/Sizing": { - "modified": "2020-04-27T22:29:20.643Z", - "contributors": ["chrisdavidmills", "ExE-Boss", "rachelandrew"] - }, - "Web/CSS/CSS_Masking": { - "modified": "2020-07-07T12:23:11.029Z", + "Web/CSS/CSS_counter_styles": { + "modified": "2020-12-02T11:05:20.911Z", "contributors": [ + "peterbe", "wbamberg", - "alattalatta", + "msobanjo", "fscholz", + "mfuji09", + "mfluehr" + ] + }, + "Web/CSS/CSS_counter_styles/Using_CSS_counters": { + "modified": "2020-08-18T01:07:01.408Z", + "contributors": [ + "mfuji09", + "aniketkudale", + "anonyco", + "webaware", + "rachelandrew", + "estelle", + "mn4367", + "thisisalessandro", "mfluehr", - "teoli", - "chrisdavidmills", + "zfang1995", + "xfq", + "madmurphy", + "styfle", + "b_g", + "chrisdevwords", "Sebastianz", - "jwhitlock" + "teoli", + "jackarmley", + "lapplu", + "Cath_kb", + "Kuzirashi", + "kscarfone", + "Herr_Schwabullek", + "Criexe", + "m80her", + "Jeremie", + "evan.washkow", + "Sheppy", + "wlach", + "ethertank", + "Pointy", + "mmclark", + "miken32", + "Mbear", + "Nickolay", + "DBaron", + "Fredchat", + "Ssmedberg", + "Ptak82", + "PablO", + "Spanglerco" ] }, - "Web/CSS/CSS_Miscellaneous": { - "modified": "2020-07-07T12:23:17.703Z", - "contributors": ["wbamberg", "mfluehr", "Tigt", "teoli"] - }, - "Web/CSS/CSS_Motion_Path": { - "modified": "2020-10-15T21:38:36.015Z", + "Web/CSS/CSS_display": { + "modified": "2020-10-15T21:38:29.670Z", "contributors": [ - "mfuji09", "wbamberg", - "Siilwyn", - "chrisdavidmills", - "dancwilson", - "fscholz", + "ExE-Boss", + "mfuji09", + "rachelandrew", "mfluehr", - "jpmedley", - "Sebastianz", + "fscholz", "teoli" ] }, - "Web/CSS/CSS_Namespaces": { - "modified": "2020-10-15T21:38:33.987Z", + "Web/CSS/CSS_filter_effects": { + "modified": "2020-12-02T11:05:43.361Z", + "contributors": ["peterbe", "wbamberg", "fscholz", "mfluehr"] + }, + "Web/CSS/CSS_flexible_box_layout": { + "modified": "2020-07-07T12:06:27.676Z", "contributors": [ "wbamberg", + "vnctdj", + "LukV", + "hinell", "fscholz", + "rachelandrew", + "mfuji09", + "andrzejkrecicki", + "chrisdavidmills", + "bear-bibeault", "mfluehr", - "Sebastianz", - "Tigt", + "WynnChen", + "Arturio1970", "teoli" ] }, - "Web/CSS/CSS_Overflow": { - "modified": "2020-10-22T21:15:13.514Z", + "Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container": { + "modified": "2020-08-25T12:32:42.313Z", "contributors": [ - "hamishwillee", + "mehtapratik", + "TasosPoursaitides", + "irenesmith", "mfuji09", - "wbamberg", - "dominicegginton", - "SphinxKnight", - "rachelandrew" + "rachelandrew", + "dynamis", + "reppets", + "skyfall", + "chrisdavidmills" ] }, - "Web/CSS/CSS_Pages": { - "modified": "2020-07-07T12:24:16.035Z", - "contributors": ["wbamberg", "fscholz", "mfluehr", "teoli", "cvrebert"] - }, - "Web/CSS/CSS_Ruby": { - "modified": "2020-07-07T12:25:44.800Z", + "Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox": { + "modified": "2020-07-07T12:06:44.348Z", "contributors": [ "wbamberg", - "alattalatta", - "fscholz", - "mfluehr", - "Sebastianz", - "teoli" + "ExE-Boss", + "mattbrundageMDN", + "roryokane", + "chrisdavidmills", + "rachelandrew" ] }, - "Web/CSS/CSS_Scroll_Snap": { - "modified": "2020-12-06T20:56:34.162Z", + "Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox": { + "modified": "2020-12-11T09:00:07.056Z", "contributors": [ - "Rik", - "wbamberg", - "r-i-c-h", - "Sebastianz", + "jeenuv", + "mfuji09", + "silvertiger", + "n-insaidoo", + "arai", + "danpaltor", + "SphinxKnight", + "Baltimora", + "mattbrundageMDN", + "mw76", + "Dencraft", "rachelandrew", + "benjaminmillhouse", "chrisdavidmills", - "ExE-Boss", - "mfuji09", - "Seblor", - "twhb" + "yavorski", + "JayBee007" ] }, - "Web/CSS/CSS_Scroll_Snap/Basic_concepts": { - "modified": "2020-04-27T22:30:56.352Z", + "Web/CSS/CSS_flexible_box_layout/Mastering_wrapping_of_flex_items": { + "modified": "2020-06-24T00:31:25.845Z", "contributors": [ - "hisbvdis", - "SlaughterDog", - "chrisdavidmills", + "maksymczech", + "mattbrundageMDN", "rachelandrew", - "EvanGenest" + "chrisdavidmills" ] }, - "Web/CSS/CSS_Scrollbars": { - "modified": "2020-10-15T22:10:49.755Z", + "Web/CSS/CSS_flexible_box_layout/Ordering_flex_items": { + "modified": "2020-10-16T12:47:28.328Z", "contributors": [ - "wbamberg", "mfuji09", - "Malvoz", - "kioyang", - "werdnagreb", - "hidde", "chrisdavidmills", - "speed-rmn", - "rachelandrew", - "ExE-Boss" - ] + "jimbo1qaz", + "SaquibAsghar", + "youcanping", + "rachelandrew" + ] }, - "Web/CSS/CSS_Selectors": { - "modified": "2020-10-23T03:22:59.082Z", + "Web/CSS/CSS_flexible_box_layout/Relationship_of_flexbox_to_other_layout_methods": { + "modified": "2020-07-29T17:42:40.584Z", "contributors": [ - "wbamberg", - "ramiy", - "ExE-Boss", + "gerfolder", + "upbeatcode", + "Wryhder", "chrisdavidmills", - "RomanBush", - "SphinxKnight", - "alnzialiksav", - "nmaxcom", - "estelle", - "fscholz", - "mfuji09", - "ViKomprenas", - "Jonathan002", - "mfluehr", - "Majr", - "wh1msy", - "rpozarickij", - "nicolo-ribaudo", - "Sebastianz", - "rafacv", - "cxw", - "teoli" + "riking", + "reppets", + "mattbrundageMDN", + "demir-delic", + "nicross", + "JonathanPool", + "rachelandrew" ] }, - "Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors": { - "modified": "2020-04-27T22:32:14.051Z", + "Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox": { + "modified": "2020-06-24T00:31:36.163Z", "contributors": [ - "mfluehr", - "decross", - "teoli", - "dedy_serang", - "Jürgen Jeka", - "Sheppy", - "Chris Chittleborough", - "Dria", - "CitizenK" + "sutara79", + "mattbrundageMDN", + "rachelandrew", + "chrisdavidmills" ] }, - "Web/CSS/CSS_Types": { - "modified": "2020-12-11T13:13:56.675Z", + "Web/CSS/CSS_flow_layout": { + "modified": "2020-06-24T00:31:39.254Z", "contributors": [ - "rachelandrew", - "chrisdavidmills", - "ramiy", "mfuji09", - "wbamberg", - "jswisher", + "chuanqisun", + "ExE-Boss", "estelle", - "Sheppy", - "mfluehr", - "david_ross", - "CarloMartini", - "mantou" + "rachelandrew" ] }, - "Web/CSS/CSS_Values_and_Units": { - "modified": "2020-10-29T16:36:56.704Z", + "Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow": { + "modified": "2020-06-24T00:31:42.747Z", "contributors": [ - "ramiy", - "wbamberg", - "mdbr000", - "tshinnic", - "TriMoon", - "peterurbanec", - "NentoR", "mfuji09", - "SphinxKnight", + "haond10adp", + "mikemorr", + "segmentationfaulter", + "alattalatta", + "FranklinYu", + "ExE-Boss", + "beautifulcoder", "estelle", - "rachelandrew", - "chrisdavidmills" + "rachelandrew" ] }, - "Web/CSS/CSS_animated_properties": { - "modified": "2020-12-14T07:30:52.556Z", - "contributors": [ - "wbamberg", - "huynhtrongnhan", - "mfluehr", - "teoli", - "Sebastianz", - "jpmedley", - "tregagnon", - "rebeccahauck", - "ziyunfei", - "FredB", - "Marsf", - "Sheppy" - ] + "Web/CSS/CSS_flow_layout/Flow_layout_and_overflow": { + "modified": "2020-06-24T00:31:43.651Z", + "contributors": ["mfuji09", "estelle", "rachelandrew"] }, - "Web/CSS/CSS_animations": { - "modified": "2020-10-15T21:38:26.767Z", - "contributors": [ - "wbamberg", - "fscholz", - "mfluehr", - "erikadoyle", - "ownsourcing", - "Sheppy", - "MexieAndCo", - "teoli" - ] + "Web/CSS/CSS_flow_layout/Flow_layout_and_writing_modes": { + "modified": "2020-06-24T00:31:47.285Z", + "contributors": ["mfuji09", "estelle", "rachelandrew"] }, - "Web/CSS/CSS_animations/Tips": { - "modified": "2020-06-24T00:29:43.861Z", + "Web/CSS/CSS_flow_layout/In_flow_and_out_of_flow": { + "modified": "2020-06-24T00:31:53.097Z", + "contributors": ["ExE-Boss", "mfuji09", "rachelandrew"] + }, + "Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts": { + "modified": "2020-08-09T11:05:30.382Z", "contributors": [ - "emilhem", + "mfuji09", "chrisdavidmills", - "morenoh149", - "tzthet", - "mfluehr", - "Sheppy" + "sanketj", + "kvoncode", + "Mats.Palmgren", + "MerrickClark", + "Sheppy", + "BruceYuj", + "estelle", + "rachelandrew" ] }, - "Web/CSS/CSS_animations/Using_CSS_animations": { - "modified": "2020-12-11T07:06:02.745Z", + "Web/CSS/CSS_fonts": { + "modified": "2020-07-07T12:15:10.154Z", "contributors": [ - "bershanskiy", - "hudri", - "christopherpbrent", - "mfuji09", - "chrisdavidmills", - "Aerodium", - "alidemirci", - "primozk", + "wbamberg", + "alattalatta", + "SphinxKnight", + "j9t", "estelle", - "ctzsm", - "thomashibbard", - "jameshkramer", + "MNizam0802", + "chrisdavidmills", + "YanCanCode", "mfluehr", - "roy-vanegas", - "Sheppy", - "jolivier", - "duncanmcdonald", - "myakura", - "SphinxKnight", - "Keysox", - "MexieAndCo", + "Sebastianz", "fscholz", - "teoli", - "jpmedley", - "Flimm", - "George8211", - "amitabha197", - "emersonveenstra", - "olodum", - "gautamkumar", - "Jeremie", - "codepo8", - "damycra", - "kscarfone", - "tymayn", - "yaypie", - "bmorearty", - "penter", - "trevorh", - "findepi", - "Dholbert", - "FredB", - "yyss", - "syssgx", - "Dao", - "grendel", - "cers" + "teoli" ] }, - "Web/CSS/CSS_backgrounds_and_borders": { - "modified": "2020-07-07T12:00:23.701Z", + "Web/CSS/CSS_fonts/OpenType_fonts_guide": { + "modified": "2020-07-07T12:15:18.892Z", + "contributors": ["wbamberg", "jpamental", "chrisdavidmills"] + }, + "Web/CSS/CSS_fonts/Variable_fonts_guide": { + "modified": "2020-07-07T12:15:27.222Z", "contributors": [ "wbamberg", - "fazl", - "fscholz", - "RainSlide", - "Sheppy", - "mfluehr" + "mmartin1123", + "chrisdavidmills", + "jpamental", + "caraya" ] }, - "Web/CSS/CSS_backgrounds_and_borders/Border-image_generator": { - "modified": "2020-05-05T09:08:09.973Z", - "contributors": ["chrisdavidmills", "mfluehr", "teoli", "gabriel_ivanica"] + "Web/CSS/CSS_fragmentation": { + "modified": "2020-07-07T12:15:32.340Z", + "contributors": ["wbamberg", "mfluehr"] }, - "Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator": { - "modified": "2019-03-20T10:29:48.350Z", + "Web/CSS/CSS_media_queries": { + "modified": "2020-07-07T12:37:08.835Z", "contributors": [ + "wbamberg", "alattalatta", + "mfuji09", + "evaferreira", + "rachelandrew", + "fscholz", "mfluehr", "Sheppy", + "chrisdavidmills", + "erikadoyle", + "ibizcox", + "Sebastianz", "teoli", - "gabriel_ivanica" + "sujeetkalaskar" ] }, - "Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator": { - "modified": "2020-04-21T23:07:57.113Z", + "Web/CSS/CSS_media_queries/Testing_media_queries": { + "modified": "2020-10-15T21:07:28.917Z", "contributors": [ - "sideshowbarker", - "mfluehr", + "RainSlide", "fscholz", - "roanongh", + "BenMansley", + "mfuji09", + "mfluehr", + "Shaderpixel", + "Tigt", + "chrisdavidmills", "teoli", - "Sheppy", - "gabriel_ivanica", - "groovecoder" + "hexalys", + "P0lip", + "Jeremie", + "kscarfone", + "Sheppy", + "kohei.yoshino", + "ethertank", + "caesarschinas", + "robflaherty", + "yyss", + "paul.irish" ] }, - "Web/CSS/CSS_backgrounds_and_borders/Resizing_background_images": { - "modified": "2020-09-05T23:28:46.244Z", + "Web/CSS/CSS_media_queries/Using_media_queries": { + "modified": "2020-09-16T07:07:38.822Z", "contributors": [ - "mfuji09", - "chrisdavidmills", + "sideshowbarker", "Sheppy", - "Richienb", - "mfluehr" + "chrisdavidmills", + "McContax", + "pwign", + "SphinxKnight", + "andronweedQween", + "q.dinar", + "Jürgen Jeka", + "bershanskiy", + "cpmsmith", + "HTMLValidator", + "mfuji09", + "Artoria2e5", + "rachelandrew", + "mfluehr", + "BurhanDaepat", + "zbjornson", + "Jonathan_Watt", + "miket", + "dkocho4", + "samus250", + "AozakiOrenji", + "pepe2016", + "Sebastianz", + "jonathanKingston", + "y0ssar1an", + "lzhoucs", + "vinitm", + "cvrebert", + "naomik", + "Delapouite", + "mrstork", + "malayaleecoder", + "yisibl", + "jsx", + "hashedhyphen", + "wual", + "teoli", + "AlexPl", + "estesmax", + "jwhitlock", + "aram2625", + "asgs", + "jswisher", + "alonepopstone", + "LoTD", + "Minat", + "Penny", + "jensen", + "morello", + "jscape", + "kohei.yoshino", + "amitabha197", + "sainath", + "ryuslash", + "mediumdeviation", + "DavidWalsh", + "wctaiwan", + "Jeremie", + "lauritzt", + "Naesten", + "hexalys", + "martind1", + "jeffbradberry", + "kscarfone", + "ezigo", + "Nightingale", + "timdream", + "mnoorenberghe", + "tregagnon", + "dbs", + "leemark", + "mattbasta", + "FredB", + "mbajoras", + "Snuggypoo", + "Supuhstar", + "openjck", + "myf", + "Mohammed_Hossam", + "jaffathecake", + "lmorchard", + "tw2113", + "caesarschinas", + "trevorh", + "Jez9999", + "inma_610", + "fryn", + "jdm", + "Verruckt", + "Marsf", + "Waldo", + "Kris.shannon", + "BenoitL" ] }, - "Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds": { - "modified": "2020-06-24T00:30:00.545Z", - "contributors": ["tmhrtwg", "jonjohnjohnson", "mfluehr"] + "Web/CSS/CSS_media_queries/Using_media_queries_for_accessibility": { + "modified": "2020-07-07T17:49:27.435Z", + "contributors": ["wbamberg", "evaferreira"] }, - "Web/CSS/CSS_basic_user_interface": { - "modified": "2020-08-14T10:43:18.008Z", + "Web/CSS/CSS_multicol_layout": { + "modified": "2020-07-07T12:23:32.536Z", "contributors": [ - "alattalatta", "wbamberg", - "ExE-Boss", + "SphinxKnight", + "Syamsul88", + "estelle", + "rachelandrew", + "mfluehr", + "Sheppy", "fscholz", - "mfluehr" + "Sebastianz", + "teoli" ] }, - "Web/CSS/CSS_box_alignment": { - "modified": "2020-07-07T12:01:35.647Z", + "Web/CSS/CSS_multicol_layout/Basic_concepts": { + "modified": "2020-04-27T22:29:38.078Z", + "contributors": ["ExE-Boss", "estelle", "rachelandrew"] + }, + "Web/CSS/CSS_multicol_layout/Handling_content_breaks_in_multicol_layout": { + "modified": "2020-04-27T22:29:44.728Z", + "contributors": ["ExE-Boss", "estelle", "rachelandrew"] + }, + "Web/CSS/CSS_multicol_layout/Handling_overflow_in_multicol_layout": { + "modified": "2020-04-27T22:29:41.679Z", + "contributors": ["ExE-Boss", "estelle", "rachelandrew"] + }, + "Web/CSS/CSS_multicol_layout/Spanning_balancing_columns": { + "modified": "2020-04-27T22:29:48.205Z", + "contributors": ["mfuji09", "ExE-Boss", "estelle", "rachelandrew"] + }, + "Web/CSS/CSS_multicol_layout/Styling_columns": { + "modified": "2020-04-27T22:29:51.331Z", + "contributors": [ + "SphinxKnight", + "StanLindsey", + "mfuji09", + "ExE-Boss", + "ausi", + "estelle", + "rachelandrew" + ] + }, + "Web/CSS/CSS_multicol_layout/Using_multicol_layouts": { + "modified": "2020-09-10T08:57:56.952Z", "contributors": [ - "wbamberg", - "mklein", - "babydawson", "mfuji09", + "KadirTopal", + "Nisarg-Shah", + "ExE-Boss", "rachelandrew", - "irenesmith", - "chrisdavidmills" + "mfluehr", + "Sebastianz", + "JacobyAlley", + "xfq", + "David_Gilbertson", + "chrisdavidmills", + "guilhermemuller", + "duncanmcdonald", + "teoli", + "jigs12", + "fscholz", + "RAMilewski", + "Jeremie", + "kscarfone", + "Sheppy", + "tgrant54", + "astgtciv", + "cpearce", + "sebmozilla", + "Jürgen Jeka", + "miken32", + "Takkaria", + "BijuGC", + "Mgjbot", + "bradipao", + "Jorolo", + "Sebuls", + "Pmsyyz", + "Ptak82", + "Dria", + "BenoitL", + "Staszyna", + "Roc" ] }, - "Web/CSS/CSS_box_model": { - "modified": "2020-07-07T12:00:43.930Z", + "Web/CSS/CSS_positioned_layout": { + "modified": "2020-07-07T12:24:21.908Z", "contributors": [ "wbamberg", - "ExE-Boss", "fscholz", "mfluehr", - "Sebastianz", + "davidhbrown", + "cvrebert", "teoli" ] }, - "Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model": { - "modified": "2020-06-24T00:30:07.875Z", + "Web/CSS/CSS_positioned_layout/Understanding_z-index": { + "modified": "2020-08-24T12:47:16.738Z", "contributors": [ - "cseguenot", - "alattalatta", "mfuji09", - "Sheppy", - "g-patel", "mfluehr", - "mdsadiq", - "Sebastianz", "teoli", - "cenkingunlugu", - "jtojnar", "Jeremie", - "chrisdavidmills", - "syko4MT", - "VSri58", - "jcludwig", - "dlaliberte", - "mib32", - "srrvnn", "kscarfone", - "tomviner", - "myakura", - "Marsf", + "Sheppy", + "tregagnon", "Jürgen Jeka", - "miken32", - "Michael2402", - "Mgjbot", "Fredchat", - "DBaron" + "Dria", + "Nickolay", + "bradipao", + "Rod Whiteley", + "Wladimir_Palant" ] }, - "Web/CSS/CSS_box_model/Mastering_margin_collapsing": { - "modified": "2020-10-27T01:23:07.500Z", + "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context": { + "modified": "2020-08-24T11:51:33.626Z", "contributors": [ - "jonsanders101", - "mfluehr", - "BarryLiu1995", - "mustafasalah", - "gcyrillus", - "BychekRU", - "Sebastianz", - "fscholz", + "mfuji09", + "j9t", + "NickyMeuleman", + "Konrud", + "estelle", + "msobanjo", + "xiaohanyu", + "alattalatta", + "frivoal", + "mfluehr", + "Dolphin_Wood", + "jonjohnjohnson", + "Ende93", + "duncanmcdonald", + "paceaux", + "siirila", + "JDrone_", + "Crispen_Smith", "teoli", - "idbentley", + "yisibl", + "amitabha197", + "eirikurn", + "jsx", + "aav", + "rosca", + "KrijnHoetmer", + "leapoahead", + "skeller88", + "altano", + "Jeremie", "kscarfone", "Sheppy", "ethertank", + "dbruant", + "hurrymaplelad", + "tregagnon", + "julienw", "Jürgen Jeka", - "natbob", - "DBaron", - "Fredchat" + "Mozcerize", + "Sandwich", + "Mgjbot", + "Patrick Garies", + "Maian", + "Nickolay", + "Rod Whiteley", + "bradipao" ] }, - "Web/CSS/CSS_cascading_variables": { - "modified": "2020-07-07T12:03:44.891Z", - "contributors": ["wbamberg", "mfluehr"] - }, - "Web/CSS/CSS_charsets": { - "modified": "2020-10-15T21:38:35.251Z", - "contributors": ["wbamberg", "fscholz", "mfluehr", "Sebastianz", "teoli"] - }, - "Web/CSS/CSS_colors": { - "modified": "2020-12-02T11:04:05.642Z", - "contributors": ["peterbe", "wbamberg", "fscholz", "Sheppy", "mfluehr"] - }, - "Web/CSS/CSS_colors/Applying_color": { - "modified": "2020-11-22T16:26:10.967Z", + "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context_example_1": { + "modified": "2020-08-24T12:16:56.733Z", "contributors": [ - "Isaaac-Jr", - "the-lyu", - "UnorthodoxThing", - "irenesmith", - "alattalatta", - "fazl", + "mfuji09", + "wbamberg", + "duncanmcdonald", + "teoli", + "dima716", + "Jeremie", + "ethertank", "Sheppy", - "alexaguiarx", - "joseph-kaainoa", - "chrisdavidmills" + "tregagnon", + "Mgjbot", + "Nickolay", + "Rod Whiteley", + "bradipao" ] }, - "Web/CSS/CSS_colors/Color_picker_tool": { - "modified": "2020-10-30T22:49:32.596Z", + "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context_example_2": { + "modified": "2020-08-24T12:22:25.104Z", "contributors": [ - "td2014", - "mfluehr", - "stephaniehobson", - "Sheppy", - "pqpace", - "The-Quill", - "jeng1111", + "mfuji09", + "wbamberg", + "chrisdavidmills", + "karimcossutti", "teoli", - "730", - "gabriel_ivanica" + "breeze1990", + "Jeremie", + "ethertank", + "Sheppy", + "tregagnon", + "Mgjbot", + "Nickolay", + "Rod Whiteley", + "bradipao" ] }, - "Web/CSS/CSS_compositing_and_blending": { - "modified": "2020-10-15T22:02:40.854Z", - "contributors": ["wbamberg", "mfuji09", "fscholz", "mfluehr"] - }, - "Web/CSS/CSS_conditional_rules": { - "modified": "2020-12-02T11:04:37.706Z", + "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context_example_3": { + "modified": "2020-08-24T12:36:52.767Z", "contributors": [ - "peterbe", + "mfuji09", "wbamberg", - "fscholz", - "arnulfolg", - "mfluehr", - "Sebastianz", - "teoli" + "chrisdavidmills", + "justtesting111", + "Alien426", + "padulam", + "teoli", + "breeze1990", + "rexona", + "Jeremie", + "ethertank", + "Sheppy", + "tregagnon", + "Mgjbot", + "Nickolay", + "Rod Whiteley", + "bradipao" ] }, - "Web/CSS/CSS_containment": { - "modified": "2020-11-10T19:44:49.765Z", + "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_floating_elements": { + "modified": "2020-09-10T08:45:49.713Z", "contributors": [ - "jpmedley", - "Malvoz", - "wbamberg", + "hata6502", + "mfuji09", "chrisdavidmills", - "rachelandrew" + "wbamberg", + "mfluehr", + "edspeedy", + "teoli", + "breeze1990", + "xfq", + "Jeremie", + "Sheppy", + "tregagnon", + "Mgjbot", + "Nickolay", + "Rod Whiteley", + "bradipao" ] }, - "Web/CSS/CSS_counter_styles": { - "modified": "2020-12-02T11:05:20.911Z", + "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_without_z-index": { + "modified": "2020-08-24T11:01:07.302Z", "contributors": [ - "peterbe", - "wbamberg", - "msobanjo", - "fscholz", "mfuji09", - "mfluehr" + "wbamberg", + "nicokoenig", + "jonjohnjohnson", + "mfluehr", + "SphinxKnight", + "ViktorPalansky", + "javichito", + "duncanmcdonald", + "teoli", + "xfq", + "Jeremie", + "Sheppy", + "tregagnon", + "azatazz", + "deepakjoy", + "Mgjbot", + "Fredchat", + "Nickolay", + "Rod Whiteley", + "bradipao" ] }, - "Web/CSS/CSS_counter_styles/Using_CSS_counters": { - "modified": "2020-08-18T01:07:01.408Z", + "Web/CSS/CSS_positioned_layout/Understanding_z-index/Using_z-index": { + "modified": "2020-08-24T11:23:24.372Z", "contributors": [ "mfuji09", - "aniketkudale", - "anonyco", - "webaware", - "rachelandrew", - "estelle", - "mn4367", - "thisisalessandro", "mfluehr", - "zfang1995", - "xfq", - "madmurphy", - "styfle", - "b_g", - "chrisdevwords", - "Sebastianz", "teoli", - "jackarmley", - "lapplu", - "Cath_kb", - "Kuzirashi", - "kscarfone", - "Herr_Schwabullek", - "Criexe", - "m80her", + "breeze1990", + "xfq", "Jeremie", - "evan.washkow", "Sheppy", - "wlach", - "ethertank", - "Pointy", - "mmclark", - "miken32", - "Mbear", + "tregagnon", + "yogi", + "Jürgen Jeka", + "Mozcerize", + "Waltonad0283", + "Pnomolos", + "Mgjbot", "Nickolay", - "DBaron", - "Fredchat", - "Ssmedberg", - "Ptak82", - "PablO", - "Spanglerco" + "Rod Whiteley", + "bradipao" ] }, - "Web/CSS/CSS_display": { - "modified": "2020-10-15T21:38:29.670Z", + "Web/CSS/CSS_shapes": { + "modified": "2020-07-07T12:26:26.279Z", "contributors": [ "wbamberg", - "ExE-Boss", - "mfuji09", + "alattalatta", "rachelandrew", + "Sheppy", + "chrisdavidmills", + "mfuji09", "mfluehr", - "fscholz", - "teoli" - ] - }, - "Web/CSS/CSS_filter_effects": { - "modified": "2020-12-02T11:05:43.361Z", - "contributors": ["peterbe", "wbamberg", "fscholz", "mfluehr"] - }, - "Web/CSS/CSS_flexible_box_layout": { - "modified": "2020-07-07T12:06:27.676Z", - "contributors": [ - "wbamberg", - "vnctdj", - "LukV", - "hinell", - "fscholz", - "rachelandrew", - "mfuji09", - "andrzejkrecicki", - "chrisdavidmills", - "bear-bibeault", - "mfluehr", - "WynnChen", - "Arturio1970", + "TylerH", + "Sebastianz", "teoli" ] }, - "Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container": { - "modified": "2020-08-25T12:32:42.313Z", - "contributors": [ - "mehtapratik", - "TasosPoursaitides", - "irenesmith", - "mfuji09", - "rachelandrew", - "dynamis", - "reppets", - "skyfall", - "chrisdavidmills" - ] + "Web/CSS/CSS_shapes/Basic_shapes": { + "modified": "2020-04-27T22:31:14.909Z", + "contributors": ["EvanGenest", "mfluehr", "chrisdavidmills", "rachelandrew"] }, - "Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox": { - "modified": "2020-07-07T12:06:44.348Z", + "Web/CSS/CSS_shapes/From_box_values": { + "modified": "2020-07-07T12:26:52.049Z", "contributors": [ "wbamberg", - "ExE-Boss", - "mattbrundageMDN", - "roryokane", + "xunzhonglee", + "Sheppy", "chrisdavidmills", "rachelandrew" ] }, - "Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox": { - "modified": "2020-12-11T09:00:07.056Z", - "contributors": [ - "jeenuv", - "mfuji09", - "silvertiger", - "n-insaidoo", - "arai", - "danpaltor", - "SphinxKnight", - "Baltimora", - "mattbrundageMDN", - "mw76", - "Dencraft", - "rachelandrew", - "benjaminmillhouse", - "chrisdavidmills", - "yavorski", - "JayBee007" - ] - }, - "Web/CSS/CSS_flexible_box_layout/Mastering_wrapping_of_flex_items": { - "modified": "2020-06-24T00:31:25.845Z", - "contributors": [ - "maksymczech", - "mattbrundageMDN", - "rachelandrew", - "chrisdavidmills" - ] - }, - "Web/CSS/CSS_flexible_box_layout/Ordering_flex_items": { - "modified": "2020-10-16T12:47:28.328Z", - "contributors": [ - "mfuji09", - "chrisdavidmills", - "jimbo1qaz", - "SaquibAsghar", - "youcanping", - "rachelandrew" - ] + "Web/CSS/CSS_shapes/Overview_of_shapes": { + "modified": "2020-07-07T12:26:38.388Z", + "contributors": ["wbamberg", "chrisdavidmills", "rachelandrew"] }, - "Web/CSS/CSS_flexible_box_layout/Relationship_of_flexbox_to_other_layout_methods": { - "modified": "2020-07-29T17:42:40.584Z", - "contributors": [ - "gerfolder", - "upbeatcode", - "Wryhder", - "chrisdavidmills", - "riking", - "reppets", - "mattbrundageMDN", - "demir-delic", - "nicross", - "JonathanPool", - "rachelandrew" - ] + "Web/CSS/CSS_shapes/Shapes_from_images": { + "modified": "2020-04-27T22:31:21.929Z", + "contributors": ["ExE-Boss", "mfuji09", "rachelandrew"] }, - "Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox": { - "modified": "2020-06-24T00:31:36.163Z", - "contributors": [ - "sutara79", - "mattbrundageMDN", - "rachelandrew", - "chrisdavidmills" - ] + "Web/CSS/CSS_table": { + "modified": "2020-07-07T12:26:58.542Z", + "contributors": ["wbamberg", "fscholz", "mfluehr", "Sebastianz", "teoli"] }, - "Web/CSS/CSS_fonts": { - "modified": "2020-07-07T12:15:10.154Z", + "Web/CSS/CSS_text": { + "modified": "2020-07-07T12:27:04.459Z", "contributors": [ "wbamberg", - "alattalatta", - "SphinxKnight", - "j9t", - "estelle", - "MNizam0802", - "chrisdavidmills", - "YanCanCode", + "mfuji09", + "fscholz", + "vnkt66", "mfluehr", "Sebastianz", - "fscholz", "teoli" ] }, - "Web/CSS/CSS_fonts/OpenType_fonts_guide": { - "modified": "2020-07-07T12:15:18.892Z", - "contributors": ["wbamberg", "jpamental", "chrisdavidmills"] - }, - "Web/CSS/CSS_fonts/Variable_fonts_guide": { - "modified": "2020-07-07T12:15:27.222Z", + "Web/CSS/CSS_text_decoration": { + "modified": "2020-07-07T12:27:11.406Z", "contributors": [ "wbamberg", - "mmartin1123", "chrisdavidmills", - "jpamental", - "caraya" + "fscholz", + "mfluehr", + "teoli", + "Sebastianz" ] }, - "Web/CSS/CSS_fragmentation": { - "modified": "2020-07-07T12:15:32.340Z", - "contributors": ["wbamberg", "mfluehr"] - }, - "Web/CSS/CSS_media_queries": { - "modified": "2020-07-07T12:37:08.835Z", + "Web/CSS/CSS_transforms": { + "modified": "2020-09-19T15:22:47.585Z", "contributors": [ - "wbamberg", - "alattalatta", "mfuji09", - "evaferreira", + "wbamberg", "rachelandrew", "fscholz", "mfluehr", - "Sheppy", - "chrisdavidmills", "erikadoyle", - "ibizcox", "Sebastianz", - "teoli", - "sujeetkalaskar" + "Prinz_Rana", + "teoli" ] }, - "Web/CSS/CSS_media_queries/Testing_media_queries": { - "modified": "2020-10-15T21:07:28.917Z", + "Web/CSS/CSS_transforms/Using_CSS_transforms": { + "modified": "2020-11-28T02:41:49.208Z", "contributors": [ - "RainSlide", - "fscholz", - "BenMansley", "mfuji09", - "mfluehr", - "Shaderpixel", - "Tigt", + "alattalatta", "chrisdavidmills", + "Eon-MDN", + "Flaburgan", + "Alterebro", + "ViKomprenas", + "Sheppy", + "mfluehr", + "draccicgeb", + "jwhitlock", + "akshayramdasi", "teoli", - "hexalys", - "P0lip", + "tomascot", + "fscholz", + "KamboBlack", + "Keysox", + "techieshark", "Jeremie", "kscarfone", - "Sheppy", - "kohei.yoshino", + "MartinRinehart", + "Emily_Dirsh", + "jryans", + "FredB", "ethertank", - "caesarschinas", - "robflaherty", - "yyss", - "paul.irish" + "Vaibs", + "matt_basta", + "ajimix", + "louisremi", + "RichardD", + "Landis", + "BenoitL", + "sebmozilla", + "another_sam", + "Jürgen Jeka", + "Taken" ] }, - "Web/CSS/CSS_media_queries/Using_media_queries": { - "modified": "2020-09-16T07:07:38.822Z", + "Web/CSS/CSS_transitions": { + "modified": "2020-07-07T12:27:26.495Z", "contributors": [ - "sideshowbarker", - "Sheppy", - "chrisdavidmills", - "McContax", - "pwign", - "SphinxKnight", - "andronweedQween", - "q.dinar", - "Jürgen Jeka", - "bershanskiy", - "cpmsmith", - "HTMLValidator", - "mfuji09", - "Artoria2e5", - "rachelandrew", + "wbamberg", + "fscholz", "mfluehr", - "BurhanDaepat", - "zbjornson", - "Jonathan_Watt", - "miket", - "dkocho4", - "samus250", - "AozakiOrenji", - "pepe2016", + "erikadoyle", "Sebastianz", - "jonathanKingston", - "y0ssar1an", - "lzhoucs", - "vinitm", - "cvrebert", - "naomik", - "Delapouite", - "mrstork", - "malayaleecoder", - "yisibl", + "teoli" + ] + }, + "Web/CSS/CSS_transitions/Using_CSS_transitions": { + "modified": "2020-08-17T04:47:17.578Z", + "contributors": [ + "mfuji09", + "estelle", + "fscholz", + "chrisdavidmills", + "stepharr", + "lisza", + "utkarshbhatt12", + "stephaniehobson", + "Nandha13", + "mfluehr", + "jstewart8053", + "Mori", + "Jagadheeswaran007", + "weihanglo", + "gacelperfinian", + "Sheppy", + "andrewhl", "jsx", - "hashedhyphen", - "wual", + "LongBu", + "LeekAnarchism", "teoli", - "AlexPl", - "estesmax", - "jwhitlock", - "aram2625", - "asgs", - "jswisher", - "alonepopstone", - "LoTD", - "Minat", - "Penny", - "jensen", - "morello", + "hweeks", + "Sebastianz", + "jonankabigumira", + "Flimm", + "victormiguez", + "cvrebert", + "aziz_shaik", "jscape", - "kohei.yoshino", + "ChrisL", "amitabha197", - "sainath", - "ryuslash", - "mediumdeviation", - "DavidWalsh", - "wctaiwan", + "tagawa", "Jeremie", - "lauritzt", - "Naesten", - "hexalys", - "martind1", - "jeffbradberry", + "Sertion", + "dbruant", + "stevenvachon", "kscarfone", - "ezigo", - "Nightingale", - "timdream", - "mnoorenberghe", - "tregagnon", - "dbs", - "leemark", - "mattbasta", - "FredB", - "mbajoras", - "Snuggypoo", - "Supuhstar", - "openjck", - "myf", - "Mohammed_Hossam", + "ScottMichaud", + "Jeremy Banks", + "enderandpeter", + "terrycloth", + "Emmrargh", + "m_gol", + "BluesM", + "ronj", "jaffathecake", - "lmorchard", - "tw2113", - "caesarschinas", - "trevorh", - "Jez9999", + "matt_basta", + "iskin", + "anushbmx", + "davezatch", + "Rkovac", + "JohnKarahalis", + "BYK", + "Martndemus", + "codepo8", + "Marcoos", + "Meggin Kearney", + "Jürgen Jeka", + "mechaxl", + "yyss", + "fredrikekelund", + "talldan", "inma_610", - "fryn", - "jdm", - "Verruckt", - "Marsf", - "Waldo", - "Kris.shannon", - "BenoitL" + "borismus", + "grendel", + "paul.irish", + "robodesign", + "sebmozilla", + "Paul", + "Hansschmucker" ] }, - "Web/CSS/CSS_media_queries/Using_media_queries_for_accessibility": { - "modified": "2020-07-07T17:49:27.435Z", - "contributors": ["wbamberg", "evaferreira"] - }, - "Web/CSS/CSS_multicol_layout": { - "modified": "2020-07-07T12:23:32.536Z", + "Web/CSS/CSS_writing_modes": { + "modified": "2020-07-07T12:31:18.518Z", "contributors": [ "wbamberg", + "fscholz", "SphinxKnight", - "Syamsul88", - "estelle", - "rachelandrew", + "LiuYanandGithub", "mfluehr", - "Sheppy", - "fscholz", "Sebastianz", "teoli" ] }, - "Web/CSS/CSS_multicol_layout/Basic_concepts": { - "modified": "2020-04-27T22:29:38.078Z", - "contributors": ["ExE-Boss", "estelle", "rachelandrew"] - }, - "Web/CSS/CSS_multicol_layout/Handling_content_breaks_in_multicol_layout": { - "modified": "2020-04-27T22:29:44.728Z", - "contributors": ["ExE-Boss", "estelle", "rachelandrew"] - }, - "Web/CSS/CSS_multicol_layout/Handling_overflow_in_multicol_layout": { - "modified": "2020-04-27T22:29:41.679Z", - "contributors": ["ExE-Boss", "estelle", "rachelandrew"] - }, - "Web/CSS/CSS_multicol_layout/Spanning_balancing_columns": { - "modified": "2020-04-27T22:29:48.205Z", - "contributors": ["mfuji09", "ExE-Boss", "estelle", "rachelandrew"] + "Web/CSS/CSS_generated_content": { + "modified": "2020-07-07T12:15:43.237Z", + "contributors": [ + "wbamberg", + "estelle", + "alattalatta", + "fscholz", + "mfluehr", + "Sebastianz", + "teoli" + ] }, - "Web/CSS/CSS_multicol_layout/Styling_columns": { - "modified": "2020-04-27T22:29:51.331Z", + "Web/CSS/CSS_grid_layout": { + "modified": "2020-11-12T06:04:51.979Z", "contributors": [ - "SphinxKnight", - "StanLindsey", + "chrisdavidmills", + "rachelandrew", + "wbamberg", + "motine", "mfuji09", + "jaredef", "ExE-Boss", - "ausi", "estelle", - "rachelandrew" + "denimX", + "sbmthakur", + "Jasum", + "willtennien", + "mfluehr", + "mASOUDd", + "DanRickerby", + "tshinnic", + "isomorphismes", + "jensimmons", + "yisibl", + "sideshowbarker", + "superwriter", + "AleshaOleg", + "dvincent", + "Paescari", + "teoli", + "Sheppy", + "psafont", + "Wishmaker888", + "david_ross", + "kwhinnery", + "rolfedh", + "PushpitaPikuDey" ] }, - "Web/CSS/CSS_multicol_layout/Using_multicol_layouts": { - "modified": "2020-09-10T08:57:56.952Z", + "Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout": { + "modified": "2020-11-11T09:28:53.973Z", + "contributors": [ + "rachelandrew", + "mehtapratik", + "SphinxKnight", + "j9t", + "steveclason", + "denimX", + "gh3it8", + "weslord", + "mfluehr", + "tshinnic", + "aermolaev", + "teoli" + ] + }, + "Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout": { + "modified": "2020-11-11T09:30:52.536Z", "contributors": [ + "rachelandrew", "mfuji09", - "KadirTopal", - "Nisarg-Shah", + "leonardoInf", + "Tingyu", + "chrisdavidmills", + "SanjeevSahoo", + "ValLynn", + "panckreous", "ExE-Boss", + "Sheppy", + "RichWK", + "harupiyo", + "kan199041", + "stephaniehobson", + "KateSturmey", + "bgates", + "tshinnic", + "magnificode", + "mhusm", + "BluebirchCreative", + "MexieAndCo", + "johnjv", + "Sebastianz", + "richardkalehoff", + "AleshaOleg", + "dvincent", + "teoli" + ] + }, + "Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout": { + "modified": "2020-11-12T04:20:04.207Z", + "contributors": [ "rachelandrew", + "applejam9029", + "mehtapratik", + "mklein", + "kp2017", + "waqarhussain", + "estelle", + "Jannaee", + "VAggrippino", + "juandesouza", + "Sheppy", + "cagross", + "stephaniehobson", + "comehope", + "AlexN", + "mfluehr", + "tshinnic", + "david_ross", + "Konrud", + "aermolaev", + "teoli" + ] + }, + "Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility": { + "modified": "2020-11-12T04:27:12.717Z", + "contributors": [ + "rachelandrew", + "j9t", + "juandesouza", + "mfluehr", + "aermolaev", + "teoli", + "scuveedog" + ] + }, + "Web/CSS/CSS_grid_layout/Grid_layout_and_progressive_enhancement": { + "modified": "2020-11-12T04:31:28.635Z", + "contributors": [ + "rachelandrew", + "iskin", + "AnthonyIsaacs", + "nayyirjutha", + "alberts+", + "nevan", + "ripeshade", + "mfluehr", + "david_ross", + "Konrud", + "RitchieVincent", + "Zcorpan", + "aermolaev", + "teoli", + "scuveedog" + ] + }, + "Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement": { + "modified": "2020-11-11T09:51:54.730Z", + "contributors": [ + "rachelandrew", + "cdoublev", "mfluehr", - "Sebastianz", - "JacobyAlley", - "xfq", - "David_Gilbertson", "chrisdavidmills", - "guilhermemuller", - "duncanmcdonald", + "neo01124", + "NouranMahmoud", + "bgates", + "dmitry-zabolotny", + "jarrodn", + "AleshaOleg", "teoli", - "jigs12", - "fscholz", - "RAMilewski", - "Jeremie", - "kscarfone", - "Sheppy", - "tgrant54", - "astgtciv", - "cpearce", - "sebmozilla", - "Jürgen Jeka", - "miken32", - "Takkaria", - "BijuGC", - "Mgjbot", - "bradipao", - "Jorolo", - "Sebuls", - "Pmsyyz", - "Ptak82", - "Dria", - "BenoitL", - "Staszyna", - "Roc" + "imagentleman" + ] + }, + "Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines": { + "modified": "2020-11-11T09:57:51.799Z", + "contributors": [ + "rachelandrew", + "escattone", + "richardkmichael", + "magnificode", + "jarrodn", + "1986slayer", + "Konrud", + "aermolaev", + "teoli" + ] + }, + "Web/CSS/CSS_grid_layout/Grid_template_areas": { + "modified": "2020-11-12T13:21:19.042Z", + "contributors": [ + "rachelandrew", + "juandesouza", + "miname", + "aermolaev", + "teoli" ] }, - "Web/CSS/CSS_positioned_layout": { - "modified": "2020-07-07T12:24:21.908Z", + "Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes": { + "modified": "2020-11-12T04:23:35.016Z", "contributors": [ - "wbamberg", - "fscholz", + "rachelandrew", + "Sheppy", + "j9t", + "estelle", + "MNizam0802", + "juandesouza", + "rileym7", "mfluehr", - "davidhbrown", - "cvrebert", + "david_ross", + "Konrud", + "aermolaev", "teoli" ] }, - "Web/CSS/CSS_positioned_layout/Understanding_z-index": { - "modified": "2020-08-24T12:47:16.738Z", + "Web/CSS/CSS_grid_layout/Masonry_layout": { + "modified": "2020-11-12T05:33:14.237Z", + "contributors": ["chrisdavidmills", "rachelandrew"] + }, + "Web/CSS/CSS_grid_layout/Realizing_common_layouts_using_grids": { + "modified": "2020-11-12T04:33:54.397Z", "contributors": [ - "mfuji09", + "rachelandrew", + "ferrybig", "mfluehr", - "teoli", - "Jeremie", - "kscarfone", - "Sheppy", - "tregagnon", - "Jürgen Jeka", - "Fredchat", - "Dria", - "Nickolay", - "bradipao", - "Rod Whiteley", - "Wladimir_Palant" + "Konrud", + "aermolaev", + "teoli" ] }, - "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context": { - "modified": "2020-08-24T11:51:33.626Z", + "Web/CSS/CSS_grid_layout/Relationship_of_grid_layout_with_other_layout_methods": { + "modified": "2020-11-11T09:35:50.512Z", "contributors": [ + "rachelandrew", + "gerfolder", + "escattone", + "raushanraja", + "cdoublev", "mfuji09", - "j9t", - "NickyMeuleman", - "Konrud", - "estelle", - "msobanjo", - "xiaohanyu", - "alattalatta", - "frivoal", + "chrisdavidmills", + "jaredef", + "richardkmichael", + "juandesouza", + "AndyK", + "jquinones618", + "kan199041", + "VladPavel15", "mfluehr", - "Dolphin_Wood", - "jonjohnjohnson", - "Ende93", - "duncanmcdonald", - "paceaux", - "siirila", - "JDrone_", - "Crispen_Smith", - "teoli", - "yisibl", - "amitabha197", - "eirikurn", - "jsx", - "aav", - "rosca", - "KrijnHoetmer", - "leapoahead", - "skeller88", - "altano", - "Jeremie", - "kscarfone", - "Sheppy", - "ethertank", - "dbruant", - "hurrymaplelad", - "tregagnon", - "julienw", - "Jürgen Jeka", - "Mozcerize", - "Sandwich", - "Mgjbot", - "Patrick Garies", - "Maian", - "Nickolay", - "Rod Whiteley", - "bradipao" + "NouranMahmoud", + "bgates", + "Pickles-Spill", + "jarrodn", + "AleshaOleg", + "teoli" ] }, - "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context_example_1": { - "modified": "2020-08-24T12:16:56.733Z", + "Web/CSS/CSS_grid_layout/Subgrid": { + "modified": "2020-11-12T04:35:24.907Z", "contributors": [ + "rachelandrew", "mfuji09", "wbamberg", - "duncanmcdonald", - "teoli", - "dima716", - "Jeremie", - "ethertank", - "Sheppy", - "tregagnon", - "Mgjbot", - "Nickolay", - "Rod Whiteley", - "bradipao" + "inwardmovement", + "bershanskiy", + "chrisdavidmills", + "SphinxKnight" ] }, - "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context_example_2": { - "modified": "2020-08-24T12:22:25.104Z", + "Web/CSS/CSS_images": { + "modified": "2020-07-07T12:17:40.924Z", "contributors": [ - "mfuji09", "wbamberg", - "chrisdavidmills", - "karimcossutti", - "teoli", - "breeze1990", - "Jeremie", - "ethertank", - "Sheppy", - "tregagnon", - "Mgjbot", - "Nickolay", - "Rod Whiteley", - "bradipao" + "estelle", + "mfuji09", + "ExE-Boss", + "fscholz", + "mfluehr", + "wizAmit", + "mrstork", + "cvrebert", + "Sebastianz", + "teoli" ] }, - "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context_example_3": { - "modified": "2020-08-24T12:36:52.767Z", + "Web/CSS/CSS_images/Implementing_image_sprites_in_CSS": { + "modified": "2020-07-31T05:09:18.549Z", "contributors": [ "mfuji09", - "wbamberg", - "chrisdavidmills", - "justtesting111", - "Alien426", - "padulam", + "cjbt", + "mfluehr", + "Sebastianz", "teoli", - "breeze1990", - "rexona", + "xfq", "Jeremie", - "ethertank", - "Sheppy", - "tregagnon", - "Mgjbot", - "Nickolay", - "Rod Whiteley", - "bradipao" + "kscarfone", + "i80and", + "Luke314" ] }, - "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_floating_elements": { - "modified": "2020-09-10T08:45:49.713Z", + "Web/CSS/CSS_images/Using_CSS_gradients": { + "modified": "2020-11-09T14:36:47.079Z", "contributors": [ - "hata6502", - "mfuji09", "chrisdavidmills", - "wbamberg", + "rachelandrew", + "mfuji09", + "estelle", "mfluehr", - "edspeedy", + "VitalyR", + "jwhitlock", + "joyously", + "sebastien-bartoli", + "Maruti-Ram", + "undest", + "ArenM", + "steveperrito", + "Krenair", + "Mahan91", + "mrenty", + "sraghav", + "Sebastianz", + "una", "teoli", - "breeze1990", + "Dietrich", "xfq", + "stephaniehobson", + "wakka27", "Jeremie", + "kscarfone", + "shendry", "Sheppy", - "tregagnon", - "Mgjbot", - "Nickolay", - "Rod Whiteley", - "bradipao" + "netfuzzer55", + "chrisk8er", + "jswisher", + "netfuzzer33", + "ethertank", + "Inkbug", + "gadgetboy", + "danieltott", + "backflip", + "borncssed", + "marcobiscaro2112", + "floEdelmann", + "sebmozilla", + "Piro", + "BenoitL" ] }, - "Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_without_z-index": { - "modified": "2020-08-24T11:01:07.302Z", + "Web/CSS/CSS_lists": { + "modified": "2020-07-07T12:20:22.683Z", "contributors": [ - "mfuji09", "wbamberg", - "nicokoenig", - "jonjohnjohnson", + "rachelandrew", + "fscholz", "mfluehr", - "SphinxKnight", - "ViktorPalansky", - "javichito", - "duncanmcdonald", - "teoli", - "xfq", - "Jeremie", - "Sheppy", - "tregagnon", - "azatazz", - "deepakjoy", - "Mgjbot", - "Fredchat", - "Nickolay", - "Rod Whiteley", - "bradipao" + "TylerH", + "Sebastianz", + "teoli" ] }, - "Web/CSS/CSS_positioned_layout/Understanding_z-index/Using_z-index": { - "modified": "2020-08-24T11:23:24.372Z", + "Web/CSS/CSS_lists/Consistent_list_indentation": { + "modified": "2020-04-27T22:28:57.922Z", "contributors": [ - "mfuji09", "mfluehr", + "Sebastianz", + "fscholz", "teoli", - "breeze1990", "xfq", "Jeremie", + "kscarfone", "Sheppy", - "tregagnon", - "yogi", - "Jürgen Jeka", - "Mozcerize", - "Waltonad0283", - "Pnomolos", - "Mgjbot", - "Nickolay", - "Rod Whiteley", - "bradipao" + "pdmdn", + "enderandpeter", + "Dria", + "Laurent Denis", + "CitizenK" ] }, - "Web/CSS/CSS_shapes": { - "modified": "2020-07-07T12:26:26.279Z", + "Web/CSS/CSS_logical_properties_and_values": { + "modified": "2020-08-06T03:12:04.912Z", "contributors": [ + "mfuji09", "wbamberg", - "alattalatta", - "rachelandrew", - "Sheppy", + "David_Gilbertson", "chrisdavidmills", - "mfuji09", + "rachelandrew", + "ExE-Boss", "mfluehr", - "TylerH", + "Patrick_Dark", "Sebastianz", "teoli" ] }, - "Web/CSS/CSS_shapes/Basic_shapes": { - "modified": "2020-04-27T22:31:14.909Z", - "contributors": ["EvanGenest", "mfluehr", "chrisdavidmills", "rachelandrew"] + "Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values": { + "modified": "2020-05-08T04:42:35.461Z", + "contributors": ["chrisdavidmills", "maxcaluva", "ExE-Boss", "rachelandrew"] }, - "Web/CSS/CSS_shapes/From_box_values": { - "modified": "2020-07-07T12:26:52.049Z", + "Web/CSS/CSS_logical_properties_and_values/Floating_and_positioning": { + "modified": "2020-07-25T07:53:54.241Z", "contributors": [ - "wbamberg", - "xunzhonglee", - "Sheppy", + "mfuji09", + "jonjohnjohnson", + "wes-moberly", "chrisdavidmills", - "rachelandrew" + "rachelandrew", + "ExE-Boss" ] }, - "Web/CSS/CSS_shapes/Overview_of_shapes": { - "modified": "2020-07-07T12:26:38.388Z", - "contributors": ["wbamberg", "chrisdavidmills", "rachelandrew"] - }, - "Web/CSS/CSS_shapes/Shapes_from_images": { - "modified": "2020-04-27T22:31:21.929Z", - "contributors": ["ExE-Boss", "mfuji09", "rachelandrew"] + "Web/CSS/CSS_logical_properties_and_values/Margins_borders_padding": { + "modified": "2020-04-27T22:29:14.138Z", + "contributors": ["rachelandrew", "chrisdavidmills", "ExE-Boss"] }, - "Web/CSS/CSS_table": { - "modified": "2020-07-07T12:26:58.542Z", - "contributors": ["wbamberg", "fscholz", "mfluehr", "Sebastianz", "teoli"] + "Web/CSS/CSS_logical_properties_and_values/Sizing": { + "modified": "2020-04-27T22:29:20.643Z", + "contributors": ["chrisdavidmills", "ExE-Boss", "rachelandrew"] }, - "Web/CSS/CSS_text": { - "modified": "2020-07-07T12:27:04.459Z", + "Web/CSS/CSS_masking": { + "modified": "2020-07-07T12:23:11.029Z", "contributors": [ "wbamberg", - "mfuji09", + "alattalatta", "fscholz", - "vnkt66", "mfluehr", + "teoli", + "chrisdavidmills", "Sebastianz", - "teoli" + "jwhitlock" ] }, - "Web/CSS/CSS_text_decoration": { - "modified": "2020-07-07T12:27:11.406Z", + "Web/CSS/CSS_miscellaneous": { + "modified": "2020-07-07T12:23:17.703Z", + "contributors": ["wbamberg", "mfluehr", "Tigt", "teoli"] + }, + "Web/CSS/CSS_motion_path": { + "modified": "2020-10-15T21:38:36.015Z", "contributors": [ + "mfuji09", "wbamberg", + "Siilwyn", "chrisdavidmills", + "dancwilson", "fscholz", "mfluehr", - "teoli", - "Sebastianz" + "jpmedley", + "Sebastianz", + "teoli" ] }, - "Web/CSS/CSS_transforms": { - "modified": "2020-09-19T15:22:47.585Z", + "Web/CSS/CSS_namespaces": { + "modified": "2020-10-15T21:38:33.987Z", "contributors": [ - "mfuji09", "wbamberg", - "rachelandrew", "fscholz", "mfluehr", - "erikadoyle", "Sebastianz", - "Prinz_Rana", + "Tigt", "teoli" ] }, - "Web/CSS/CSS_transforms/Using_CSS_transforms": { - "modified": "2020-11-28T02:41:49.208Z", + "Web/CSS/CSS_overflow": { + "modified": "2020-10-22T21:15:13.514Z", "contributors": [ + "hamishwillee", "mfuji09", - "alattalatta", - "chrisdavidmills", - "Eon-MDN", - "Flaburgan", - "Alterebro", - "ViKomprenas", - "Sheppy", - "mfluehr", - "draccicgeb", - "jwhitlock", - "akshayramdasi", - "teoli", - "tomascot", - "fscholz", - "KamboBlack", - "Keysox", - "techieshark", - "Jeremie", - "kscarfone", - "MartinRinehart", - "Emily_Dirsh", - "jryans", - "FredB", - "ethertank", - "Vaibs", - "matt_basta", - "ajimix", - "louisremi", - "RichardD", - "Landis", - "BenoitL", - "sebmozilla", - "another_sam", - "Jürgen Jeka", - "Taken" + "wbamberg", + "dominicegginton", + "SphinxKnight", + "rachelandrew" ] }, - "Web/CSS/CSS_transitions": { - "modified": "2020-07-07T12:27:26.495Z", + "Web/CSS/CSS_paged_media": { + "modified": "2020-07-07T12:24:16.035Z", + "contributors": ["wbamberg", "fscholz", "mfluehr", "teoli", "cvrebert"] + }, + "Web/CSS/CSS_ruby_layout": { + "modified": "2020-07-07T12:25:44.800Z", "contributors": [ "wbamberg", + "alattalatta", "fscholz", "mfluehr", - "erikadoyle", "Sebastianz", "teoli" ] }, - "Web/CSS/CSS_transitions/Using_CSS_transitions": { - "modified": "2020-08-17T04:47:17.578Z", + "Web/CSS/CSS_scroll_snap": { + "modified": "2020-12-06T20:56:34.162Z", "contributors": [ + "Rik", + "wbamberg", + "r-i-c-h", + "Sebastianz", + "rachelandrew", + "chrisdavidmills", + "ExE-Boss", "mfuji09", - "estelle", - "fscholz", + "Seblor", + "twhb" + ] + }, + "Web/CSS/CSS_scroll_snap/Basic_concepts": { + "modified": "2020-04-27T22:30:56.352Z", + "contributors": [ + "hisbvdis", + "SlaughterDog", "chrisdavidmills", - "stepharr", - "lisza", - "utkarshbhatt12", - "stephaniehobson", - "Nandha13", - "mfluehr", - "jstewart8053", - "Mori", - "Jagadheeswaran007", - "weihanglo", - "gacelperfinian", - "Sheppy", - "andrewhl", - "jsx", - "LongBu", - "LeekAnarchism", - "teoli", - "hweeks", - "Sebastianz", - "jonankabigumira", - "Flimm", - "victormiguez", - "cvrebert", - "aziz_shaik", - "jscape", - "ChrisL", - "amitabha197", - "tagawa", - "Jeremie", - "Sertion", - "dbruant", - "stevenvachon", - "kscarfone", - "ScottMichaud", - "Jeremy Banks", - "enderandpeter", - "terrycloth", - "Emmrargh", - "m_gol", - "BluesM", - "ronj", - "jaffathecake", - "matt_basta", - "iskin", - "anushbmx", - "davezatch", - "Rkovac", - "JohnKarahalis", - "BYK", - "Martndemus", - "codepo8", - "Marcoos", - "Meggin Kearney", - "Jürgen Jeka", - "mechaxl", - "yyss", - "fredrikekelund", - "talldan", - "inma_610", - "borismus", - "grendel", - "paul.irish", - "robodesign", - "sebmozilla", - "Paul", - "Hansschmucker" + "rachelandrew", + "EvanGenest" ] }, - "Web/CSS/CSS_writing_modes": { - "modified": "2020-07-07T12:31:18.518Z", + "Web/CSS/CSS_scrollbars_styling": { + "modified": "2020-10-15T22:10:49.755Z", "contributors": [ "wbamberg", - "fscholz", - "SphinxKnight", - "LiuYanandGithub", - "mfluehr", - "Sebastianz", - "teoli" + "mfuji09", + "Malvoz", + "kioyang", + "werdnagreb", + "hidde", + "chrisdavidmills", + "speed-rmn", + "rachelandrew", + "ExE-Boss" ] }, "Web/CSS/Cascade": { diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md index d49c9851220a8e5..183d5bbf4c2fac3 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md @@ -1,5 +1,5 @@ --- -title: Box alignment in Flexbox +title: Box alignment in flexbox slug: Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox page-type: guide --- diff --git a/files/en-us/web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md b/files/en-us/web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md index 08f5f8bb035c34a..01faa808bf3d7b5 100644 --- a/files/en-us/web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md +++ b/files/en-us/web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md @@ -1,6 +1,6 @@ --- title: Block and inline layout in normal flow -slug: Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow +slug: Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow page-type: guide --- @@ -53,7 +53,7 @@ In the example below, the paragraphs have a top margin of `20px` and a bottom ma {{EmbedGHLiveSample("css-examples/flow/block-inline/normal-flow-collapsing.html", '100%', 500)}} -You can read more about margin collapsing in our article [Mastering Margin Collapsing](/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing). +You can read more about margin collapsing in our article [Mastering Margin Collapsing](/en-US/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing). > **Note:** If you are not sure whether margins are collapsing, check the Box Model values in your browser DevTools. This will give you the actual size of the margin which can help you to identify what is happening. > @@ -101,7 +101,7 @@ In this guide, we have looked at how elements display in normal flow, as block a ## See also -- [CSS Basic Box Model](/en-US/docs/Web/CSS/CSS_Box_Model) +- [CSS Basic Box Model](/en-US/docs/Web/CSS/CSS_box_model) - _[Normal Flow](/en-US/docs/Learn/CSS/CSS_layout/Normal_Flow)_ - Learn Layout - [Inline-level elements](/en-US/docs/Glossary/Inline-level_content) - [Block-level elements](/en-US/docs/Glossary/Block-level_content) diff --git a/files/en-us/web/css/css_flow_layout/flow_layout_and_overflow/index.md b/files/en-us/web/css/css_flow_layout/flow_layout_and_overflow/index.md index 8e90bdb604ba1fe..adead8bf856e6fa 100644 --- a/files/en-us/web/css/css_flow_layout/flow_layout_and_overflow/index.md +++ b/files/en-us/web/css/css_flow_layout/flow_layout_and_overflow/index.md @@ -1,6 +1,6 @@ --- title: Flow layout and overflow -slug: Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Overflow +slug: Web/CSS/CSS_flow_layout/Flow_layout_and_overflow page-type: guide --- @@ -40,7 +40,7 @@ The overflow property is in reality a shorthand for the [`overflow-x`](/en-US/do ## Flow Relative Properties -In the guide to [Writing Modes and Flow Layout](/en-US/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes), we looked at the newer properties of `block-size` and `inline-size` which make more sense when working with different writing modes than tying our layout to the physical dimensions of the screen. The Level 3 Overflow Module also includes flow relative properties for overflow - [`overflow-block`](/en-US/docs/Web/CSS/@media/overflow-block) and [`overflow-inline`](/en-US/docs/Web/CSS/@media/overflow-inline). These correspond to `overflow-x` and `overflow-y` but the mapping depends on the writing mode of the document. +In the guide to [Writing Modes and Flow Layout](/en-US/docs/Web/CSS/CSS_flow_layout/Flow_layout_and_writing_modes), we looked at the newer properties of `block-size` and `inline-size` which make more sense when working with different writing modes than tying our layout to the physical dimensions of the screen. The Level 3 Overflow Module also includes flow relative properties for overflow - [`overflow-block`](/en-US/docs/Web/CSS/@media/overflow-block) and [`overflow-inline`](/en-US/docs/Web/CSS/@media/overflow-inline). These correspond to `overflow-x` and `overflow-y` but the mapping depends on the writing mode of the document. These properties currently do not have implementations in browsers, so you will need to use the physical properties at the present time and adjust for your writing mode. diff --git a/files/en-us/web/css/css_flow_layout/flow_layout_and_writing_modes/index.md b/files/en-us/web/css/css_flow_layout/flow_layout_and_writing_modes/index.md index d767c0c79bfb4ab..5f320c744a33733 100644 --- a/files/en-us/web/css/css_flow_layout/flow_layout_and_writing_modes/index.md +++ b/files/en-us/web/css/css_flow_layout/flow_layout_and_writing_modes/index.md @@ -1,14 +1,14 @@ --- title: Flow layout and writing modes -slug: Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes +slug: Web/CSS/CSS_flow_layout/Flow_layout_and_writing_modes page-type: guide --- {{CSSRef}} -The CSS 2.1 specification, which details how normal flow behaves, assumes a horizontal writing mode. [Layout](/en-US/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow) properties should work in the same way in vertical writing modes. In this guide, we look at how flow layout behaves when used with different document writing modes. +The CSS 2.1 specification, which details how normal flow behaves, assumes a horizontal writing mode. [Layout](/en-US/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow) properties should work in the same way in vertical writing modes. In this guide, we look at how flow layout behaves when used with different document writing modes. -This is not a comprehensive guide to the use of writing modes in CSS, the aim here is to document the areas where flow layout interacts with writing modes in possibly unanticipated ways. The [external resources](#external_resources) and [see also](#see_also) sections of this document link to more writing modes resources. +This is not a comprehensive guide to the use of writing modes in CSS, the aim here is to document the areas where flow layout interacts with writing modes in possibly unanticipated ways. The [See also](#see_also) section provides links to more writing modes resources. ## Writing modes specification @@ -66,7 +66,7 @@ Therefore, we have new properties of {{cssxref("block-size")}} and {{cssxref("in {{EmbedGHLiveSample("css-examples/flow/writing-modes/inline-size.html", '100%', 720)}} -The [CSS Logical Properties and Values](/en-US/docs/Web/CSS/CSS_Logical_Properties) specification includes logical versions of the properties that control margins, padding and borders as well as other mappings for things that we have typically used physical directions to specify. +The [CSS logical properties and values](/en-US/docs/Web/CSS/CSS_logical_properties_and_values) module includes logical versions of the properties that control margins, padding and borders as well as other mappings for things that we have typically used physical directions to specify. ## Summary @@ -75,5 +75,5 @@ In most cases, flow layout works as you would expect it to when changing the wri ## See also - [Writing Modes](/en-US/docs/Web/CSS/CSS_Writing_Modes) -- [Writing Modes And CSS Layout](https://www.smashingmagazine.com/2019/08/writing-modes-layout/) -- [CSS Writing Modes](https://24ways.org/2016/css-writing-modes/) +- [Writing modes and CSS layout](https://www.smashingmagazine.com/2019/08/writing-modes-layout/) on Smashing Magazine (August 6, 2019) +- [CSS writing modes](https://24ways.org/2016/css-writing-modes/) on 24ways.org (December 23, 2016) diff --git a/files/en-us/web/css/css_flow_layout/in_flow_and_out_of_flow/index.md b/files/en-us/web/css/css_flow_layout/in_flow_and_out_of_flow/index.md index fb12d391b7129ca..aa49c6f8c201417 100644 --- a/files/en-us/web/css/css_flow_layout/in_flow_and_out_of_flow/index.md +++ b/files/en-us/web/css/css_flow_layout/in_flow_and_out_of_flow/index.md @@ -1,12 +1,12 @@ --- title: In flow and out of flow -slug: Web/CSS/CSS_Flow_Layout/In_Flow_and_Out_of_Flow +slug: Web/CSS/CSS_flow_layout/In_flow_and_out_of_flow page-type: guide --- {{CSSRef}} -The [previous guide](/en-US/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow) explained block and inline layout in normal flow. All elements that are in flow will be laid out using this method. +The [previous guide](/en-US/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow) explained block and inline layout in normal flow. All elements that are in flow will be laid out using this method. The following example contains a heading, paragraph, a list and a final paragraph which contains a `strong` element. The heading and paragraphs are block level, the `strong` element inline. The list is displayed using flexbox to arrange the items into a row, however it too is participating in block and inline layout - the container has an outside `display` type of `block`. @@ -54,7 +54,7 @@ When you do anything to remove or shift an item from where it would be placed in ## Summary -In this guide, we have covered the ways to take an element out of flow in order to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/Guide/CSS/Block_formatting_context), in [Formatting Contexts Explained](/en-US/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts). +In this guide, we have covered the ways to take an element out of flow in order to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/Guide/CSS/Block_formatting_context), in [Formatting Contexts Explained](/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts). ## See also diff --git a/files/en-us/web/css/css_flow_layout/index.md b/files/en-us/web/css/css_flow_layout/index.md index 30c4f126c072ee0..2f08ff7ce42180b 100644 --- a/files/en-us/web/css/css_flow_layout/index.md +++ b/files/en-us/web/css/css_flow_layout/index.md @@ -1,6 +1,6 @@ --- -title: CSS Flow Layout -slug: Web/CSS/CSS_Flow_Layout +title: CSS flow layout +slug: Web/CSS/CSS_flow_layout page-type: guide --- @@ -20,11 +20,11 @@ The first sentence also includes a span element with a blue background. This is ## Guides -- [Block and Inline Layout in Normal Flow](/en-US/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow) -- [In Flow and Out of Flow](/en-US/docs/Web/CSS/CSS_Flow_Layout/In_Flow_and_Out_of_Flow) -- [Formatting Contexts Explained](/en-US/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts) -- [Flow Layout and Writing Modes](/en-US/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes) -- [Flow Layout and Overflow](/en-US/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Overflow) +- [Block and Inline Layout in Normal Flow](/en-US/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow) +- [In Flow and Out of Flow](/en-US/docs/Web/CSS/CSS_flow_layout/In_flow_and_out_of_flow) +- [Formatting Contexts Explained](/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts) +- [Flow Layout and Writing Modes](/en-US/docs/Web/CSS/CSS_flow_layout/Flow_layout_and_writing_modes) +- [Flow Layout and Overflow](/en-US/docs/Web/CSS/CSS_flow_layout/Flow_layout_and_overflow) ## Reference diff --git a/files/en-us/web/css/css_flow_layout/intro_to_formatting_contexts/index.md b/files/en-us/web/css/css_flow_layout/introduction_to_formatting_contexts/index.md similarity index 95% rename from files/en-us/web/css/css_flow_layout/intro_to_formatting_contexts/index.md rename to files/en-us/web/css/css_flow_layout/introduction_to_formatting_contexts/index.md index aa814510e811ca0..9c1d78cd62a4a8b 100644 --- a/files/en-us/web/css/css_flow_layout/intro_to_formatting_contexts/index.md +++ b/files/en-us/web/css/css_flow_layout/introduction_to_formatting_contexts/index.md @@ -1,6 +1,6 @@ --- title: Introduction to formatting contexts -slug: Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts +slug: Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts page-type: guide --- @@ -39,7 +39,7 @@ This is useful because a new BFC will behave much like the outermost document in Let's have a look at a couple of these in order to see the effect creating a new BFC. -In the example below, we have a floated element inside a `
` with a border applied. The content of that `
` has floated alongside the floated element. As the content of the float is taller than the content alongside it, the border of the `
` now runs through the float. As explained in the [guide to in-flow and out of flow elements](/en-US/docs/Web/CSS/CSS_Flow_Layout/In_Flow_and_Out_of_Flow), the float has been taken out of flow so the background and border of the div only contain the content and not the float. +In the example below, we have a floated element inside a `
` with a border applied. The content of that `
` has floated alongside the floated element. As the content of the float is taller than the content alongside it, the border of the `
` now runs through the float. As explained in the [guide to in-flow and out of flow elements](/en-US/docs/Web/CSS/CSS_flow_layout/In_flow_and_out_of_flow), the float has been taken out of flow so the background and border of the div only contain the content and not the float. {{EmbedGHLiveSample("css-examples/flow/formatting-contexts/float.html", '100%', 720)}} @@ -75,10 +75,10 @@ This guide covers flow layout and is therefore not referring to other possible f ## Summary -In this guide, we have looked in more detail at the block and Inline formatting contexts and the important subject of creating a block formatting context (BFC). In the next guide, we will find out [how normal flow interacts with different writing modes](/en-US/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes). +In this guide, we have looked in more detail at the block and Inline formatting contexts and the important subject of creating a block formatting context (BFC). In the next guide, we will find out [how normal flow interacts with different writing modes](/en-US/docs/Web/CSS/CSS_flow_layout/Flow_layout_and_writing_modes). ## See also - [Block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) - [Visual Formatting Model](/en-US/docs/Web/CSS/Visual_formatting_model) -- [CSS Box Model](/en-US/docs/Web/CSS/CSS_Box_Model) +- [CSS Box Model](/en-US/docs/Web/CSS/CSS_box_model) diff --git a/files/en-us/web/css/css_generated_content/index.md b/files/en-us/web/css/css_generated_content/index.md index 377467ad391d829..59a2835ab42654b 100644 --- a/files/en-us/web/css/css_generated_content/index.md +++ b/files/en-us/web/css/css_generated_content/index.md @@ -1,6 +1,6 @@ --- -title: CSS Generated Content -slug: Web/CSS/CSS_Generated_Content +title: CSS generated content +slug: Web/CSS/CSS_generated_content page-type: css-module spec-urls: https://drafts.csswg.org/css-content/ --- diff --git a/files/en-us/web/css/css_grid_layout/auto-placement_in_css_grid_layout/index.md b/files/en-us/web/css/css_grid_layout/auto-placement_in_grid_layout/index.md similarity index 99% rename from files/en-us/web/css/css_grid_layout/auto-placement_in_css_grid_layout/index.md rename to files/en-us/web/css/css_grid_layout/auto-placement_in_grid_layout/index.md index b11dd53ba26cebb..1d977e9d7809ba9 100644 --- a/files/en-us/web/css/css_grid_layout/auto-placement_in_css_grid_layout/index.md +++ b/files/en-us/web/css/css_grid_layout/auto-placement_in_grid_layout/index.md @@ -1,6 +1,6 @@ --- title: Auto-placement in grid layout -slug: Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout +slug: Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout page-type: guide --- diff --git a/files/en-us/web/css/css_grid_layout/basic_concepts_of_grid_layout/index.md b/files/en-us/web/css/css_grid_layout/basic_concepts_of_grid_layout/index.md index 039b604d4282c3a..82026d2a41ba629 100644 --- a/files/en-us/web/css/css_grid_layout/basic_concepts_of_grid_layout/index.md +++ b/files/en-us/web/css/css_grid_layout/basic_concepts_of_grid_layout/index.md @@ -1,12 +1,12 @@ --- title: Basic concepts of grid layout -slug: Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout +slug: Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout page-type: guide --- {{CSSRef}} -[CSS Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_Layout) introduces a two-dimensional grid system to CSS. Grids can be used to lay out major page areas or small user interface elements. This article introduces the CSS Grid Layout and the new terminology that is part of the CSS Grid Layout Level 1 specification. The features shown in this overview will then be explained in greater detail in the rest of this guide. +[CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) introduces a two-dimensional grid system to CSS. Grids can be used to lay out major page areas or small user interface elements. This article introduces the CSS Grid Layout and the new terminology that is part of the CSS Grid Layout Level 1 specification. The features shown in this overview will then be explained in greater detail in the rest of this guide. ## What is a grid? @@ -32,7 +32,7 @@ Grid contains alignment features so we can control how the items align once plac More than one item can be placed into a grid cell or area and they can partially overlap each other. This layering may then be controlled with the {{cssxref("z-index")}} property. -Grid is a powerful specification that, when combined with other parts of CSS such as [flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout), can help you create layouts that were previously impossible to build in CSS. It all starts by creating a grid in your **grid container**. +Grid is a powerful specification that, when combined with other parts of CSS such as [flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout), can help you create layouts that were previously impossible to build in CSS. It all starts by creating a grid in your **grid container**. ## Grid container @@ -782,4 +782,4 @@ We can control the order in which items stack up by using the `z-index` property ## Next steps -In this article, we took a very quick look at the possibilities of grid layouts. Explore and play with the code examples, and then move on to [the next part of this guide](/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout), where we will really start to dig into the details of CSS Grid Layout. +In this article, we took a very quick look at the possibilities of grid layouts. Explore and play with the code examples, and then move on to [the next part of this guide](/en-US/docs/Web/CSS/CSS_grid_layout/Relationship_of_grid_layout_with_other_layout_methods), where we will really start to dig into the details of CSS Grid Layout. diff --git a/files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/7_auto_margins.png b/files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/7_auto_margins.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/7_auto_margins.png rename to files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/7_auto_margins.png diff --git a/files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/7_inline_axis.png b/files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/7_inline_axis.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/7_inline_axis.png rename to files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/7_inline_axis.png diff --git a/files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/7_space-between.png b/files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/7_space-between.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/7_space-between.png rename to files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/7_space-between.png diff --git a/files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/block_axis.png b/files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/block_axis.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/block_axis.png rename to files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/block_axis.png diff --git a/files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/index.md b/files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/index.md similarity index 98% rename from files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/index.md rename to files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/index.md index a0a8b853ae5ff5d..03fb656282ff559 100644 --- a/files/en-us/web/css/css_grid_layout/box_alignment_in_css_grid_layout/index.md +++ b/files/en-us/web/css/css_grid_layout/box_alignment_in_grid_layout/index.md @@ -1,12 +1,12 @@ --- title: Box alignment in grid layout -slug: Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout +slug: Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout page-type: guide --- {{CSSRef}} -CSS Grid Layout implements the specification [Box Alignment Level 3](https://drafts.csswg.org/css-align/) which is the same standard [flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout) uses for aligning items in its flex container. This specification details how alignment should work in all the different layout methods. Layout methods will conform to the specification where possible and implement individual behavior based on their differences (features and constraints). While the specification currently specifies alignment details for all layout methods, browsers have not fully implemented all of the specification; however, the CSS Grid Layout method has been widely adopted. +CSS Grid Layout implements the specification [Box Alignment Level 3](https://drafts.csswg.org/css-align/) which is the same standard [flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout) uses for aligning items in its flex container. This specification details how alignment should work in all the different layout methods. Layout methods will conform to the specification where possible and implement individual behavior based on their differences (features and constraints). While the specification currently specifies alignment details for all layout methods, browsers have not fully implemented all of the specification; however, the CSS Grid Layout method has been widely adopted. This guide presents demonstrations of how box alignment in grid layout works. You will see many similarities in how these properties and values work in flexbox. Due to grid being two-dimensional and flexbox one-dimensional there are some small differences that you should watch out for. So we will start by looking at the two axes that we deal with when aligning things in a grid. @@ -252,7 +252,7 @@ Once again the default is `stretch`, other than for items with an intrinsic aspe As with {{cssxref("align-self")}} and {{cssxref("align-items")}}, you can apply {{cssxref("justify-items")}} to the grid container, to set the {{cssxref("justify-self")}} value for all items. -The {{cssxref("justify-self")}} and {{cssxref("justify-items")}} properties are not implemented in flexbox. This is due to the one-dimensional nature of [flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout), and that there may be multiple items along the axis, making it impossible to justify a single item. To align items along the main, inline axis in flexbox you use the {{cssxref("justify-content")}} property. +The {{cssxref("justify-self")}} and {{cssxref("justify-items")}} properties are not implemented in flexbox. This is due to the one-dimensional nature of [flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout), and that there may be multiple items along the axis, making it impossible to justify a single item. To align items along the main, inline axis in flexbox you use the {{cssxref("justify-content")}} property. ### Shorthand properties diff --git a/files/en-us/web/css/css_grid_layout/css_grid_layout_and_accessibility/index.md b/files/en-us/web/css/css_grid_layout/grid_layout_and_accessibility/index.md similarity index 98% rename from files/en-us/web/css/css_grid_layout/css_grid_layout_and_accessibility/index.md rename to files/en-us/web/css/css_grid_layout/grid_layout_and_accessibility/index.md index 11ffcbaaf187e3a..ad4eb74bd4280f7 100644 --- a/files/en-us/web/css/css_grid_layout/css_grid_layout_and_accessibility/index.md +++ b/files/en-us/web/css/css_grid_layout/grid_layout_and_accessibility/index.md @@ -1,6 +1,6 @@ --- title: Grid layout and accessibility -slug: Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility +slug: Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility page-type: guide --- @@ -10,7 +10,7 @@ Those of us who have been doing web development for more years than we care to r In moving to CSS we often spoke about CSS for layout enabling a separation of content and markup and presentation. The ultimate aim being that we could create a semantic and well structured document, then apply CSS to create the layout we desired. Sites such as the [CSS Zen Garden](http://www.csszengarden.com/) showcased this ability. The CSS Zen Garden challenged us to take identical markup and create a unique design using CSS. -[CSS Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_Layout) does not have the same issues that tables did, our grid structure is defined in CSS rather than in the markup. If we need to add an element we can use something with no semantic meaning. On paper grid helps us properly fulfill that promise of content separated from markup, however is it possible to go too far with this idea? Is it possible that we could _create_ an accessibility issue through our use of grids? +[CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) does not have the same issues that tables did, our grid structure is defined in CSS rather than in the markup. If we need to add an element we can use something with no semantic meaning. On paper grid helps us properly fulfill that promise of content separated from markup, however is it possible to go too far with this idea? Is it possible that we could _create_ an accessibility issue through our use of grids? ## Re-ordering content in CSS Grid Layout @@ -96,7 +96,7 @@ From the specification we know that we need to ensure our document maintains the Another issue to be aware of in CSS Grid Layout and to a lesser extent in CSS Flexbox, is the temptation to _flatten_ markup. As we have discovered, for an item to become a grid item it needs to be a direct child of the grid container. Therefore, where you have a {{HTMLElement("ul")}} element inside a grid container, _that_ `ul` becomes a grid item – the child {{HTMLElement("li")}} elements do not. -The [subgrid](/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid) value of `grid-template-columns` and `grid-template-rows` will solve this problem once widely implemented. It will allow the grid to be inherited by grid items and passed down the tree. +The [subgrid](/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid) value of `grid-template-columns` and `grid-template-rows` will solve this problem once widely implemented. It will allow the grid to be inherited by grid items and passed down the tree. Given that interoperable support for subgrid is limited, there is a definite temptation when developing a site using CSS Grid Layout to flatten out the markup, to remove semantic elements in order to make it simpler to create a layout. An example would be where some content was semantically marked up as a list but you decide to use a set of {{HTMLElement("div")}} elements instead as then you can have the element to be a direct child of a container set to `display: grid`. Be aware of this temptation and find ways to develop your design without stripping out the markup. Starting out with a well-structured document is a very good way to avoid the problem, as you will be aware that you are removing semantic elements in order to make the layout work if you actually have to go into the document and do so! diff --git a/files/en-us/web/css/css_grid_layout/css_grid_and_progressive_enhancement/10-float-simple-override.png b/files/en-us/web/css/css_grid_layout/grid_layout_and_progressive_enhancement/10-float-simple-override.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/css_grid_and_progressive_enhancement/10-float-simple-override.png rename to files/en-us/web/css/css_grid_layout/grid_layout_and_progressive_enhancement/10-float-simple-override.png diff --git a/files/en-us/web/css/css_grid_layout/css_grid_and_progressive_enhancement/10-float-width-problem.png b/files/en-us/web/css/css_grid_layout/grid_layout_and_progressive_enhancement/10-float-width-problem.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/css_grid_and_progressive_enhancement/10-float-width-problem.png rename to files/en-us/web/css/css_grid_layout/grid_layout_and_progressive_enhancement/10-float-width-problem.png diff --git a/files/en-us/web/css/css_grid_layout/css_grid_and_progressive_enhancement/10-floated-cards.png b/files/en-us/web/css/css_grid_layout/grid_layout_and_progressive_enhancement/10-floated-cards.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/css_grid_and_progressive_enhancement/10-floated-cards.png rename to files/en-us/web/css/css_grid_layout/grid_layout_and_progressive_enhancement/10-floated-cards.png diff --git a/files/en-us/web/css/css_grid_layout/css_grid_and_progressive_enhancement/index.md b/files/en-us/web/css/css_grid_layout/grid_layout_and_progressive_enhancement/index.md similarity index 99% rename from files/en-us/web/css/css_grid_layout/css_grid_and_progressive_enhancement/index.md rename to files/en-us/web/css/css_grid_layout/grid_layout_and_progressive_enhancement/index.md index 646406cedfdd8c3..b371e0962e0e139 100644 --- a/files/en-us/web/css/css_grid_layout/css_grid_and_progressive_enhancement/index.md +++ b/files/en-us/web/css/css_grid_layout/grid_layout_and_progressive_enhancement/index.md @@ -1,6 +1,6 @@ --- title: CSS Grid Layout and progressive enhancement -slug: Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement +slug: Web/CSS/CSS_grid_layout/Grid_layout_and_progressive_enhancement page-type: guide --- diff --git a/files/en-us/web/css/css_grid_layout/line-based_placement_with_css_grid/highlighted_grid.png b/files/en-us/web/css/css_grid_layout/grid_layout_using_line-based_placement/highlighted_grid.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/line-based_placement_with_css_grid/highlighted_grid.png rename to files/en-us/web/css/css_grid_layout/grid_layout_using_line-based_placement/highlighted_grid.png diff --git a/files/en-us/web/css/css_grid_layout/line-based_placement_with_css_grid/index.md b/files/en-us/web/css/css_grid_layout/grid_layout_using_line-based_placement/index.md similarity index 93% rename from files/en-us/web/css/css_grid_layout/line-based_placement_with_css_grid/index.md rename to files/en-us/web/css/css_grid_layout/grid_layout_using_line-based_placement/index.md index f816516ac238c71..4cbf45aab14232b 100644 --- a/files/en-us/web/css/css_grid_layout/line-based_placement_with_css_grid/index.md +++ b/files/en-us/web/css/css_grid_layout/grid_layout_using_line-based_placement/index.md @@ -1,20 +1,20 @@ --- title: Grid layout using line-based placement -slug: Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid +slug: Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement page-type: guide --- {{CSSRef}} -In the [article covering the basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout), we started to look at how to position items on a grid using line numbers. In this article we will fully explore how this fundamental feature of the specification works. +In the [article covering the basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout), we started to look at how to position items on a grid using line numbers. In this article, we will fully explore how this fundamental feature of the specification works. -Starting your exploration of grid with numbered lines is the most logical place to begin, as when you use grid layout you always have numbered lines. The lines are numbered for columns and rows, and are indexed from 1. Note that grid is indexed according to the writing mode of the document. In a left to right language such as English line 1 is on the left-hand side of the grid. If you are working in a right-to-left language such as Arabic then line 1 will be the far right of the grid. We will learn more about the interaction between writing modes and grids in a later guide. +Starting your exploration of grid with numbered lines is the most logical place to begin because when you use grid layout, you always have numbered lines. The lines are numbered for columns and rows, and are indexed from 1. Note that grid is indexed according to the writing mode of the document. In a left to right language such as English line 1 is on the left-hand side of the grid. If you are working in a right-to-left language such as Arabic then line 1 will be the far right of the grid. We will learn more about the interaction between writing modes and grids in a later guide. ## A basic example As a very simple example we can take a grid with 3 column tracks and 3 row tracks. This gives us 4 lines in each dimension. -Inside our grid container we have four child elements. If we do not place these on to the grid in any way they will lay out according to the auto-placement rules, one item in each of the first four cells. If you use the [Firefox Grid Highlighter](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_grid_layouts/index.html) you can see how the grid has defined columns and rows. +Inside our grid container, we have four child elements. If we do not place these on to the grid in any way they will lay out according to the auto-placement rules, one item in each of the first four cells. If you use the [Firefox Grid Highlighter](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_grid_layouts/index.html) you can see how the grid has defined columns and rows. ![Our Grid highlighted in DevTools](highlighted_grid.png) diff --git a/files/en-us/web/css/css_grid_layout/layout_using_named_grid_lines/5_multiple_lines_from_areas.png b/files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/5_multiple_lines_from_areas.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/layout_using_named_grid_lines/5_multiple_lines_from_areas.png rename to files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/5_multiple_lines_from_areas.png diff --git a/files/en-us/web/css/css_grid_layout/layout_using_named_grid_lines/5_named_lines1.png b/files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/5_named_lines1.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/layout_using_named_grid_lines/5_named_lines1.png rename to files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/5_named_lines1.png diff --git a/files/en-us/web/css/css_grid_layout/layout_using_named_grid_lines/5_named_lines2.png b/files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/5_named_lines2.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/layout_using_named_grid_lines/5_named_lines2.png rename to files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/5_named_lines2.png diff --git a/files/en-us/web/css/css_grid_layout/layout_using_named_grid_lines/index.md b/files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/index.md similarity index 96% rename from files/en-us/web/css/css_grid_layout/layout_using_named_grid_lines/index.md rename to files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/index.md index aaa0e2b8737a64a..bff8053804a22d3 100644 --- a/files/en-us/web/css/css_grid_layout/layout_using_named_grid_lines/index.md +++ b/files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/index.md @@ -1,12 +1,12 @@ --- -title: Grid layout using named grid lines -slug: Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines +title: Layout using named grid lines +slug: Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines page-type: guide --- {{CSSRef}} -In previous guides we've looked at placing items by the lines created by defining grid tracks and also how to place items using named template areas. In this guide we are going to look at how these two things work together when we use named lines. Line naming is incredibly useful, but some of the more baffling looking grid syntax comes from this combination of names and track sizes. Once you work through some examples it should become clearer and easier to work with. +In previous guides, we've looked at placing items by the lines created by defining grid tracks and also how to place items using named template areas. In this guide, we are going to look at how these two things work together when we use named lines. Line naming is incredibly useful, but some of the more baffling looking grid syntax comes from this combination of names and track sizes. Once you work through some examples, it should become clearer and easier to work with. ## Naming lines when defining a grid diff --git a/files/en-us/web/css/css_grid_layout/grid_template_areas/index.md b/files/en-us/web/css/css_grid_layout/grid_template_areas/index.md index 1efe0be24062fe2..2809d67321bca6e 100644 --- a/files/en-us/web/css/css_grid_layout/grid_template_areas/index.md +++ b/files/en-us/web/css/css_grid_layout/grid_template_areas/index.md @@ -1,12 +1,12 @@ --- title: Grid template areas -slug: Web/CSS/CSS_Grid_Layout/Grid_Template_Areas +slug: Web/CSS/CSS_grid_layout/Grid_template_areas page-type: guide --- {{CSSRef}} -In the [previous guide](/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid) we looked at grid lines, and how to position items against those lines. When you use CSS Grid Layout you always have lines, and this can be a straightforward way to place items on your grid. However, there is an alternate method to use for positioning items on the grid which you can use alone or in combination with line-based placement. This method involves placing our items using named template areas, and we will find out exactly how this method works. You will see very quickly why we sometimes call this the ascii-art method of grid layout! +In the [previous guide](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement), we looked at grid lines and how to position items against those lines. When you use CSS grid layout, you always have lines, and this can be a straightforward way to place items on your grid. However, there is an alternate method to use for positioning items on the grid which you can use alone or in combination with line-based placement. This method involves placing our items using named template areas, and we will find out exactly how this method works. You will see very quickly why we sometimes call this the ascii-art method of grid layout! ## Naming a grid area diff --git a/files/en-us/web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/8-horizontal-tb.png b/files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/8-horizontal-tb.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/8-horizontal-tb.png rename to files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/8-horizontal-tb.png diff --git a/files/en-us/web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/8-vertical-lr.png b/files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/8-vertical-lr.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/8-vertical-lr.png rename to files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/8-vertical-lr.png diff --git a/files/en-us/web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/8_direction_simple_example.png b/files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/8_direction_simple_example.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/8_direction_simple_example.png rename to files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/8_direction_simple_example.png diff --git a/files/en-us/web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/index.md b/files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/index.md similarity index 96% rename from files/en-us/web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/index.md rename to files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/index.md index a0453ad9a8c0835..211fbc1ddb55178 100644 --- a/files/en-us/web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/index.md +++ b/files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/index.md @@ -1,6 +1,6 @@ --- title: Grids, logical values, and writing modes -slug: Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes +slug: Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes page-type: guide --- @@ -455,7 +455,7 @@ In addition to displaying documents, using the correct writing mode for the lang ## Physical values and grid layout -We encounter physical properties frequently when building websites, and while the grid placement and alignment properties and values respect writing modes, there are things you may want to do with Grid that force you to use physical properties and values. In the guide to [Box alignment and grids](/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout), I demonstrated how auto margins work in a grid area. Using an auto margin to push one item away from the others is a common flexbox trick too, however this also ties the layout to the physical space. +We encounter physical properties frequently when building websites, and while the grid placement and alignment properties and values respect writing modes, there are things you may want to do with Grid that force you to use physical properties and values. In the guide to [Box alignment and grids](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout), I demonstrated how auto margins work in a grid area. Using an auto margin to push one item away from the others is a common flexbox trick too, however this also ties the layout to the physical space. If you use absolute positioning within a grid area, then you will again be using physical offsets to push the item around inside the grid area. The key thing is to be aware of, is the tension between physical and logical properties and values. For example, be aware that you may need to make changes to your CSS to cope with a switch from `ltr` to `rtl`. @@ -463,4 +463,4 @@ If you use absolute positioning within a grid area, then you will again be using Our new layout methods give us the ability to use these logical values to place items, however, as soon as we start to combine them with the physical properties used for margins and padding, we need to remember that those physical properties will not change according to writing mode. -The [CSS Logical Properties specification](https://drafts.csswg.org/css-logical/) means that you can use the [logical equivalents](/en-US/docs/Web/CSS/CSS_Logical_Properties) for properties, such as {{cssxref("margin-left")}} and {{cssxref("margin-right")}}, in your CSS. These properties and values have good support in modern browsers. Your understanding of block and inline through grid will help you to understand how to use these too. +The [CSS Logical Properties specification](https://drafts.csswg.org/css-logical/) means that you can use the [logical equivalents](/en-US/docs/Web/CSS/CSS_logical_properties_and_values) for properties, such as {{cssxref("margin-left")}} and {{cssxref("margin-right")}}, in your CSS. These properties and values have good support in modern browsers. Your understanding of block and inline through grid will help you to understand how to use these too. diff --git a/files/en-us/web/css/css_grid_layout/index.md b/files/en-us/web/css/css_grid_layout/index.md index 21ea8087c3beaf0..8eca22ba6eea2ba 100644 --- a/files/en-us/web/css/css_grid_layout/index.md +++ b/files/en-us/web/css/css_grid_layout/index.md @@ -1,13 +1,13 @@ --- title: CSS Grid Layout -slug: Web/CSS/CSS_Grid_Layout +slug: Web/CSS/CSS_grid_layout page-type: css-module spec-urls: https://drafts.csswg.org/css-grid/ --- {{CSSRef}} -**CSS Grid Layout** excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives. +The **CSS grid layout** module excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives. Like tables, grid layout enables an author to align elements into columns and rows. However, many more layouts are either possible or easier with CSS grid than they were with tables. For example, a grid container's child elements could position themselves so they actually overlap and layer, similar to CSS positioned elements. @@ -122,18 +122,18 @@ The example below shows a three-column track grid with new rows created at a min ## Guides -- [Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout) -- [Relationship of grid layout to other layout methods](/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout) -- [Grid template areas](/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas) -- [Grid layout using line-based placement](/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid) -- [Grid layout using named grid lines](/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines) -- [Auto-placement in grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout) -- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout) -- [Grids, logical values, and writing modes](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes) -- [Grid layout and accessibility](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility) -- [Realizing common layouts using grids](/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout) -- [Subgrid](/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid) -- [Masonry layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout) {{Experimental_Inline}} +- [Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout) +- [Relationship of grid layout with other layout methods](/en-US/docs/Web/CSS/CSS_grid_layout/Relationship_of_grid_layout_with_other_layout_methods) +- [Grid template areas](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_template_areas) +- [Grid layout using line-based placement](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement) +- [Grid layout using named grid lines](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines) +- [Auto-placement in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Grids, logical values, and writing modes](/en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes) +- [Grid layout and accessibility](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility) +- [Realizing common layouts using grids](/en-US/docs/Web/CSS/CSS_grid_layout/Realizing_common_layouts_using_grids) +- [Subgrid](/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid) +- [Masonry layout](/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout) {{Experimental_Inline}} ## Specifications diff --git a/files/en-us/web/css/css_grid_layout/masonry_layout/index.md b/files/en-us/web/css/css_grid_layout/masonry_layout/index.md index 834486f00454c66..b8a26eb423ab033 100644 --- a/files/en-us/web/css/css_grid_layout/masonry_layout/index.md +++ b/files/en-us/web/css/css_grid_layout/masonry_layout/index.md @@ -1,14 +1,12 @@ --- title: Masonry layout -slug: Web/CSS/CSS_Grid_Layout/Masonry_Layout +slug: Web/CSS/CSS_grid_layout/Masonry_layout page-type: guide -status: - - experimental --- {{CSSRef}} -Level 3 of the [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_Layout) specification includes a `masonry` value for {{cssxref("grid-template-columns")}} and {{cssxref("grid-template-rows")}}. This guide details what masonry layout is, and how to use it. +Level 3 of the [CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) specification includes a `masonry` value for {{cssxref("grid-template-columns")}} and {{cssxref("grid-template-rows")}}. This guide details what masonry layout is and how to use it. > **Warning:** This feature is only implemented in Firefox, and can be enabled by setting the flag `layout.css.grid-template-masonry-value.enabled` to `true` in `about:config`, in order to allow testing and providing of feedback. diff --git a/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/11-grid-auto-flow-sparse.png b/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/11-grid-auto-flow-sparse.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/11-grid-auto-flow-sparse.png rename to files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/11-grid-auto-flow-sparse.png diff --git a/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/11-grid-inspector-12col-layout.png b/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/11-grid-inspector-12col-layout.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/11-grid-inspector-12col-layout.png rename to files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/11-grid-inspector-12col-layout.png diff --git a/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/11-grid-inspector-12col.png b/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/11-grid-inspector-12col.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/11-grid-inspector-12col.png rename to files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/11-grid-inspector-12col.png diff --git a/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/11-responsive-areas.png b/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/11-responsive-areas.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/11-responsive-areas.png rename to files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/11-responsive-areas.png diff --git a/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.md b/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/index.md similarity index 94% rename from files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.md rename to files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/index.md index 4fe4dec50a017d4..56af6920da48383 100644 --- a/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.md +++ b/files/en-us/web/css/css_grid_layout/realizing_common_layouts_using_grids/index.md @@ -1,12 +1,12 @@ --- title: Realizing common layouts using grids -slug: Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout +slug: Web/CSS/CSS_grid_layout/Realizing_common_layouts_using_grids page-type: guide --- {{CSSRef}} -To round off this set of guides to CSS Grid Layout, we're going to walk through a few different layouts, which demonstrate some of the different techniques you can use when designing with grid layout. We will look at an example using [grid-template-areas](/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas), a typical 12-column flexible grid system, and also a product listing using auto-placement. As you can see from this set of examples, there is often more than one way to achieve the result you want with grid layout. Choose the method you find most helpful for the problems that you are solving and the designs that you need to implement. +To round off this set of guides to CSS Grid Layout, we're going to walk through a few different layouts, which demonstrate some of the different techniques you can use when designing with grid layout. We will look at an example using [grid-template-areas](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_template_areas), a typical 12-column flexible grid system, and also a product listing using auto-placement. As you can see from this set of examples, there is often more than one way to achieve the result you want with grid layout. Choose the method you find most helpful for the problems that you are solving and the designs that you need to implement. ## A responsive layout with 1 to 3 fluid columns using `grid-template-areas` @@ -14,7 +14,7 @@ Many websites are a variation of this type of layout, with content, sidebars, a ![Image of the three different layouts created by redefining our grid at two breakpoints.](11-responsive-areas.png) -We're going to create this layout using the _named template areas_ that we learned about in the guide _[Grid template areas](/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas)_. +We're going to create this layout using the _named template areas_ that we learned about in the guide _[Grid template areas](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_template_areas)_. The markup is a container with elements inside for a header, footer, main content, navigation, sidebar, and a block to place advertising. @@ -90,7 +90,7 @@ As we are using {{cssxref("grid-template-areas")}} to create the layout. Outside } ``` -This will not create any layout, however the items now have names we can use to do so. Staying outside of any media queries we're now going to set up the layout for the mobile width. Here we're keeping everything in source order, trying to avoid any disconnect between the source and display as described in the guide _[Grid layout and accessibility](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility)_. We've not defined any column or row tracks but this layout dictates a single column, and rows will be created as needed for each of the items in the implicit grid. +This will not create any layout, however the items now have names we can use to do so. Staying outside of any media queries we're now going to set up the layout for the mobile width. Here we're keeping everything in source order, trying to avoid any disconnect between the source and display as described in the guide _[Grid layout and accessibility](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility)_. We've not defined any column or row tracks but this layout dictates a single column, and rows will be created as needed for each of the items in the implicit grid. ```css .wrapper { @@ -216,7 +216,7 @@ We can then place these on the grid using the named lines, and also the span key {{ EmbedLiveSample('A_flexible_12-column_layout', '800', '400') }} -As described in the [guide to named lines](/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines), we are using the named line to place our item. As we have 12 lines all with the same name we use the name, and then the index of the line. You could also use the line index itself if you prefer and avoid using named lines at all. +As described in the [guide to named lines](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines), we are using the named line to place our item. As we have 12 lines all with the same name we use the name, and then the index of the line. You could also use the line index itself if you prefer and avoid using named lines at all. Rather than setting the end line number, I have chosen to say how many tracks this element should span, using the `span` keyword. I like this approach as when working with a multiple-column layout system we usually think of blocks in terms of the number of tracks of the grid they span, and adjust that for different breakpoints. To see how the blocks align themselves to the tracks, use the [Firefox Grid Inspector](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_grid_layouts/index.html). It clearly demonstrates how our items are placed. @@ -488,7 +488,7 @@ This is all looking fairly complete now, however we sometimes have these cards w ![The layout has gaps as there is not space to layout a two track item.](11-grid-auto-flow-sparse.png) -We can cause a grid to backfill those gaps by setting {{cssxref("grid-auto-flow")}}`: dense` on the grid container. Take care when doing this however as it does take items away from their logical source order. You should only do this if your items do not have a set order – and be aware of the [issues](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility#visual_not_logical_re-ordering) of the tab order following the source and not your reordered display. +We can cause a grid to backfill those gaps by setting {{cssxref("grid-auto-flow")}}`: dense` on the grid container. Take care when doing this however as it does take items away from their logical source order. You should only do this if your items do not have a set order – and be aware of the [issues](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility#visual_not_logical_re-ordering) of the tab order following the source and not your reordered display. ```html hidden
    @@ -589,8 +589,8 @@ This technique of using auto-placement with some rules applied to certain items The best way to learn to use grid layout is to continue to build examples like the ones we have covered here. Pick something that you normally build using your framework of choice, or using floats, and see if you can build it using grid. Don't forget to find examples that are impossible to build with current methods. That might mean taking inspiration from magazines or other non-web sources. Grid Layout opens up possibilities that we have not had before, we don't need to be tied to the same old layouts to use it. -- [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_Layout) +- [CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) - [CSS Layout: Grids](/en-US/docs/Learn/CSS/CSS_layout/Grids) -- [Grid by Example](https://gridbyexample.com) -- [A Complete Guide to Grid](https://css-tricks.com/snippets/css/complete-guide-grid/) -- [CSS Grid Website Layout Examples](https://www.quackit.com/css/grid/examples/css_grid_website_layout_examples.cfm) +- [A complete guide to CSS grid](https://css-tricks.com/snippets/css/complete-guide-grid/) on CSS-Tricks (February 9, 2023) +- [Grid by example](https://gridbyexample.com) +- [CSS grid website layout examples](https://www.quackit.com/css/grid/examples/css_grid_website_layout_examples.cfm) on quackit.com diff --git a/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout/2_abspos_example.png b/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout_with_other_layout_methods/2_abspos_example.png similarity index 100% rename from files/en-us/web/css/css_grid_layout/relationship_of_grid_layout/2_abspos_example.png rename to files/en-us/web/css/css_grid_layout/relationship_of_grid_layout_with_other_layout_methods/2_abspos_example.png diff --git a/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout/index.md b/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout_with_other_layout_methods/index.md similarity index 98% rename from files/en-us/web/css/css_grid_layout/relationship_of_grid_layout/index.md rename to files/en-us/web/css/css_grid_layout/relationship_of_grid_layout_with_other_layout_methods/index.md index 5cfcb51f5dd2fe9..501ed227a3e6048 100644 --- a/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout/index.md +++ b/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout_with_other_layout_methods/index.md @@ -1,6 +1,6 @@ --- title: Relationship of grid layout to other layout methods -slug: Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout +slug: Web/CSS/CSS_grid_layout/Relationship_of_grid_layout_with_other_layout_methods page-type: guide --- @@ -10,7 +10,7 @@ CSS Grid Layout has been designed to work alongside other parts of CSS, as part ## Grid and flexbox -The basic difference between CSS Grid Layout and [CSS Flexbox Layout](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout) is that flexbox was designed for layout in one dimension - either a row _or_ a column. Grid was designed for two-dimensional layout - rows, and columns at the same time. The two specifications share some common features, however, and if you have already learned how to use flexbox, the similarities should help you get to grips with Grid. +The basic difference between CSS grid layout and [CSS flexbox layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) is that flexbox was designed for layout in one dimension - either a row _or_ a column. Grid was designed for two-dimensional layout - rows, and columns at the same time. The two specifications share some common features, however, and if you have already learned how to use flexbox, the similarities should help you get to grips with Grid. ### One-dimensional versus two-dimensional layout diff --git a/files/en-us/web/css/css_grid_layout/subgrid/index.md b/files/en-us/web/css/css_grid_layout/subgrid/index.md index 0147811b34dae96..d8f5fd4b792e8d0 100644 --- a/files/en-us/web/css/css_grid_layout/subgrid/index.md +++ b/files/en-us/web/css/css_grid_layout/subgrid/index.md @@ -1,6 +1,6 @@ --- title: Subgrid -slug: Web/CSS/CSS_Grid_Layout/Subgrid +slug: Web/CSS/CSS_grid_layout/Subgrid page-type: guide browser-compat: css.properties.grid-template-columns.subgrid --- diff --git a/files/en-us/web/css/css_images/implementing_image_sprites_in_css/index.md b/files/en-us/web/css/css_images/implementing_image_sprites_in_css/index.md index 1e322566cd15465..c96de09d7168382 100644 --- a/files/en-us/web/css/css_images/implementing_image_sprites_in_css/index.md +++ b/files/en-us/web/css/css_images/implementing_image_sprites_in_css/index.md @@ -1,6 +1,6 @@ --- title: Implementing image sprites in CSS -slug: Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS +slug: Web/CSS/CSS_images/Implementing_image_sprites_in_CSS page-type: guide --- diff --git a/files/en-us/web/css/css_images/index.md b/files/en-us/web/css/css_images/index.md index 9ebf433ee1f6ef5..60b40899b25ca90 100644 --- a/files/en-us/web/css/css_images/index.md +++ b/files/en-us/web/css/css_images/index.md @@ -1,6 +1,6 @@ --- -title: CSS Images -slug: Web/CSS/CSS_Images +title: CSS images +slug: Web/CSS/CSS_images page-type: css-module spec-urls: - https://drafts.csswg.org/css-images/ @@ -10,7 +10,7 @@ spec-urls: {{CSSRef}} -**CSS Images** is a module of CSS that defines what types of images can be used (the {{CSSxRef("<image>")}} type, containing URLs, gradients and other types of images), how to resize them and how they, and other replaced content, interact with the different layout models. +The **CSS images** module defines the types of images that can be used (the {{CSSxRef("<image>")}} type, containing URLs, gradients and other types of images), how to resize them and how they, and other replaced content, interact with the different layout models. ## Reference @@ -42,9 +42,9 @@ spec-urls: ## Guides -- [Using CSS gradients](/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients) +- [Using CSS gradients](/en-US/docs/Web/CSS/CSS_images/Using_CSS_gradients) - : Presents a specific type of CSS images, _gradients_, and how to create and use these. -- [Implementing image sprites in CSS](/en-US/docs/Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS) +- [Implementing image sprites in CSS](/en-US/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS) - : Describes the common technique grouping several images in one single document to save download requests and speed up the availability of a page. ## Specifications diff --git a/files/en-us/web/css/css_images/using_css_gradients/index.md b/files/en-us/web/css/css_images/using_css_gradients/index.md index 2562124a48d1f2f..f4daa75155f0830 100644 --- a/files/en-us/web/css/css_images/using_css_gradients/index.md +++ b/files/en-us/web/css/css_images/using_css_gradients/index.md @@ -1,6 +1,6 @@ --- title: Using CSS gradients -slug: Web/CSS/CSS_Images/Using_CSS_gradients +slug: Web/CSS/CSS_images/Using_CSS_gradients page-type: guide --- diff --git a/files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure1.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure1.gif similarity index 100% rename from files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure1.gif rename to files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure1.gif diff --git a/files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure2.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure2.gif similarity index 100% rename from files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure2.gif rename to files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure2.gif diff --git a/files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure3.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure3.gif similarity index 100% rename from files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure3.gif rename to files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure3.gif diff --git a/files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure4.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure4.gif similarity index 100% rename from files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure4.gif rename to files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure4.gif diff --git a/files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure5.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure5.gif similarity index 100% rename from files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure5.gif rename to files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure5.gif diff --git a/files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure6.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure6.gif similarity index 100% rename from files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/consistent-list-indentation-figure6.gif rename to files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure6.gif diff --git a/files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/index.md b/files/en-us/web/css/css_lists/consistent_list_indentation/index.md similarity index 98% rename from files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/index.md rename to files/en-us/web/css/css_lists/consistent_list_indentation/index.md index 54bc69d89320c1e..5c835cc3b812bd8 100644 --- a/files/en-us/web/css/css_lists_and_counters/consistent_list_indentation/index.md +++ b/files/en-us/web/css/css_lists/consistent_list_indentation/index.md @@ -1,6 +1,6 @@ --- title: Consistent list indentation -slug: Web/CSS/CSS_Lists_and_Counters/Consistent_list_indentation +slug: Web/CSS/CSS_lists/Consistent_list_indentation page-type: guide --- diff --git a/files/en-us/web/css/css_lists_and_counters/index.md b/files/en-us/web/css/css_lists/index.md similarity index 74% rename from files/en-us/web/css/css_lists_and_counters/index.md rename to files/en-us/web/css/css_lists/index.md index 096036096c41572..dadc4beb27272c6 100644 --- a/files/en-us/web/css/css_lists_and_counters/index.md +++ b/files/en-us/web/css/css_lists/index.md @@ -1,6 +1,6 @@ --- title: CSS Lists -slug: Web/CSS/CSS_Lists_and_Counters +slug: Web/CSS/CSS_lists page-type: css-module spec-urls: https://drafts.csswg.org/css-lists/ --- @@ -20,9 +20,9 @@ spec-urls: https://drafts.csswg.org/css-lists/ ## Guides -- [Consistent list indentation](/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Consistent_list_indentation) +- [Consistent list indentation](/en-US/docs/Web/CSS/CSS_lists/Consistent_list_indentation) - : Explains how to achieve consistent list indentation across different browsers. -- [Using CSS Counters](/en-US/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters) +- [Using CSS Counters](/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters) - : Explains how to use the CSS counter properties to control list counters. ## Specifications diff --git a/files/en-us/web/css/css_logical_properties/basic_concepts/grid-horizontal-width-sm.png b/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/grid-horizontal-width-sm.png similarity index 100% rename from files/en-us/web/css/css_logical_properties/basic_concepts/grid-horizontal-width-sm.png rename to files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/grid-horizontal-width-sm.png diff --git a/files/en-us/web/css/css_logical_properties/basic_concepts/grid-vertical-inline-size-small.png b/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/grid-vertical-inline-size-small.png similarity index 100% rename from files/en-us/web/css/css_logical_properties/basic_concepts/grid-vertical-inline-size-small.png rename to files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/grid-vertical-inline-size-small.png diff --git a/files/en-us/web/css/css_logical_properties/basic_concepts/grid-vertical-width-sm.png b/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/grid-vertical-width-sm.png similarity index 100% rename from files/en-us/web/css/css_logical_properties/basic_concepts/grid-vertical-width-sm.png rename to files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/grid-vertical-width-sm.png diff --git a/files/en-us/web/css/css_logical_properties/basic_concepts/index.md b/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/index.md similarity index 87% rename from files/en-us/web/css/css_logical_properties/basic_concepts/index.md rename to files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/index.md index f1715b82483a0fa..e70251f859b2d30 100644 --- a/files/en-us/web/css/css_logical_properties/basic_concepts/index.md +++ b/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/index.md @@ -1,6 +1,6 @@ --- -title: Basic concepts of Logical Properties and Values -slug: Web/CSS/CSS_Logical_Properties/Basic_concepts +title: Basic concepts of logical properties and values +slug: Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values page-type: guide --- @@ -48,7 +48,7 @@ This diagram shows block and inline in a vertical writing mode: ## See also -- [Box Alignment in Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout) -- [Box Alignment in Flex Layout](/en-US/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Flexbox) -- [Understanding Logical Properties and Values](https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/) -- [Writing Modes](/en-US/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in flex layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox) +- [Flow layout and writing modes](/en-US/docs/Web/CSS/CSS_flow_layout/Flow_layout_and_writing_modes) +- [Understanding logical properties and values](https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/) on Smashing Magazine (March 29, 2018) diff --git a/files/en-us/web/css/css_logical_properties/basic_concepts/mdn-horizontal.png b/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/mdn-horizontal.png similarity index 100% rename from files/en-us/web/css/css_logical_properties/basic_concepts/mdn-horizontal.png rename to files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/mdn-horizontal.png diff --git a/files/en-us/web/css/css_logical_properties/basic_concepts/mdn-vertical.png b/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/mdn-vertical.png similarity index 100% rename from files/en-us/web/css/css_logical_properties/basic_concepts/mdn-vertical.png rename to files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/mdn-vertical.png diff --git a/files/en-us/web/css/css_logical_properties/floating_and_positioning/index.md b/files/en-us/web/css/css_logical_properties_and_values/floating_and_positioning/index.md similarity index 98% rename from files/en-us/web/css/css_logical_properties/floating_and_positioning/index.md rename to files/en-us/web/css/css_logical_properties_and_values/floating_and_positioning/index.md index 04e244e5a55c8b6..34d33859ead9926 100644 --- a/files/en-us/web/css/css_logical_properties/floating_and_positioning/index.md +++ b/files/en-us/web/css/css_logical_properties_and_values/floating_and_positioning/index.md @@ -1,6 +1,6 @@ --- title: Logical properties for floating and positioning -slug: Web/CSS/CSS_Logical_Properties/Floating_and_positioning +slug: Web/CSS/CSS_logical_properties_and_values/Floating_and_positioning page-type: guide --- diff --git a/files/en-us/web/css/css_logical_properties/index.md b/files/en-us/web/css/css_logical_properties_and_values/index.md similarity index 88% rename from files/en-us/web/css/css_logical_properties/index.md rename to files/en-us/web/css/css_logical_properties_and_values/index.md index c410819fb1dc2d8..883c1145f7f030c 100644 --- a/files/en-us/web/css/css_logical_properties/index.md +++ b/files/en-us/web/css/css_logical_properties_and_values/index.md @@ -1,13 +1,13 @@ --- -title: CSS Logical Properties and Values -slug: Web/CSS/CSS_Logical_Properties +title: CSS logical properties and values +slug: Web/CSS/CSS_logical_properties_and_values page-type: css-module spec-urls: https://drafts.csswg.org/css-logical/ --- {{CSSRef}} -**CSS Logical Properties and Values** is a module of [CSS](/en-US/docs/Web/CSS) introducing logical properties and values that provide the ability to control layout through logical, rather than physical, direction and dimension mappings. +The **CSS logical properties and values** module introduces logical properties and values that provide the ability to control layout through logical, rather than physical, direction and dimension mappings. The module also defines logical properties and values for properties previously defined in CSS 2.1. Logical properties define direction‐relative equivalents of their corresponding physical properties. @@ -115,10 +115,10 @@ Logical properties and values use the abstract terms _block_ and _inline_ to des ## Guides -- [Basic concepts of logical properties and values](/en-US/docs/Web/CSS/CSS_Logical_Properties/Basic_concepts) -- [Logical properties for sizing](/en-US/docs/Web/CSS/CSS_Logical_Properties/Sizing) -- [Logical properties for margins, borders, and padding](/en-US/docs/Web/CSS/CSS_Logical_Properties/Margins_borders_padding) -- [Logical properties for floating and positioning](/en-US/docs/Web/CSS/CSS_Logical_Properties/Floating_and_positioning) +- [Basic concepts of logical properties and values](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values) +- [Logical properties for sizing](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Sizing) +- [Logical properties for margins, borders, and padding](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Margins_borders_padding) +- [Logical properties for floating and positioning](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Floating_and_positioning) ## Specifications diff --git a/files/en-us/web/css/css_logical_properties/margins_borders_padding/index.md b/files/en-us/web/css/css_logical_properties_and_values/margins_borders_padding/index.md similarity index 96% rename from files/en-us/web/css/css_logical_properties/margins_borders_padding/index.md rename to files/en-us/web/css/css_logical_properties_and_values/margins_borders_padding/index.md index bdddf31561211e9..ff83b3b07d752ea 100644 --- a/files/en-us/web/css/css_logical_properties/margins_borders_padding/index.md +++ b/files/en-us/web/css/css_logical_properties_and_values/margins_borders_padding/index.md @@ -1,6 +1,6 @@ --- title: Logical properties for margins, borders, and padding -slug: Web/CSS/CSS_Logical_Properties/Margins_borders_padding +slug: Web/CSS/CSS_logical_properties_and_values/Margins_borders_padding page-type: guide --- @@ -8,7 +8,7 @@ page-type: guide The [Logical Properties and Values specification](https://drafts.csswg.org/css-logical/) defines flow-relative mappings for the various margin, border, and padding properties and their shorthands. In this guide, we take a look at these. -If you have looked at the main page for [CSS Logical Properties and Values](/en-US/docs/Web/CSS/CSS_Logical_Properties) you will see there are a huge number of properties listed. This is mostly because there are four longhand values each for margin, border, and padding side, plus all the shorthand values. +If you have looked at the main page for the [CSS logical properties and values](/en-US/docs/Web/CSS/CSS_logical_properties_and_values) module, you will see there are a huge number of properties listed. This is mostly because there are four longhand values each for margin, border, and padding side, plus all the shorthand values. ## Mappings for margins, borders, and padding diff --git a/files/en-us/web/css/css_logical_properties/sizing/index.md b/files/en-us/web/css/css_logical_properties_and_values/sizing/index.md similarity index 98% rename from files/en-us/web/css/css_logical_properties/sizing/index.md rename to files/en-us/web/css/css_logical_properties_and_values/sizing/index.md index cb47fadb087aaa2..45ce47a048f1361 100644 --- a/files/en-us/web/css/css_logical_properties/sizing/index.md +++ b/files/en-us/web/css/css_logical_properties_and_values/sizing/index.md @@ -1,6 +1,6 @@ --- title: Logical properties for sizing -slug: Web/CSS/CSS_Logical_Properties/Sizing +slug: Web/CSS/CSS_logical_properties_and_values/Sizing page-type: guide --- diff --git a/files/en-us/web/css/css_masking/index.md b/files/en-us/web/css/css_masking/index.md index 8f4be92008df57a..50b3bdb173dd4fb 100644 --- a/files/en-us/web/css/css_masking/index.md +++ b/files/en-us/web/css/css_masking/index.md @@ -1,13 +1,13 @@ --- -title: CSS Masking -slug: Web/CSS/CSS_Masking +title: CSS masking +slug: Web/CSS/CSS_masking page-type: css-module spec-urls: https://drafts.fxtf.org/css-masking/ --- {{CSSRef}} -**CSS Masking** is a [CSS](/en-US/docs/Web/CSS) module that defines means, including masking and clipping, for partially or fully hiding portions of visual elements. +The **CSS masking** module that defines masking and clipping for partially or fully hiding portions of visual elements. ## Reference diff --git a/files/en-us/web/css/css_miscellaneous/index.md b/files/en-us/web/css/css_miscellaneous/index.md index e8e80b2b120645a..d99b3417d9ddcaf 100644 --- a/files/en-us/web/css/css_miscellaneous/index.md +++ b/files/en-us/web/css/css_miscellaneous/index.md @@ -1,6 +1,6 @@ --- -title: CSS Miscellaneous -slug: Web/CSS/CSS_Miscellaneous +title: CSS miscellaneous +slug: Web/CSS/CSS_miscellaneous page-type: css-module --- diff --git a/files/en-us/web/css/css_motion_path/index.md b/files/en-us/web/css/css_motion_path/index.md index 951b89bc809d2c3..b5e4c807550ec7b 100644 --- a/files/en-us/web/css/css_motion_path/index.md +++ b/files/en-us/web/css/css_motion_path/index.md @@ -1,13 +1,13 @@ --- -title: CSS Motion Path -slug: Web/CSS/CSS_Motion_Path +title: CSS motion path +slug: Web/CSS/CSS_motion_path page-type: css-module browser-compat: css.properties.offset-path --- {{CSSRef}} -**Motion Path** is a CSS module that allows authors to animate any graphical object along a custom path. +The **CSS motion path** module allows authors to animate any graphical object along a custom path. The idea is that when you want to animate an element moving along a path, you previously only had animating translation, position, etc. at your disposal, which wasn't ideal and only allowed for simple movements. With {{cssxref("offset-path")}} you can define a specific path of any shape you want. You then animate it along that path by animating {{cssxref("offset-distance")}}, and can choose to rotate it at any point using {{cssxref("offset-rotate")}}. diff --git a/files/en-us/web/css/css_namespaces/index.md b/files/en-us/web/css/css_namespaces/index.md index 6f58630da9a2e9e..cd45549387e7122 100644 --- a/files/en-us/web/css/css_namespaces/index.md +++ b/files/en-us/web/css/css_namespaces/index.md @@ -1,13 +1,13 @@ --- -title: CSS Namespaces -slug: Web/CSS/CSS_Namespaces +title: CSS namespaces +slug: Web/CSS/CSS_namespaces page-type: css-module browser-compat: css.at-rules.namespace --- {{CSSRef}} -**CSS Namespaces** is a CSS module that allows authors to specify [XML namespaces](/en-US/docs/Web/SVG/Namespaces_Crash_Course) in CSS. +The **CSS namespaces** allows authors to specify [XML namespaces](/en-US/docs/Web/SVG/Namespaces_Crash_Course) in CSS. ## Reference diff --git a/files/en-us/web/css/css_overflow/index.md b/files/en-us/web/css/css_overflow/index.md index e6098343c35571f..0f4aa53d6d1f9dc 100644 --- a/files/en-us/web/css/css_overflow/index.md +++ b/files/en-us/web/css/css_overflow/index.md @@ -1,6 +1,6 @@ --- -title: CSS Overflow -slug: Web/CSS/CSS_Overflow +title: CSS overflow +slug: Web/CSS/CSS_overflow page-type: css-module spec-urls: https://drafts.csswg.org/css-overflow/#propdef-overflow --- @@ -85,7 +85,7 @@ A link is included in content box above to demonstrate the effects of keyboard f ## See also -- [CSS scrollbars styling](/en-US/docs/Web/CSS/CSS_scrollbars) module -- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_Scroll_Snap) module +- [CSS scrollbars styling](/en-US/docs/Web/CSS/CSS_scrollbars_styling) module +- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module - [CSSOM view](/en-US/docs/Web/CSS/CSSOM_View) module - How to [debug scrollable overflow](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/debug_scrollable_overflow/index.html) diff --git a/files/en-us/web/css/css_pages/index.md b/files/en-us/web/css/css_paged_media/index.md similarity index 94% rename from files/en-us/web/css/css_pages/index.md rename to files/en-us/web/css/css_paged_media/index.md index d50868ffd19576b..93b3120ce9af007 100644 --- a/files/en-us/web/css/css_pages/index.md +++ b/files/en-us/web/css/css_paged_media/index.md @@ -1,6 +1,6 @@ --- title: CSS Paged Media -slug: Web/CSS/CSS_Pages +slug: Web/CSS/CSS_paged_media page-type: css-module spec-urls: - https://drafts.csswg.org/css-page/ diff --git a/files/en-us/web/css/css_ruby/index.md b/files/en-us/web/css/css_ruby_layout/index.md similarity index 95% rename from files/en-us/web/css/css_ruby/index.md rename to files/en-us/web/css/css_ruby_layout/index.md index 5258171331521b5..d843b69d363351b 100644 --- a/files/en-us/web/css/css_ruby/index.md +++ b/files/en-us/web/css/css_ruby_layout/index.md @@ -1,6 +1,6 @@ --- title: CSS Ruby Layout -slug: Web/CSS/CSS_Ruby +slug: Web/CSS/CSS_ruby_layout page-type: css-module spec-urls: https://drafts.csswg.org/css-ruby/ --- diff --git a/files/en-us/web/css/css_scroll_snap/basic_concepts/index.md b/files/en-us/web/css/css_scroll_snap/basic_concepts/index.md index e4fbbd508cb50ae..aff8b23c115b0d8 100644 --- a/files/en-us/web/css/css_scroll_snap/basic_concepts/index.md +++ b/files/en-us/web/css/css_scroll_snap/basic_concepts/index.md @@ -1,12 +1,12 @@ --- -title: Basic concepts of CSS Scroll Snap -slug: Web/CSS/CSS_Scroll_Snap/Basic_concepts +title: Basic concepts of scroll snap +slug: Web/CSS/CSS_scroll_snap/Basic_concepts page-type: guide --- {{CSSRef}} -The properties in the [CSS scroll snap](/en-US/docs/Web/CSS/CSS_Scroll_Snap) module enable you to define how scrolling snaps to specific points as a user scrolls through a document. +The properties in the [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module enable you to define how scrolling snaps to specific points as a user scrolls through a document. The scroll snap feature lets you define the snap positions where a [scroll container](/en-US/docs/Glossary/Scroll_container)'s scrollport may end or "snap to" after a scrolling operation has completed. @@ -78,8 +78,8 @@ With this property definition, you can ensure that users see each section of the ## See also -- [CSS scroll snap module](/en-US/docs/Web/CSS/CSS_Scroll_Snap/) -- [Well-controlled scrolling with CSS Scroll Snap](https://web.dev/css-scroll-snap/) -- [Practical CSS scroll snapping/](https://css-tricks.com/practical-css-scroll-snapping/) -- [CSS Scroll Snap](https://12daysofweb.dev/2022/css-scroll-snap/) -- [Scroll snap examples on Codepen](https://codepen.io/collection/KpqBGW) +- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module +- [Well-controlled scrolling with CSS scroll snap](https://web.dev/css-scroll-snap/) on web.dev (August 13, 2021) +- [Practical CSS scroll snapping](https://css-tricks.com/practical-css-scroll-snapping/) on CSS-Tricks (June 18, 2020) +- [CSS scroll snap](https://12daysofweb.dev/2022/css-scroll-snap/) on 12 Days of Web (December 7, 2019) +- [Scroll snap examples](https://codepen.io/collection/KpqBGW) on Codepen diff --git a/files/en-us/web/css/css_scroll_snap/index.md b/files/en-us/web/css/css_scroll_snap/index.md index c52a08dc921f2b0..dc446d29c632166 100644 --- a/files/en-us/web/css/css_scroll_snap/index.md +++ b/files/en-us/web/css/css_scroll_snap/index.md @@ -1,6 +1,6 @@ --- -title: CSS Scroll Snap -slug: Web/CSS/CSS_Scroll_Snap +title: CSS scroll snap +slug: Web/CSS/CSS_scroll_snap page-type: css-module spec-urls: https://drafts.csswg.org/css-scroll-snap/ --- @@ -60,7 +60,7 @@ To see the code for this example, [view the source on GitHub](https://github.com ## Guides -- [Basic concepts of CSS scroll snap](/en-US/docs/Web/CSS/CSS_Scroll_Snap/Basic_concepts) +- [Basic concepts of CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap/Basic_concepts) - : An overview and examples of CSS scroll snap features. ## Related concepts @@ -81,8 +81,8 @@ To see the code for this example, [view the source on GitHub](https://github.com ## See also -- [CSS overflow](/en-US/docs/Web/CSS/CSS_Overflow) module -- [CSS scrollbars style](/en-US/docs/Web/CSS/CSS_Scrollbars) module +- [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module +- [CSS scrollbars styling](/en-US/docs/Web/CSS/CSS_scrollbars_styling) module - [Keyboard-only scrolling areas](https://adrianroselli.com/2022/06/keyboard-only-scrolling-areas.html) on adrianroselli.com (November 28, 2022) - [Scroll snap examples](https://codepen.io/collection/KpqBGW) on Codepen (September 7, 2022) - [Well-controlled scrolling with CSS scroll snap](https://web.dev/css-scroll-snap/) on web.dev (August 13, 2021) diff --git a/files/en-us/web/css/css_scrollbars/index.md b/files/en-us/web/css/css_scrollbars_styling/index.md similarity index 91% rename from files/en-us/web/css/css_scrollbars/index.md rename to files/en-us/web/css/css_scrollbars_styling/index.md index 027daf7bd9dc1b8..4a727a88f839ae1 100644 --- a/files/en-us/web/css/css_scrollbars/index.md +++ b/files/en-us/web/css/css_scrollbars_styling/index.md @@ -1,6 +1,6 @@ --- title: CSS scrollbars styling -slug: Web/CSS/CSS_Scrollbars +slug: Web/CSS/CSS_scrollbars_styling page-type: css-module browser-compat: - css.properties.scrollbar-color @@ -95,6 +95,6 @@ for us to breathe. ## See also -- [CSS overflow](/en-US/docs/Web/CSS/CSS_Overflow) module -- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_Scroll_Snap) module -- {{cssxref('scroll-timeline-name')}}, {{cssxref('scroll-timeline-axis')}}, and {{cssxref('scroll-timeline')}} +- {{cssxref('scroll-timeline')}}, {{cssxref('scroll-timeline-axis')}}, {{cssxref('scroll-timeline-name')}} +- [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module +- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module