• CSS,  Frontend

    Czym jest specificity w CSS

    Z pisaniem CSS-ów bywa różnie. Czasami jesteśmy pewni, że poprawnie zdefiniowaliśmy swoje style, a mimo to strona dalej ich nie pokazuje. Co robimy nie tak, przecież jasno napisaliśmy, że tutaj ma być kolor zielony, a nadal mamy niebieski. No i nie da się inaczej zdefiniować koloru, niż tak, jak to robimy. Ahhh, ten przeklęty CSS, szepczemy sami do siebie, rwąc włosy z głowy. Oooo, z !important działa dobrze. Więc zostawiamy tak, wiedząc, że to zła praktyka. Przecież działa i widać efekty, to nikt nie powinien się przyczepić. Trochę jak ze sprzątaniem, szybszy i taki sam efekt da wrzucenie wszystkiego pod łóżko, chociaż można by było poukładać rzeczy w szafkach. Ktoś…

  • Frontend

    Cała szerokość strony, czyli o mrocznym widmie viewport width

    W wielu sytuacjach chcemy, aby nasz element zajmował całą szerokość okna przeglądarki. Zewnętrzna struktura strony, tło czy pewne komponenty nadrzędne, często tyle miejsca potrzebują. Aby ustawić odpowiednią szerokość należy nadać wartość width w CSSie. Można to zrobić za pomocą procentów (jeżeli komponent nadrzędny nie ogranicza szerokości) lub za pomocą vw (viewport width), który dostosowuje rozmiar do szerokości obszaru roboczego przeglądarki. Czy wykorzystanie obu sposobów jest identyczne? W pewnym stopniu działają podobnie, ale jest między nimi ogromna różnica, która może spowodować, że strona częściowo się rozjedzie. Szerokość viewport (vw) wlicza do siebie jeszcze pionowy pasek przewijanie, jeżeli jest on na stronie. Przykład poniżej przedstawi problem. Mamy taki wycinek kodu HTML oraz…

Social media & sharing icons powered by UltimatelySocial