Канал: Plan nauki Frontend Developera💪📚

Wyświetlanie listy menu drugiego poziomu | Displays the second level menu list

Wyświetlanie listy menu drugiego poziomu | Displays the second level menu list

Rozwijane menu drugiego poziomu | Second level drop-down menu

Rozwijane menu drugiego poziomu | Second level drop-down menu

Jak dodać poziome menu pierwszego poziomu? | How to add a first level horizontal menu?

Jak dodać poziome menu pierwszego poziomu? | How to add a first level horizontal menu?

Jak zrobić menu dwupoziomowe? Struktura projektu. | How to make a two-level menu? Project structure.

Jak zrobić menu dwupoziomowe? Struktura projektu. | How to make a two-level menu? Project structure.

Nesting and grouping of selectors CSS | Zagnieżdżanie i grupowanie selektorów CSS

Nesting and grouping of selectors CSS | Zagnieżdżanie i grupowanie selektorów CSS

How to use position: fixed; ? Example CSS | Jak używać position: fixed; ? Przykład CSS

How to use position: fixed; ? Example CSS | Jak używać position: fixed; ? Przykład CSS

How to use position absolute in css? Example | Jak używać pozycji bezwzględnej w CSS? Przykład

How to use position absolute in css? Example | Jak używać pozycji bezwzględnej w CSS? Przykład

Jak zrobić stronę internetową? #1.3. Prosta strona od zera | #1. Struktura HTML oraz stylizacja CSS

Jak zrobić stronę internetową? #1.3. Prosta strona od zera | #1. Struktura HTML oraz stylizacja CSS

Prosta strona internetowa, CSS | #1.2. Stylowanie z CSS | #1. Struktura HTML oraz stylizacja CSS

Prosta strona internetowa, CSS | #1.2. Stylowanie z CSS | #1. Struktura HTML oraz stylizacja CSS

Prosta strona internetowa - podstawy | #1. Struktura HTML oraz stylizacja CSS | #1.1. Wprowadzenie

Prosta strona internetowa - podstawy | #1. Struktura HTML oraz stylizacja CSS | #1.1. Wprowadzenie

Jak zrobić gradient repeating-radial-gradient? | #74. CSS – gradienty

Jak zrobić gradient repeating-radial-gradient? | #74. CSS – gradienty

Przejścia kolorowe - Gradient linear-gradient | #74. CSS – gradienty

Przejścia kolorowe - Gradient linear-gradient | #74. CSS – gradienty

Jak zrobić przejścia liniowe? Gradient repeating-linear-gradient | #74. CSS – gradienty

Jak zrobić przejścia liniowe? Gradient repeating-linear-gradient | #74. CSS – gradienty

Jak zrobić Gradient radialny? radial-gradient | #74. CSS – gradienty

Jak zrobić Gradient radialny? radial-gradient | #74. CSS – gradienty

Zmiana koloru na czarno - biały. Metoda grayscale() | #73. CSS – filtry | CSS filters

Zmiana koloru na czarno - biały. Metoda grayscale() | #73. CSS – filtry | CSS filters

Jak dodać mgłę na grafikę? Metoda blur() | #73. CSS – filtry

Jak dodać mgłę na grafikę? Metoda blur() | #73. CSS – filtry

Metoda invert() | #73. CSS – filtry | CSS filters

Metoda invert() | #73. CSS – filtry | CSS filters

Jak dodać saturacje zdjęcia? Metoda saturate() | #73. CSS – filtry | CSS filters

Jak dodać saturacje zdjęcia? Metoda saturate() | #73. CSS – filtry | CSS filters

Dodawanie kontrastu grafice. Metoda contrast() | #73. CSS – filtry | CSS filters

Dodawanie kontrastu grafice. Metoda contrast() | #73. CSS – filtry | CSS filters

Jak rozjaśnić zdjęcie? Metoda brightness() | #73. CSS – filtry | CSS filters

Jak rozjaśnić zdjęcie? Metoda brightness() | #73. CSS – filtry | CSS filters

Animacja - projekt | #72. Animacje CSS – ciąg dalszy | Animation - project

Animacja - projekt | #72. Animacje CSS – ciąg dalszy | Animation - project

Budowa właściwości - duration, name | #72. Animacje CSS – ciąg dalszy | Property construction

Budowa właściwości - duration, name | #72. Animacje CSS – ciąg dalszy | Property construction

animation-iteration-count - liczenie powtórzeń #72. Animacje CSS – ciąg dalszy Counting repetitions

