Уровень 0 · материалов: 9
В кластер входят документы, описывающие конкретные технические приемы, свойства и методы реализации визуального макета веб-страниц с помощью CSS и HTML.
Общие признаки: решение проблем с макетом, кроссбраузерная совместимость, CSS хаки и обходные пути, адаптивная верстка, позиционирование элементов
Группа выше: Методологии и организация CSS
Смысл: The main idea is to share a collection of efficient, lesser-known HTML and CSS techniques to help web developers solve common layout problems more elegantly.
A collection of handy CSS and HTML tips for centering elements, handling text overflow, creating dependent widths, and using advanced border radii.
Смысл: The main idea is to provide a collection of concise, practical 'hacks' and best practices for CSS and HTML5 to help developers solve common layout problems and ensure cross-browser compatibility.
A concise guide offering practical CSS tips for layout, attribute selection, and cache busting, alongside methods for implementing HTML5 semantic tags in older browsers.
Смысл: The main idea is to educate web developers on the non-intuitive behaviors of CSS properties like height, width, z-index, and margins, providing practical workarounds and best practices to ensure predictable layouts.
A technical guide explaining how to handle common CSS issues regarding percentage dimensions, stacking contexts (z-index), and margin collapsing.
Смысл: The main idea is to introduce a CSS technique for horizontal separation of elements that preserves the ability to use vertical alignment, overcoming the limitations of floats and absolute positioning.
The author shares a CSS trick using inline-block and negative margins to position elements on opposite sides of a block while maintaining vertical alignment capabilities.
Смысл: The main idea is to demonstrate that responsive web design is accessible and simple by showcasing five essential CSS techniques that ensure website elements scale correctly across various devices and screen sizes.
A concise tutorial showcasing five simple CSS and HTML techniques to create responsive web layouts, covering video scaling, width constraints, relative units, float clearing, and word wrapping.
Смысл: The main idea is to provide a CSS-based solution for creating equidistant, justified image layouts that remain compatible across multiple web browsers, emphasizing a structural workaround to achieve visual balance without relying on JavaScript.
A technical guide explaining how to create a justified layout of images using HTML5 and CSS for cross-browser compatibility.
Смысл: The main idea is to provide a cross-browser CSS technique for creating flexible column layouts with a sticky footer and full-height sidebars without relying on JavaScript or tables.
A technical guide detailing a CSS-only method for creating flexible, equal-height column layouts with a sticky footer compatible with a wide range of browsers.
Смысл: The main idea is to provide a curated list of CSS properties and layout hacks specifically designed to overcome rendering bugs and behavioral quirks in the iOS Safari browser to ensure a consistent user experience.
A technical guide detailing specific CSS properties and workarounds to fix common rendering and scrolling issues in iOS Safari.
Смысл: The text is a technical showcase and a plea for peer review regarding a complex CSS layout that attempts to balance strict standards with advanced visual requirements like equal-height columns and sticky footers.
A developer shares their complex, multi-technique 'ideal' CSS layout and asks the community for ways to optimize the bloated HTML structure.