css

ciekawe w css

overscroll-behavior ustawiony na wartość none, pozwala na uniknięcie "odbijania" layoutu strony przy szybkim scrollowaniu w dół :root { overscroll-behavior: none; } text-wrap:...

Animacje w css

Animacje w css dzięki nim możesz stopniowo zmieniać określone style danego elementu w czasie - to naprawdę potężne narzędzie. Animacje css możesz traktować jak oś czasu. Aby utworzyć...

Ciekawe tutoriale, snipety

Animated halftone patterns - by Ana...

Grid Layout

container display: grid; grid-template-rows: 200px 200px; grid-template-columns: 200px 200px 200px; grid-row-gap: 30px; grid-column-gap: 30px; grid-gap: 30px; grid-template-rows: 100px...

generatory css

piękny generator palety kolorów i gradientów w css: mycolor.space wycięcie kształtu z backgraound image: bennettfeely.com-clippy trójkąty w css triangle shapes kształty w...

Emmet css

Emmet -zestaw narzędzi do skrótowego pisania kodu HTML i CSS - wpisujemy skrót i wciskamy TAB   główna strona Emmet   CSS bg+ background: #fff url() 0 0...

CSS Triangles

Trójkąty w css: .arrow-up { width: 0; height: 0; font-size: 0; line-height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;...

przedostatni element listy

-- li:nth-last-child(2){ margin-right:...

usunięcie defaultowych strzałek w select na IE

aby usunąć defaultowe strzałki z elementu select w przeglądarce ie należy dodać w kodzie: select::-ms-expand { display:...

Nice form – stylizacja

Wartość none dodana do pól formularza usuwa natywne formatowanie przeglądarki i pozwala na swobodne dodanie własnych styli dla wybranych elementów. -webkit-appearance:...

All current

-- #main-menu ul li > a { background-color: #b9c9d8; color:...

zatrzymanie stanu animacji

aby zatrzymać stan animowanego elementu można skorzystać...

Waypoint

Dodanie fajnych animacji wjeżdżających bloków na stronie jest całkiem proste z wykorzystaniem Waypoints i Animate.css HTML: <div class="animated fade"...

Animacja i krzywe Bézier’a

parę fajnych narzędzi do zrozumienia i opracowania krzywej do animacji: cubic-bezier.com jasondavies.com/animated-bezier/...

grid na responsywnych kwadratach

Grid of squares with...

zablokowanie scrolowania

blokowanie scroll na tabletach i smartfonach poprzez:   w js: //target the entire page, and listen for touch events $('html, body').on('touchstart touchmove', function(e){...

letter spacing z ps do px

na przeliczenie letter spacing photoshopa do css letter-spacing w px wykorzystuje się wzór uwzględniający wielkość tekstu:   photoshop letter spacing (px) * font-size (px) / 1000 = css...

wyrównanie bloków do prawej

dla każdego bloku dajemy margin-left:...

Co jeszcze Cię interesuje?

Wordpress css JavaScript font jQuery html custom post css3 ACF html5 web development sass mobile php woocommerce vue form image menu biblioteka responsive inspiration plugins seo color post user page data base git webflow design sketch link icon svg table tools query_posts() align admin React background tag https snipets npm grid ai WPCF7