Gradient nie taki straszny, jak go malują

Co pomyślicie, jeśli wam powiem, że stylowanie tła strony za pomocą gradientów to super pomysł? Pewnie części z was w pierwszej chwili stanęły przed oczami kolorowe obrazki rodem sprzed 10 lat, Word Art? :)… Efektowne przejścia między kolorami wywołujące co najmniej oczopląs. I odruch wymiotny. Jednak po kilku sekundach nostalgicznych wspomnień dochodzimy do wniosku, że owszem – gradienty to dobry pomysł na tło.

Flexbox: prezentacja + źródła nauki

Dziś dzielę się z Wami moją prezentacją o flexboxie. Przygotowałam ją w celu przedstawienia podstawowych informacji: czym jest flexbox, jakie daje możliwości, czy warto z niego skorzystać. Przyznaję się bez bicia – nie jest ona najświeższej daty. Mimo wszystko uważam ją za uniwersalną pigułkę bazowej wiedzy – dlatego też puszczam ją w świat. Usunęłam z […]

BEM czyli sprytny sposób na CSS

Dziś krótko o BEM. CO TO? Konwencja nazywania klas w HTML i CSS. SKĄD NAZWA? BEM => Block, Element, Modifier Czasami spotkacie się z nazwą BEM101. Ta stojedynka oznacza nic innego jak “informacje podstawowe” (wiki). PRZYKŁAD? /* Block component */ .btn {} /* Element that depends upon the block */ .btn__price {} /* Modifier that […]

Własności CSS: box-decoration-break

Własność box-decoration-break należy raczej do grupy tych własności CSS, które są sporadycznie używane, często zapominane, a przede wszystkim niedoceniane. Generalnie box-decoration-break przydaje się sytuacjach, kiedy element HTML jest przełamywany, przenoszony do drugiej linii. W szczególności dla elementów liniowych pojawia się wtedy problem niejednolitego ostylowania. Dzięki box-decoration-break dekoracja jest klonowana na nowo po przełamaniu danego elementu.   Własność box-decoration-break może przyjmować dwie wartości: slice – […]

Wpisz hasło, którego szukasz i naciśnij ENTER, aby je wyszukać. Naciśnij ESC, aby anulować.

Dawaj na górę