animation-iteration-count - liczenie powtórzeń #72. Animacje CSS – ciąg dalszy Counting repetitions

Keyframes - podstawy | #72. Animacje CSS – ciąg dalszy | Keyframes - the basics

Keyframes - podstawy | #72. Animacje CSS – ciąg dalszy | Keyframes - the basics

animation-timing-function - tempo animacji | #72. Animacje CSS – ciąg dalszy | Animation pace

animation-timing-function - tempo animacji | #72. Animacje CSS – ciąg dalszy | Animation pace

animation-delay - opóźnienie animacji | #72. Animacje CSS – ciąg dalszy | Animation delay

animation-delay - opóźnienie animacji | #72. Animacje CSS – ciąg dalszy | Animation delay

Transformacje 3D - perspective | #71. 3D – tworzymy transformacje | 3D transformations

Transformacje 3D - perspective | #71. 3D – tworzymy transformacje | 3D transformations

Transformacje 3D - "scale3d" | #71. 3D – tworzymy transformacje | Creating a transformation

Transformacje 3D - "scale3d" | #71. 3D – tworzymy transformacje | Creating a transformation

Transformacje 3D - "rotate3d" | 71. 3D – tworzymy transformacje | Create transformations

Transformacje 3D - "rotate3d" | 71. 3D – tworzymy transformacje | Create transformations

Transformacje 3D - "backface visibility" | #71. 3D – tworzymy transformacje | Create transformations

Transformacje 3D - "backface visibility" | #71. 3D – tworzymy transformacje | Create transformations

Wartość "translate3d()" | 71. 3D – tworzymy transformacje | Creating transformation

Wartość "translate3d()" | 71. 3D – tworzymy transformacje | Creating transformation

Wartość "transform-origin" | #70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "transform-origin" | #70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "matrix()" | #70. 2D – tworzymy transformacje | creating a 2d transformation

Wartość "matrix()" | #70. 2D – tworzymy transformacje | creating a 2d transformation

Wartość “skewY” | 70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość “skewY” | 70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "skewX" | 70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "skewX" | 70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "rotate()" | #70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "rotate()" | #70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "scale()" | #70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "scale()" | #70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "translate()" | #70. 2D – tworzymy transformacje | Creating a 2d transformation

Wartość "translate()" | #70. 2D – tworzymy transformacje | Creating a 2d transformation

Jedna główna właściwość - "transition" | #69. CSS – przejścia | One main property

Jedna główna właściwość - "transition" | #69. CSS – przejścia | One main property

Czas trwania przejść "transition-duration" | #69. CSS – przejścia | Duration of transition-duration

Czas trwania przejść "transition-duration" | #69. CSS – przejścia | Duration of transition-duration

Działanie przejścia "transition-property" | #69. CSS – przejścia | Transition-property action

Działanie przejścia "transition-property" | #69. CSS – przejścia | Transition-property action

Opóźnienie przejścia "transition-delay" | #69. CSS – przejścia | Transition delay

Opóźnienie przejścia "transition-delay" | #69. CSS – przejścia | Transition delay

Tempo przejścia czyli "transition-timing-function" | 69. CSS – przejścia | The pace of transition

Tempo przejścia czyli "transition-timing-function" | 69. CSS – przejścia | The pace of transition

Funny cats animals | Śmieszne koty zwierzęta | Stronanowoczesna.pl - For fun #1

Funny cats animals | Śmieszne koty zwierzęta | Stronanowoczesna.pl - For fun #1

Wprowadzenie do animacji | #68. Animacje CSS – wprowadzenie | Introduction to animation CSS

Wprowadzenie do animacji | #68. Animacje CSS – wprowadzenie | Introduction to animation CSS

Edycja wyglądu pól formularza | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.5

Edycja wyglądu pól formularza | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.5

Jak zrobić pola wyboru w formularzu? | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.2

Jak zrobić pola wyboru w formularzu? | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.2

Pola tekstowe w formularzu | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.1

Pola tekstowe w formularzu | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.1

Layout formularza | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.4

Layout formularza | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.4

Stylowanie formularza | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.3

Stylowanie formularza | #67. Formularz internetowy – ĆWICZENIE KROK PO KROKU cz.3

Formularze - Menu z tabami | Forms - Tabs menu

Formularze - Menu z tabami | Forms - Tabs menu

Formularze - Przełączniki za pomocą przycisków | Forms - Switches with buttons

Formularze - Przełączniki za pomocą przycisków | Forms - Switches with buttons

Formularze - Edycja wyglądu elementu radio | Forms - Edit the appearance of a radio item

