Wir verwenden einige Positionierungstricks, um die linke Kante des Logos und den Hauptinhaltsbereich auszurichten, während der Header immer noch die linke Kante der Seite berührt.
Die Navigationsblöcke sind bei der größten Breite 1/8 der Breite des Nav-Elternteils. Wir setzen sie auf `inline-block`, damit sie diese Breite annehmen. Wir müssen die Breite auf 12,49% statt auf 12,5% einstellen, wegen Subpixel-Rundungsfehlern.
Wir finden eine Möglichkeit, den unteren Schatten der Navigation zu erzeugen, sind aber ein wenig besorgt über die verwendete Technik. Wir müssen den `z-index` jedes Menüpunkts umkehren, damit das erste Element "oben" liegt und schrittweise abnimmt, anstatt das letzte. Wir verwenden eine Reihe von :nth-child-Selektoren, um dies zu erreichen.
Ist es nicht besser, einen "eingezogenen" Box-Schatten zu erstellen?
Wahrscheinlich ja =)
Aber das macht mir ein wenig Sorgen. Normale Box-Schatten können schon Leistungsprobleme haben (z.B. ruckelndes Scrollen) und früher waren eingezogene Schatten *viel* schlimmer. Ich denke, das ist in neueren WebKit-Browsern behoben, aber immer noch ein Problem in alten.
Ich weiß nicht, ob Sie das wissen, also sage ich es. Sie müssen nicht die Anwendung Rechner öffnen, sondern können einfach Gleichungen in Spotlight eingeben – das spart mir viel Zeit! Auch für Ihren Farbwähler `Strg + Alt + Cmd + C` öffnet einfach das Farbwähler-Popup für Sie, das spart meiner Meinung nach auch viel Zeit.
@arek.bartnik Ich dachte buchstäblich "Benutze eingezogene Schatten!" während des ganzen Videos lol
In Bezug auf Ihre Empfehlung, keine
<ul>oder Tags für die Navigation zu verwenden, wie würden Sie am besten Dropdown-Menüs ermöglichen?Ich habe dasselbe Problem mit dem automatischen Neuladen. Es ist sehr fehlerhaft mit CSS. Musste auf LiveReload umsteigen.