Przejdź do treści
Ściąga kodera

Ściąga kodera

Transform, animations, grid, css, shortcode, Wordpress

  • Inna planeta
  • Transform
    • transform wprowadzenie
    • translate, scale, rotate, skew, matrix
    • perspective
    • transform origin
    • Transform 3D
  • Transition
    • transition wprowadzenie
    • transition przykłady
    • transition & transform
  • Animations
    • animation podstawy
    • animation przykłady
  • Hover
  • Grid
    • grid podstawy
    • grid layout
    • grid „span n”
    • grid minmax()
    • wyrównywanie ścieżek siatki
    • wyrównywanie elementów siatki
    • jednostki grid
  • Więcej ściąg
    • shortcodes dla WordPressa
    • wzór html
    • hr
    • border
    • kolory
    • różne info
  • Kontakt

Transform wprowadzenie

29 marca, 20225 czerwca, 2022 kodzik
Transform 
Czytaj dalej

Translate, scale, rotate, skew, matrix

3 marca, 20225 czerwca, 2022 kodzik
Transform 
Czytaj dalej

Perspective

2 marca, 20227 sierpnia, 2022 kodzik
Transform 
Czytaj dalej

Transform Origin

1 marca, 202211 czerwca, 2022 kodzik
Transform 
Czytaj dalej

Transform 3D

3 maja, 20227 sierpnia, 2022 kodzik
Transform 
Czytaj dalej

Transition wprowadzenie

28 lutego, 20225 czerwca, 2022 kodzik
Transition 
Czytaj dalej

Transition przykłady

15 stycznia, 20225 czerwca, 2022 kodzik
Transition 
Czytaj dalej

Transition & transform

27 lutego, 20225 czerwca, 2022 kodzik
Transform Transition 
Czytaj dalej

Animation podstawy

15 stycznia, 20225 stycznia, 2023 kodzik
Animations 
Czytaj dalej

Animation przykłady

16 stycznia, 20225 czerwca, 2022 kodzik
Animations 
Czytaj dalej

Hover

5 marca, 20227 czerwca, 2022 kodzik
Hover 
Czytaj dalej

Grid podstawy

22 stycznia, 20225 czerwca, 2022 kodzik
Grid 
Czytaj dalej

Grid layout

24 stycznia, 20225 czerwca, 2022 kodzik
Grid 
Czytaj dalej

Grid „span n”

5 lutego, 20225 czerwca, 2022 kodzik
Grid 
Czytaj dalej

Grid minmax()

7 lutego, 20225 czerwca, 2022 kodzik
Grid 
Czytaj dalej

Wyrównywanie ścieżek siatki

8 maja, 20225 czerwca, 2022 kodzik
Grid 
Czytaj dalej

Wyrównywanie elementów siatki

12 maja, 20225 czerwca, 2022 kodzik
Grid 
Czytaj dalej

Jednostki grid

7 maja, 20225 czerwca, 2022 kodzik
Grid 
Czytaj dalej

Transform

  • kurshtmlcss.pl – transform
  • 3dtransforms.desandro.com – Intro to CSS 3D transforms
  • sitepoint.com – How to Use 2D Transformation Functions in CSS
  • W3S – CSS 2D Transforms
  • W3S – CSS 3D Transforms
  • webkod.pl – transform
  • webkod.pl – Przekształcenie elementu HTML w przestrzeni 2D – transform CSS3
  • webkod.pl – Funkcje transform CSS3 w przestrzeni 3D
  • webkod.pl – matrix3d()
  • webkod.pl – scale()
  • useragentman.com – The matrix construction set
  • angrytools.com – Generator – Matrix Transform

Transition

  • web.dev – Transitions
  • joshwcomeau.com – An Interactive Guide to CSS Transitions
  • vegibit.com – CSS Transitions and Transformations
  • webdesignerdepot.com – 8 simple css3 transitions that will wow your users

Transition & transform

  • thoughtbot.com – CSS Transitions and Transforms for Beginners
  • miroslawzelent.pl – Efekty hover, transition, transform
  • bradshawenterprises.com – CSS Transitions
  • webdesignerwall.com – Easy CSS Animation With Transition & Transforms

Perspective

  • css-tricks.com – How CSS Perspective Works
  • W3S – CSS perspective Property
  • W3S – Style perspective Property
  • webkod.pl – perspective()
  • webkod.pl – perspective
  • webkod.pl – CSS3 – Perspektywa elementu HTML
  • webkod.pl – Idea przekształcenia elementu HTML w przestrzeni 3D

Transform Origin

  • webkod.pl – Manipulacja punktem zero w przestrzeni 2D
  • developer.mozilla.org – transform-origin

