CSS is getting increasingly powerful, and with features like CSS grid and custom properties (also known as CSS variables), we're seeing some really creative solutions emerging.
CSS wird heute immer leistungsfähiger, und mit features wie CSS-raster und benutzerdefinierte Eigenschaften (auch bekannt als CSS-Variablen), sehen wir einige wirklich kreative Lösungen entstehen.
Windows Edge was still an issue a few months back, but the latest version now supports CSS grid.
Windows Edge war vor ein paar Monaten noch ein Problem und unterstützt mittlerweile aber CSS Grids in der aktuellen Version.
What are your thoughts on CSS Grid and what questions do you have?
Wie findest du CSS Grids und hast du offene Fragen?
Jen Simmons covers the status of CSS Grid, and how to work with it from design to development.
Jen Simmons deckt den status der CSS-Raster, und wie mit ihm zu arbeiten-vom design bis zur Entwicklung.
The principal CSS standards we use in this technique are CSS Blend Modes and CSS Grid.
Die wichtigsten CSS-standards, die wir verwenden in dieser Technik sind die CSS Blend Modes und CSS-Raster.
Next articleTechniques for a Newspaper Layout with CSS Grid and Border Lines Between Elements admin
Next articleTechniken für ein Zeitungs-Layout mit CSS-Raster und die Grenzen Zwischen den Elementen admin
We can already see a lot of value in what CSS grid provides in this one example, but this approach has some limitations.
Wir können bereits sehen, eine Menge von Wert in dem, was CSS-grid bietet in diesem Beispiel, aber diese Methode hat einige Einschränkungen.
Update to fix vertical spacing with CSS grid 1.4.0
Update zur Festlegung des vertikalen Abstandes mit CSS Grid 1.4.0
A CSS grid is defined using the grid value of the display property; you can define columns and rows on your grid using the grid-template-rows and grid-template-columns properties.
Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen. Um ein CSS Grid definieren zu können verwendet man die grid Value für die display Property.
He suggests (and I also think this approach is the best solution at the moment) creating a mobile-first web design without the help of CSS grid and offer this web design for older browsers that don't support CSS grids as well.
Er schlägt vor (und ich halte diesen Ansatz auch für den besten) ein Webdesign zu allererst mobile-first umzusetzen, ohne Hilfe von CSS Grid Eigenschaften.
Then you can add to use CSS grid functionality for modern browsers and bigger screen sizes using Media Queries, in order to create your more complex, multi-column web design.
Danach kann man mit Hilfe von Media Queries schrittweise anfangen CSS Grid Funktionen zu nutzen, um ein komplexeres, mehrspaltiges Webseiten-Layout anzubieten.
In addition to mastering back-end programming languages (Ruby, SQL), you will develop your front-end skills using recent techniques like flexbox, CSS grid and learn ES6, the latest version of JavaScript.
Neben dem Meistern von Backend-Programmiersprachen (Ruby, SQL), wirst du Frontend-Fähigkeiten mit aktuellen Methoden wie flexbox, CSS grid und ES6 (die neueste Javascript-Version) lernen.
Contenu potentiellement sensible ou inapproprié
Les exemples vous aident à traduire le mot ou l’expression cherchés dans des contextes variés. Ils ne sont ni sélectionnés ni validés par nous et peuvent contenir des mots ou des idées inappropriés. Signalez des exemples à modifier ou à retirer. Les traductions potentiellement sensibles, inappropriées ou familières sont généralement marquées de rouge ou d’orange.