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

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 & transform

27 lutego, 20225 czerwca, 2022 kodzik
Transform Transition 
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.