Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente, minima corrupti dolores necessitatibus suscipit accusantium dignissimos culpa cumque.

To długo ustalony fakt, że czytelnik będzie rozproszony przez czytelną treść strony, gdy patrzy na jej układ. Punktem użycia Lorem Ipsum jest to, że ma mniej więcej normalny rozkład liter.

  1. Chcemy, aby wszystko wyglądało dobrze od razu.
  2. Naprawdę tylko pierwszy powód, to cały sens wtyczki.
  3. Oto trzeci pozorny powód, choć lista z trzema elementami wygląda bardziej realistycznie niż lista z dwoma elementami.

Typografia powinna być prosta

Oto nagłówek dla Ciebie — jeśli wykonaliśmy naszą pracę poprawnie, powinien wyglądać całkiem rozsądnie.

Coś, co mądra osoba kiedyś mi powiedziała o typografii:

Typografia jest bardzo ważna, jeśli nie chcesz, aby Twoje treści wyglądały jak śmieci. Zrób to dobrze, a wtedy nie będzie źle.

Prawdopodobnie ważne jest, aby obrazy również wyglądały dobrze domyślnie:

nc blog
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente

Teraz pokażę Ci przykład nieuporządkowanej listy, aby upewnić się, że również wygląda dobrze:

  • Oto pierwszy element tej listy.
  • W tym przykładzie utrzymujemy elementy krótkie.
  • Później użyjemy dłuższych, bardziej złożonych elementów listy.

I to koniec tej sekcji.

Kod powinien wyglądać dobrze domyślnie.

Myślę, że większość ludzi będzie używać highlight.js lub Prism lub czegoś podobnego, jeśli chcą stylizować swoje bloki kodu, ale nie zaszkodzi sprawić, aby wyglądały dobrze od razu, nawet bez podświetlania składni.

To, co tutaj napisałem, jest prawdopodobnie wystarczająco długie, ale dodanie tego ostatniego zdania nie zaszkodzi.

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
} 

Mam nadzieję, że wygląda to dla Ciebie wystarczająco dobrze.

Nadal musimy jednak pomyśleć o ułożonych nagłówkach.

Upewnijmy się, że nie zepsujemy tego elementami <code>h4</code>, również.

Uff, z odrobiną szczęścia sformatowaliśmy nagłówki powyżej tego tekstu i wyglądają całkiem dobrze.

Dodajmy tutaj zamykający akapit, aby rzeczy kończyły się przyzwoicie rozmiarowym blokiem tekstu. Nie mogę wyjaśnić, dlaczego chcę, aby rzeczy kończyły się w ten sposób, ale muszę założyć, że to dlatego, że myślę, że rzeczy będą wyglądać dziwnie lub niezbalansowanie, jeśli nagłówek jest zbyt blisko końca dokumentu.

To, co tutaj napisałem, jest prawdopodobnie wystarczająco długie, ale dodanie tego ostatniego zdania nie zaszkodzi.

Responses (0)

    Praesent id massa id nisl venenatis lacinia. Aenean sit amet justo. Morbi ut odio.

    Mauris enim leo, rhoncus sed, vestibulum sit amet, cursus id, turpis. Integer aliquet, massa id lobortis convallis, tortor risus dapibus augue, vel accumsan tellus nisi eu orci. Mauris lacinia sapien quis libero. Nullam sit amet turpis elementum ligula vehicula consequat. Morbi a ipsum. Integer a nibh.

    In sagittis dui vel nisl. Duis ac nibh. Fusce lacus purus, aliquet at, feugiat non, pretium quis, lectus. Suspendisse potenti. In eleifend quam a odio. In hac habitasse platea dictumst.