Nula před desetinnou tečkou u čísla

Při zápisu desetinných čísel bývá v programování volitelné uvádět nulu před desetinnou tečkou. Číslo 0.5 se tedy rovná .5.

V CSS se s tím jde setkat např. při používání em jednotek:

element {
  padding: .5em;
}

Výše uvedený kód je ekvivalentem:

element {
  padding: 0.5em;
}

Je ale lepší nulu psát, nebo vynechávat?

Předně jsem toho názoru, že je to jedno, jen je dobré se domluvit na jednotném stylu napříč projektem.

Vynechání počáteční 0

Pro vynechání nuly hovoří 3 věci:

  1. Je to o jeden znak rychlejší na zápis.

  2. Nemusí se po síti k návštěvníkovi přenášet zbytečný znak.

  3. Pro prohlížeč může být teoreticky rychlejší nevyhodnocovat číselnou část před tečkou.

Dvě poslední ze tří věcí může automaticky zajistit automatisace v podobě CSS pre/post-procesoru.

Psaní s 0

  1. Někomu může přijít psaní s nulou přehlednější:

    element {
      padding: 5em 0 .5em;
    }

    Oproti:

    element {
      padding: 5em 0.5em;
    }

    Kdy až na tu mezeru relativně podobné kusy kódu dělají úplně něco jiného.

  2. Méně zkušeným lidem může přijít takový zápis nejasný nebo nezvyklý.

Přehlednost je v tomto případě dost subjektivní. Když si člověk zvykne zbytečnou nulu nepsat, přijde mu potom 0.5 také divné.

Populární Style Guide

V style guidech větších skupin vývojářů se lze setkat s oběma přístupy:

  • Google HTML/CSS Style Guide: Leading 0s – nepsat počáteční nulu
  • Sass Guidelines: nuly – psát počáteční nulu

Těžko tak proto jednoznačně určit, že je ten nebo ten přístup lepší.

Co preferujete vy? A proč?

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Skloňování v CSS

„Programování“ v HTML a CSS

I bez úprav logiky serverového skriptu lze lecčeho dosáhnout samotným CSS.

Doctype

HTML značka <!doctype>

Jaký (a jestli vůbec) psát <!doctype> do stránky?

Stylování atributu title

Vlastní styl bubliny title

Jaké jsou možnosti pro vlastní vzhled nápovědy, která se objevuje při vyplnění atributu title.

Značka <body> jako obal stránky

Obal <body>, nebo <div id=container>?

Ve standardním režimu lze značku <body> stylovat jako normální <div>. Má to cenu?

Centrování v CSS

Centrování na webových stránkách

Ucelený popis různých způsobů vertikálního i horizontálního centrování. Se známou i neznámou šířkou nebo výškou.

Komentáře