Formularze - Edycja wyglądu elementu radio | Forms - Edit the appearance of a radio item

Formularze - Edycja wyglądu checkboxów | Forms - Editing the appearance of checkboxes

Formularze - Edycja wyglądu checkboxów | Forms - Editing the appearance of checkboxes

Formularze - Pseudoklasy :focus oraz :placeholder | Forms - Pseudo-classes: focus and: placeholder

Formularze - Pseudoklasy :focus oraz :placeholder | Forms - Pseudo-classes: focus and: placeholder

Formularze - Stylowanie input | Jak ostylować formularz | Input Styling | How to style the form

Formularze - Stylowanie input | Jak ostylować formularz | Input Styling | How to style the form

Formularze - Pseudoklasy :optional oraz :required | Forms - Pseudo-classes: optional and: required

Formularze - Pseudoklasy :optional oraz :required | Forms - Pseudo-classes: optional and: required

Formularze - Pseudoklasa :valid | Forms - Pseudo-class: valid

Formularze - Pseudoklasa :valid | Forms - Pseudo-class: valid

Formularze - Atrybuty wyznaczające długość wpisu - minlength oraz maxlength

Formularze - Atrybuty wyznaczające długość wpisu - minlength oraz maxlength

Ograniczenia liczb w inputach - min max step | Restrictions on numbers in inputs - min, max and step

Ograniczenia liczb w inputach - min max step | Restrictions on numbers in inputs - min, max and step

Formularze - Atrybuty - zarządzanie elementami input | Forms - Attributes - managing input elements

Formularze - Atrybuty - zarządzanie elementami input | Forms - Attributes - managing input elements

Formularze - Atrybut wskazówki - placeholder | Forms - Tip attribute - placeholder

Formularze - Atrybut wskazówki - placeholder | Forms - Tip attribute - placeholder

Formularze - Lista sugestii dla input - datalist | Forms - Suggestion list for input - datalist

Formularze - Lista sugestii dla input - datalist | Forms - Suggestion list for input - datalist

Formularze - Etykieta dla elementów input - label | Forms - Label for input - label elements

Formularze - Etykieta dla elementów input - label | Forms - Label for input - label elements

Formularze - Pobieranie tekstu - textarea | Forms - Text Download - Textarea

Formularze - Pobieranie tekstu - textarea | Forms - Text Download - Textarea

Listy rozwijane z opcjami wyboru - select | Drop-down lists with selection options select

Listy rozwijane z opcjami wyboru - select | Drop-down lists with selection options select

Element grupujący input wewnątrz formularza - fieldset | Element grouping input inside the form

Element grupujący input wewnątrz formularza - fieldset | Element grouping input inside the form

Formularze - Podstawowy kontener formularzy HTML - form | Forms - Basic HTML form container - form

Formularze - Podstawowy kontener formularzy HTML - form | Forms - Basic HTML form container - form

Formularze - Kontrolowanie formularza - typy input | Forms - Controlling the form - input types

Formularze - Kontrolowanie formularza - typy input | Forms - Controlling the form - input types

Formularze - Jak dodać datapicker - okienko kalendarza. | How to add a datepicker - calendar pane.

Formularze - Jak dodać datapicker - okienko kalendarza. | How to add a datepicker - calendar pane.

Formularze - Suwak do wprowadzania liczb - typ range | Slider for entering numbers - type range

Formularze - Suwak do wprowadzania liczb - typ range | Slider for entering numbers - type range

Formularze - Pole do wprowadzania liczb - typ number | A field for entering numbers - type number

Formularze - Pole do wprowadzania liczb - typ number | A field for entering numbers - type number

Formularze - Pole adresu email - typ email | Forms - Email address field - email type

Formularze - Pole adresu email - typ email | Forms - Email address field - email type

Jak dodać pole dla hasła - typ password | How to add a field for a password - type password

Jak dodać pole dla hasła - typ password | How to add a field for a password - type password

Formularze - Pole wielokrotnego wyboru - typ checkbox | Multiple-choice field - checkbox type

Formularze - Pole wielokrotnego wyboru - typ checkbox | Multiple-choice field - checkbox type

Formularze - Pole jednokrotnego wyboru - typ radio | Forms - Single-choice field - type radio

Formularze - Pole jednokrotnego wyboru - typ radio | Forms - Single-choice field - type radio

Formularze - Element input (prosty formularz kontaktowy) | Element input (simple contact form)

Formularze - Element input (prosty formularz kontaktowy) | Element input (simple contact form)