Animations

  • webkod.pl – Animation
  • developer.mozilla.org – CSS Animations
  • thoughtbot.com – CSS Animation for Beginners
  • learn.shayhowe.com – Transitions & Animations
  • sitepoint.com – CSS3 Animation Property Basics
  • w3bai.com – CSS animacje
  • W3S – CSS Animations
  • W3S – CSS animation-timing-function Property
  • perishablepress.com – Examples of CSS transform, transition, and animation
  • smashingmagazine.com – The Guide To CSS Animation: Principles and Examples
  • blog.logrocket.com – How to use CSS ::before and ::after to create custom animations and transitions
  • engineerbabu.com – A Detailed Guide to CSS Transitions and Animations
  • digitalocean.com– How To Create Animations with Animate.css
  • animate.style – Animate.css [biblioteka]
  • mdbootstrap.com – CSS Text Animations
  • css-tricks.com – Typewriter Effect
  • w3docs.com – How to Create a Typewriter Text with Pure CSS
  • freefrontend.com – 11 CSS Typing Text Effects
  • Google – Typewriter effect css

Hover Menu

  • ianlunn.github.io – Hover css
  • gudh.github.io – CSS3 hover effects pack
  • tympanus.net – Simple Icon Hover Effects
  • tympanus.net – Creative Button Styles
  • aurainweb.pl – Przykładowe zastosowanie efektu overlay
  • css-tricks.com – A Complete Guide to Links and Buttons
  • css-tricks.com – Play Sound on :hover

Różne tutorials

  • w3.org – środkowanie
  • webcode.tools – CSS Generator
  • html.am – HTML Codes, Editors, and Generators
  • apps.eky.hk – CSS triangle generator
  • devcorner.pl – 17 niesamowitych efektów tekstowych w CSS3
  • blog.piotrnalepa.pl – Magia figur uzyskanych za pomocą CSS
  • cssportal.com – CSS3 Shapes
  • stackoverflow.com – How do CSS triangles work?
  • sarasoueidan.com – Animating CSS Shapes
  • sarasoueidan.com – Creating Non-Rectangular Layouts With CSS Shapes
  • css-tricks.com – The Shapes of CSS
  • tympanus.net – Tutorials
  • kostyrko.github.io – CSS konwencje nazewnictwa klas
  • webroad.pl – Jak stworzyć arkusz stylów dla druku?
  • sitepoint.com – Everything You Need to Know About HTML’s ‘pre’ Element

Grid

  • learncssgrid.com – Learn CSS Grid
  • css-tricks.com – A Complete Guide to Grid
  • css-tricks.com – auto-fill vs. auto-fit
  • gridbyexample.com – auto-fill vs. auto-fit
  • gridbyexample.com – Grid by Example
  • raidboxes.io – Wielki przewodnik
  • dev.to – Creating Your First Grid Layout.
  • digitalocean.com – CSS Grid Layout: The Fr Unit
  • digitalocean.com – How To Use CSS Grid Properties to Justify and Align Content and Items
  • webkod.pl – grid-template-columns
  • webkod.pl – grid-template-rows
  • developer.mozilla.org – Auto-placement
  • developer.mozilla.org – grid-column
  • developer.mozilla.org – grid-template-rows
  • developer.mozilla.org – Box alignment in CSS Grid Layout
  • developer.mozilla.org – minmax()
  • hongkiat.com – How to Use minmax()
  • ishadeed.com – A Deep Dive Into CSS Grid minmax()
  • tworzenie-stron-www-wroclaw.pl – grid-column-start
  • tworzenie-stron-www-wroclaw.pl – grid-row-end
  • w3docs.com – How to Center the Content in Grid
  • purplesquirrels.com.au – CSS diamond grid
  • codepen.io – Ukośne kwadraty

Kolory

  • paletton.com – Paletton
  • fonty.pl – Paleta kolorów HTML
  • htmlcolorcodes.com – Modern browsers support 140 named colors
  • kropleinternetu.biz – Tabela kolorów HTML, X11
  • W3S – HTML Color Names
  • colorzilla.com – Ultimate CSS Gradient Generator
  • W3S – CSS Gradients

Wordpress

  • codex.wordpress.org – Codex
  • wpmudev.com – 10 Awesome Shortcodes
  • justintadlock.com – Members-only content
  • dreamfocus.pl – Gutenberg – ustawianie szerokości wybranych bloków
  • codex.wordpress.org – Jak usunąć wirusa z WordPressa? – poradnik
  • developer.wordpress.org – Kolejkowanie stylów i skryptów
  • superbthemes.com – Beautiful Themes
  • zakladaniestronwww.pl – Darmowe szablony motywy WordPress 2021. TOP 50

Moja strona polityczna

  • pytaniabeaty.pl – Mam pytanie…
Prawa autorskie © 2022 Ściąga kodera
Prawa autorskie © 2023 Ściąga kodera. Wszystkie prawa zastrzeżone.
Motyw: ColorMag stworzony przez ThemeGrill. Wspierane przez WordPress.