moaliermoalierAn independent archive for discovering the web
Development · 4 links

Spraw, aby układ CSS przetrwał prawdziwą treść

moalier.picksMOALIER Editorial
Selektory CSS i reguły układu na ciemnym ekranie edytora
About this selection

Cztery zbiory wyjaśnień CSS pozwalających zrozumieć ograniczenia układu, elastyczne rozmiary i niewygodne przypadki, które może ukryć idealna makieta.

Układ nie jest ukończony, jeśli pasuje do jednego zrzutu ekranu. Prawdziwy test pojawia się z dłuższym tytułem, mniejszą liczbą kart, wąskim ekranem lub inną czcionką. Ci autorzy wyjaśniają CSS za pomocą przykładów i rozumowania wizualnego. Użyj ich, aby zbadać ograniczenie, które możesz odtworzyć zamiast zbierać deklaracje bez zrozumienia, co one zmieniają.

Spróbuj najpierw tego

Utwórz mały przykład z krótkim, długim tytułem i nieprzerwanym ciągiem znaków. Zmień jego rozmiar przed zmianą CSS. Wybierz jeden artykuł wyjaśniający awarię, zastosuj najmniejszy odpowiedni pomysł i przetestuj ponownie z brakującymi obrazami i powiększonym tekstem. Zachowaj notatki na temat ograniczenia, aby następna poprawka go nie cofnęła.

Pamiętaj

Przykłady artykułów mogą być przeznaczone dla innej przeglądarki bazowej. Sprawdź obsługę konkretnej funkcji i zachowaj odpowiednią opcję zastępczą. Kompaktowy fragment kodu nie jest automatycznie bardziej odporny niż dłuższa i bardziej przejrzysta reguła układu.

4 links/In the curator’s chosen order
Link 1Modern CSS Solutions

Nowoczesne rozwiązania CSS

Zapoznaj się z wyjaśnieniami Stephanie Eckles na temat nowoczesnych rozwiązań typowych problemów CSS. Wypróbuj jedną technikę przeciwko przypadku Edge, który cię tam sprowadził.

moderncss.dev
Link 2–

Ahmada Shadeeda

Przeczytaj wizualne wyjaśnienia układu i zachowania interfejsu. Obserwuj, jak treść i dostępna przestrzeń wpływają na wybrane podejście CSS.

ishadeed.com
Link 3–

Josh W. Comeau — CSS

Użyj interaktywnych wyjaśnień, aby zbudować mentalny model zachowania CSS. Zatrzymaj się na przykładzie i przewiduj jego wynik przed zmianą kontrolki.

joshwcomeau.com
Link 4CSS-Tricks

Sztuczki CSS

Wyszukaj przewodniki i odniesienia do właściwości, aby uzyskać konkretne pytanie dotyczące implementacji. Wybierając technikę, przeczytaj datę publikacji i kontekst wsparcia.

css-tricks.com
#WATCH

Six science videos that reward a second look

From scale and falling objects to learning, reservoirs, symmetry and black holes: six different ways to make an explanation visible. The group-theory entry is the demanding detour.

moalier.picks6 links
#DISCOVER

Leave the feed, explore a planet: six visual maps

Travel from the solar system to weather, satellite imagery and street-level curiosity. These maps answer different questions; a moving image does not automatically mean live observation.

moalier.picks6 links
#TRENDS

Pause before sharing: six ways to investigate a viral image

A small toolkit for tracing an image, looking for an earlier appearance and separating a caption from evidence. These tools support investigation; none can certify a whole story with one click.

moalier.picks6 links
#Astronomy

The night sky this month: November 2026

What to look up for this month, using NASA and U.S. Naval Observatory pages only: NASA's monthly What's Up guide, the meteor shower at its peak, the dates of the Moon's phases, a sky event worth joining, and NASA's daily astronomy picture. The month's video is at the top; the slots are replaced with the next month's pages when they are published.

moalier USA6 links
#Gaming

New games out next week: November 16 to 20

Where to check what launches next week, from the platforms themselves: Xbox Wire's weekly release roundup, the upcoming-games pages on the Nintendo and Steam stores, and the official pages for the week's biggest launch, Grand Theft Auto VI on November 19. The slots are updated every week as the next roundup comes out.

moalier USA5 links
#Gaming

New on PlayStation Plus and Xbox Game Pass this month

The official announcements for what joins PlayStation Plus and Xbox Game Pass this month, kept in fixed slots so you can check one place instead of two blogs. Each link goes to the PlayStation Blog or Xbox Wire post itself, with dates and tiers as the publisher lists them. The slots are swapped for the new posts each month as Sony and Microsoft announce them.

moalier USA4 links
Create your collection

Build your own carefully curated link collection

Turn scattered bookmarks into a focused, minimal publication and share it with the world.

Create a free collection
MOALIER CommunityReport an inappropriate link or undisclosed ad