Love Coding

Blog o programowaniu, błędach w kodzie, debugowaniu i refaktoryzacji

Przejdź do bloga
// Dev notes

function deploySafely()

if (isFriday()) {

console.warn(„Do not touch production.”);

return;

}

deploy();

}

Notatki programistki

Kod jest jak dowcip. Jeśli musisz go wyjaśniać, jest kiepski

Praktyczny kod

Pigułka wiedzy

Master scroll-margin for Perfect Scroll Positioning

scroll-margin lets you control where an element stops when it’s scrolled into view.

It is perfect for fixing content hidden behind sticky headers.

section {
  // Leaves 80px space above 
  // when scrolled into view
  scroll-margin-top: 80px;
}

Works with scrollIntoView() and anchor links (#id) for smooth, precise positioning.

Did you know?

CSS

#Tip 007

Avoid transition: all

Don’t use transition: all – it tells the browser to animate every property change, which can hurt performance and cause unwanted effects.

.element {
    transition: all 0.3s ease;
}

Instead, specify only the properties you actually want to animate:

.element {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

Did you know?

CSS

#Tip 006

Animate Smart: Use Transform and Opacity for Better Performance

Always animate properties that don’t trigger reflow or repaint – like transform, opacity, or filter.

Animating layout-related properties (e.g. width, margin, top, box-shadow) forces the browser to recalculate positions and redraw the page, making animations laggy.

Did you know?

CSS

#Tip 005

Kategorie

13 posts

CSS

Porady i techniki stylizacji, które pomogą tworzyć piękne i responsywne strony

 4 posts

HTML

Dobre praktyki pisania czystego, semantycznego i dostępnego kodu

 16 posts

JavaScript

Nowoczesne wskazówki i poradniki do tworzenia dynamicznych stron

 3 posts

Linux

Przewodniki dla programistów, którzy chcą opanować Linuxa i terminal

 4 posts

Mindset programisty

Rozwój sposobu myślenia, koncentracji i umiejętności rozwiązywania problemów

 7 posts

Narzędzia Front-end Developera

Narzędzia Front-end Developera

 1 post

PHP

Praktyczne porady do tworzenia wydajnych i bezpiecznych aplikacji webowych

 13 posts

Przykładowe projekty juniora

Przykładowe projekty, jakie może napisać junior Front-end Developer w ramach nauki i do portfolio.

 8 posts

React

Budowa szybkich komponentów wielokrotnego użytku

 12 posts

React Native

Poradniki do tworzenia aplikacji mobilnych na wiele platform z React Native

Blog

Najnowsze posty

Kategoria

JavaScript

Kategoria

Narzędzia Front-end Developera

Kategoria

Linux

Kategoria

CSS