Π‘ΠΏΠΈΡΠΊΠΈ Π² HTML (XHTML)
Β Π‘ΠΏΠΈΡΠΊΠΈ Π² HTML (XHTML) ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΈ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠ°ΡΡΠΈ html-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ, Π½Π° ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠ΄ΠΎΠ² ΡΠΏΠΈΡΠΊΠΎΠ², Π² HTML-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΡΠΎΠ·Π΄Π°ΡΡΡΡ ΠΈ Π³ΡΡΠΏΠΏΠΈΡΡΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ β ΠΊΠ½ΠΎΠΏΠΎΡΠΊΠΈ ΠΈ ΠΌΠ΅Π½ΡΡΠΊΠΈ (ΠΏΡΠΎΡΡΡΠ΅ ΠΈ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠ΅). ΠΠΎΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ² ΡΠ·ΡΠΊΠ° Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML Π½ΠΈΡΠ΅ΠΌ Π½Π΅ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΠΎΡ ΠΊΠΎΠ΄ΠΎΠ² ΡΠΏΠΈΡΠΊΠΎΠ² XHTML…
- ΠΠΎΠ΄ ΠΈ Π²ΠΈΠ΄ΠΈΠΌΠ°Ρ ΡΠ°ΡΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² HTML
- ΠΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML
- ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
- ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
- Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
- ΠΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠ΅ (Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅) ΡΠΏΠΈΡΠΊΠΈ
- ΠΠ΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΈ Π½Π΅ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ
- ΠΡΠΏΠ°Π΄Π°ΡΡΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ
- Π’Π΅Π³ΠΈ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML
<ul>,<ol>,<li>,<dl>, dt>,<dd> - ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ Π² html
- ΠΡΠΈΠΌΠ΅ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² html
- ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ | Π’Π΅Π³ΠΈ <ul> ΠΈ <li>
- ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ | Π’Π΅Π³ΠΈ <ol> ΠΈ <li>
- ΠΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠ΅ (Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅) ΡΠΏΠΈΡΠΊΠΈ
- Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ | Π’Π΅Π³ΠΈ <dl>, <dt> ΠΈ <dd>
- ΠΠ΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΈ Π½Π΅ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ
ΠΠΎΠ΄ ΠΈ Π²ΠΈΠ΄ΠΈΠΌΠ°Ρ ΡΠ°ΡΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² HTML
Π Π°Π²Π½ΠΎ ΠΊΠ°ΠΊ ΠΈ Π²ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠΏΠΈΡΠΊΠΈ Π² HTML ΠΈΠΌΠ΅ΡΡ Π΄Π²Π΅ ΡΠΎΡΡΠ°Π²Π»ΡΡΡΠΈΠ΅ β ΠΊΠΎΠ΄ ΡΠΏΠΈΡΠΊΠ° ΠΈ Π΅Π³ΠΎ Π²ΠΈΠ΄ΠΈΠΌΡΡ ΡΠ°ΡΡΡ (ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠ°ΡΠΈΡ ΠΊΠΎΠ΄Π°).
ΠΠΎΠ΄ ΡΠΏΠΈΡΠΊΠ° HTML Π½Π΅Π²ΠΈΠ΄ΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΠΎΠ΄ Π·Π°ΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ Π² HTML-ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π²Π΅Π±-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈ ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠΈΡΡΠ΅ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π½Π° ΡΠΊΡΠ°Π½ ΠΌΠΎΠ½ΠΈΡΠΎΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ β ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π²ΠΈΠ΄ΠΈΠΌΠ°Ρ ΡΠ°ΡΡΡ ΡΠΏΠΈΡΠΊΠ°.
ΠΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML
Π HTML ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΡΠΈ Π²ΠΈΠ΄Π° ΡΠΏΠΈΡΠΊΠΎΠ² β ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ, Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΈ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ. ΠΡΠ΅ Π²ΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠΌΠΈ ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ. Π‘ΡΠ΅ΠΏΠ΅Π½Ρ ΠΈ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΡΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΠΈΡ ΠΊΠΎΠ΄ΠΎΠΌ β ΠΏΠΎΡΡΠ΄ΠΊΠΎΠΌ Π·Π°ΠΏΠΈΡΠΈ ΡΠ΅Π³ΠΎΠ².
Π’Π΅Π³ΠΈ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠΎΠ΄Π° ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠ΅Π³ΠΈ:
<ul>, <ol> ΠΈ <li>, Π° ΡΠ°ΠΊΠΆΠ΅ <dl>, <dt> ΠΈ <dd>
ΠΡΠ΅ ΡΠ΅Π³ΠΈ ΠΏΠ°ΡΠ½ΡΠ΅ β Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»Π΅Π½.
Π’Π΅Π³ΠΈ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML ΡΠΎΠ·Π΄Π°ΡΡ ΠΈ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡ:
- <ul> β ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
- <ol> β Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
- <li> β ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ (ΡΡΡΠΎΠΊΠΈ) ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΈ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠΎΠ²
- <dl> β ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
- <dt> β ΡΠ»Π΅ΠΌΠ΅Π½Ρ-ΡΠ΅ΡΠΌΠΈΠ½ Π² ΡΠΏΠΈΡΠΊΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
- <dd> β ΡΠ»Π΅ΠΌΠ΅Π½Ρ-ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π² ΡΠΏΠΈΡΠΊΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ Π² html
Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ Π² Π²Π΅Π±-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅, Π½ΡΠΆΠ½ΠΎ Π² Π΅Π³ΠΎ HTML-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ Π½Π°ΠΏΠΈΡΠ°ΡΡ html-ΠΊΠΎΠ΄ ΡΠΏΠΈΡΠΊΠ°.
ΠΠΎΠ΄ Π»ΡΠ±ΠΎΠ³ΠΎ html-ΡΠΏΠΈΡΠΊΠ° Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ ΠΎΠ±ΡΠ°ΠΌΠ»ΡΡΡΠΈΠΌΠΈ (ΠΎΠ±ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡΠΈΠΌΠΈ) ΡΠ΅Π³Π°ΠΌΠΈ (ol, ul, dl) ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π½Π° Π²ΠΈΠ΄ ΡΠΏΠΈΡΠΊΠ°. ΠΠ΅ΠΆΠ΄Ρ ΠΎΠ±ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡΠΈΠΌΠΈ (ΠΎΠ±ΡΠ°ΠΌΠ»ΡΡΡΠΈΠΌΠΈ) ΡΠ΅Π³Π°ΠΌΠΈ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ°, ΠΎΠ±ΡΡΠ½ΡΡΡΠ΅, Π² ΡΠ²ΠΎΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ β ΡΠ΅Π³Π°ΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° (li, dd, dt).
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ html-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ², ΠΎΠ±Π»Π΅Π³ΡΠ°ΡΡΠΈΡ ΡΠ°Π±ΠΎΡΡ ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ². Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅, ΡΠ΅ΡΡ β Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΡΠΎ ΠΊΠΎΠ΄Ρ ΡΠΏΠΈΡΠΊΠ° Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΡΠ±ΠΎΡ ΡΠΏΠΎΡΠΎΠ±Π° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠΎΠ΄Π°, Π² Notepad-Π΅ (Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅) ΠΈΠ»ΠΈ Π² Ρ ΠΈΡΡΡΡΠ΅ΠΌ html-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ β Π»ΠΈΡΠ½ΠΎΠ΅ Π΄Π΅Π»ΠΎ ΡΠ·Π΅ΡΠ°. ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΡΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ html-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΡΠΏΡΠΎΡΡΠ½Π½ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ ΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ html-ΡΠΏΠΈΡΠΊΠΎΠ².
ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ html-ΡΠΏΠΈΡΠΎΠΊ | Π’Π΅Π³ΠΈ <ul> ΠΈ <li>
ΠΠΎΠ΄ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΡΠ΅Π³Π° <ul>. ΠΠΎΡΠΎΠΌ ΠΈΠ΄ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΎΠ±ΡΠ°ΠΌΠ»ΡΠ½Π½ΡΠ΅ ΠΏΠ°ΡΠ½ΡΠΌΠΈ ΡΠ΅Π³Π°ΠΌΠΈ <li></li>. ΠΠΎΠ΄ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΠ΅Π³ΠΎΠΌ </ul>.
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π° ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°:
ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ html-ΡΠΏΠΈΡΠΎΠΊ | Π’Π΅Π³ΠΈ <ol> ΠΈ <li>
ΠΠΎΠ΄ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π½ΠΈΡΠ΅ΠΌ Π½Π΅ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ ΠΊΠΎΠ΄Π° ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°, Ρ ΡΠΎΠΉ ΡΠ°Π·Π½ΠΈΡΠ΅ΠΉ, ΡΡΠΎ ΠΎΠ±ΡΠ°ΠΌΠ»ΡΡΡΠΈΠ΅ ΡΠΏΠΈΡΠΎΠΊ ΡΠ΅Π³ΠΈ <ul> Π·Π°ΠΌΠ΅Π½ΡΡΡΡΡ Π½Π° <ol> (Π°Π½Π³. Ordered List β Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ, ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ). ΠΠΎΠ΄ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ ΡΠ΅Π³ <ol>. ΠΠ½ΡΡΡΠΈ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΎΠ±ΡΠ°ΠΌΠ»ΡΠ½Π½ΡΠ΅ ΠΏΠ°ΡΠ½ΡΠΌΠΈ ΡΠ΅Π³Π°ΠΌΠΈ, Π²ΠΈΠ΄Π° <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ</li>. ΠΠ°ΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΊΠΎΠ΄ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΠ΅Π³ΠΎΠΌ </ol>. ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π° Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°:
ΠΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠ΅ (Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ)
ΠΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ (ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠ΅, ΡΡΡΠΏΠ΅Π½ΡΠ°ΡΡΠ΅) ΡΠΏΠΈΡΠΊΠΈ Π² HTML ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ Π½Π°ΠΈΠ±ΠΎΠ»ΡΡΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΠ΅Ρ.
Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠΉ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² HTML, Π½ΡΠΆΠ½ΠΎ Π² ΠΊΠΎΠ΄ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π²ΡΡΠ°Π²ΠΈΡΡ ΠΊΠΎΠ΄ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°. ΠΠΎΠ΄ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π²ΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π² Π²ΠΈΠ΄Π΅ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ <li></li>. ΠΠΎΡΡΠ΄ΠΎΠΊ ΠΈ ΡΡΠ΅ΠΏΠ΅Π½Ρ Π²Π»ΠΎΠΆΠ΅Π½ΠΈΡ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. ΠΠΎΠΏΡΡΠΊΠ°Π΅ΡΡΡ Π²ΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΈ Π½Π°ΠΎΠ±ΠΎΡΠΎΡ, Π½Π° Π»ΡΠ±ΡΡ Π³Π»ΡΠ±ΠΈΠ½Ρ ΠΈ ΠΏΠΎΠΊΠ° Π½Π΅ Π½Π°Π΄ΠΎΠ΅ΡΡ. ΠΡΠ°ΡΠ·Π΅Ρ Π²ΡΡ Π²ΡΡΠ΅ΡΠΏΠΈΡ. ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π° ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΠΎ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ (ΠΊΠΎΠ΄ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ ΡΠΈΠ½ΠΈΠΌ ΡΠ²Π΅ΡΠΎΠΌ, ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ β ΠΆΡΠ»ΡΡΠΌ, Π²ΡΠΎΡΠΎΠ³ΠΎ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ β Π·Π΅Π»ΡΠ½ΡΠΌ):
Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ | Π’Π΅Π³ΠΈ <dl>, <dt> ΠΈ <dd>
Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ (ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ, ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΠΉ) β ΠΏΠ΅ΡΠ΅ΡΠ΅Π½Ρ ΡΠ΅ΡΠΌΠΈΠ½ΠΎΠ² ΠΈ ΠΏΠΎΡΡΠ½Π΅Π½ΠΈΠΉ ΠΊ Π½ΠΈΠΌ. ΠΡΠΎΡ Π²ΠΈΠ΄ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ Π·Π°ΠΏΠΈΡΠΈ ΡΠΏΠΈΡΠΊΠ° ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ ΠΏΡΠΈΠ΄ΡΠΌΠ°Π½ Π΄Π»Ρ ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΡ ΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠ΅ΡΠΌΠΈΠ½ΠΎΠ² ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ β ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠ° ΡΠΎΠ²Π°ΡΠΎΠ². Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ ΠΎΠ±ΡΡΠ½ΡΡ
ΡΠΏΠΈΡΠΊΠΎΠ². ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΡΠ°Π·Π΄Π΅Π»Π΅Π½Ρ Π½Π° Π΄Π²Π΅ ΡΠ°ΡΡΠΈ β ΡΠ»ΠΎΠ²ΠΎ (ΡΠ΅ΡΠΌΠΈΠ½) ΠΈ Π΅Π³ΠΎ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ (ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΏΠΎΡΡΠ½Π΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ»ΠΎΠ²Π° ΠΈΠ»ΠΈ ΡΠ΅ΡΠΌΠΈΠ½Π°).
ΠΠΎΠ΄ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΠ΅Π³ΠΎΠΌ <dl> (Π°Π½Π³. Definition Lists β ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ). ΠΠΎΡΠ»Π΅ Π½Π΅Π³ΠΎ ΠΈΠ΄ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ-ΡΠ΅ΡΠΌΠΈΠ½ ΡΠΏΠΈΡΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΎΠ±ΡΡΡΠ½ΠΈΡΡ β ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΎΠ±ΡΠ°ΠΌΠ»ΡΠ½ ΠΏΠ°ΡΠ½ΡΠΌ ΡΠ΅Π³ΠΎΠΌ <dt></dt>. ΠΠ°Π»ΡΡΠ΅ ΠΈΠ΄ΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΠΎΠ±ΡΡΡΠ½ΡΡΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°, ΠΎΠ½ ΠΎΠ±ΡΠ°ΠΌΠ»ΡΠ½ ΠΏΠ°ΡΠ½ΡΠΌ ΡΠ΅Π³ΠΎΠΌ <dd></dd>. ΠΠΎΠ΄ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΠ΅Π³ΠΎΠΌ </dl>. ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π° ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ:
Β Π‘ΠΊΡΡΡΡ/ΠΠΎΠΊΠ°Π·Π°ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΊΠΎΡΠΎΡΡΠΉ ΠΊ Π΄Π°Π½Π½ΠΎΠΌΡ ΠΊΠΎΠ΄Ρ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ.
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π½Π΅ ΠΈΠΌΠ΅ΡΡ Π±ΡΜΠ»Π»Π΅ΡΠΎΠ² β ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ
ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΡΠΊΠΈΡ
Π·Π½Π°ΠΊΠΎΠ². Π HTML, ΡΠΏΠΈΡΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ ΠΈ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΡΠ°ΡΡΠΈ Π²Π΅Π±-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΈ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΊΠΈ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½Π΅ΠΉ ΠΈ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½Π΅ΠΉ. Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΡ
Π²Π½Π΅ΡΠ½ΠΈΠΌ Π²ΠΈΠ΄ΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΠ΅Π³ΠΎΠ² ΡΠΏΠΈΡΠΊΠ° ΠΈ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΠ΅Π³ΠΎΠ² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² (ΡΡΡΠΎΠΊ) ΡΠΏΠΈΡΠΊΠ°.
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΈ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π² html-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈ Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
ΠΠ΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΈ Π½Π΅ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ
Π‘ΠΏΠΈΡΠΎΠΊ Π±Π΅Π· Π½ΠΈΡΠ΅Π³ΠΎ β Π±Π΅Π· Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ, ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²ΠΊΠΈ ΠΈ ΠΏΡΠΎΡΠΈΡ ΡΠΏΠΈΡΠΎΡΠ½ΡΡ ΠΏΡΠΈΡΠΈΠ½Π΄Π°Π»ΠΎΠ² (Π±ΡΜΠ»Π»Π΅ΡΠΎΠ²), ΠΏΠΎΠ»ΡΡΠΈΡΡΡ ΠΈΠ· ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°, ΠΏΠΎΡΠ»Π΅ ΠΏΡΠΈΡΠ²ΠΎΠ΅Π½ΠΈΡ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° list-style:none;
ΠΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠΊΡΡΡΡ/ΡΠ±ΡΠ°ΡΡ Π±ΡΜΠ»Π»Π΅ΡΡ (ΠΌΠ°ΡΠΊΠ΅ΡΡ) Ρ ΡΠΏΠΈΡΠΊΠ° β ΡΡΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΅ΠΌΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ overflow: hidden;, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΠ±ΡΠ΅Π·Π°Π΅Ρ Π²ΡΡΡΡΠΏΠ°ΡΡΡΡ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²ΠΊΡ (Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ, ΠΈΠ»ΠΈ ΡΡΠΎ ΡΠ°ΠΌ Ρ Π½Π΅Π³ΠΎ Π΅ΡΡΡ). ΠΡΠΈΠΌ. ΠΠ±ΡΠ΅Π·Π°Π½ΠΈΠ΅ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ² (overflow: hidden;) ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Π°ΠΌΠΈ ΡΠΏΠΈΡΠΊΠ° β ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ list-style-position: outside; ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π΄Π΅ΡΠΎΠ»ΡΠ½ΡΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ ΠΏΠΎ-ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ Π²ΡΠ΅Ρ
Π²ΠΈΠ΄ΠΎΠ² Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΈ, Π΅ΡΠ»ΠΈ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ Π½ΠΈΠ³Π΄Π΅ Π½Π΅ ΡΠΊΠ°Π·Π°Π½ΠΎ Π΄ΡΡΠ³ΠΎΠ΅ (
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π° Π½Π΅ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΈ Π½Π΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° (<ul> ΠΈΠ»ΠΈ <ol>, Π½Π΅ Π²Π°ΠΆΠ½ΠΎ):
ΠΡΠΏΠ°Π΄Π°ΡΡΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ
ΠΡΠΏΠ°Π΄Π°ΡΡΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ ΡΡΠΎΡΡ ΠΎΡΠΎΠ±Π½ΡΠΊΠΎΠΌ Π² HTML(XHTML).
<select>
<option>ΠΡΠ½ΠΊΡ 1</option>
<option>ΠΡΠ½ΠΊΡ 2</option>
</select>
Β
ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΎΠ² Π² html
ΠΠ±ΡΠ΅ΠΊΠ°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ html-ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ
ΠΡΠΌΠ΅ΡΠ°ΡΠΈΡ Π² CSS β ΠΡΠΈΠΌΠ΅ΡΡ
Π‘Π°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± — ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ol.- ΠΊΠΎΡΠΊΠ°
- ΡΠΎΠ±Π°ΠΊΠ°
<ol> <li>ΠΊΠΎΡΠΊΠ°</li> <li>ΡΠΎΠ±Π°ΠΊΠ°</li> </ol>ΠΡΡΠΈΠ±ΡΡ start ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡ Π½ΠΎΠΌΠ΅Ρ, Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π½Π°ΡΠ½ΡΡΡΡ ΡΠΏΠΈΡΠΎΠΊ. ΠΠ»Ρ li Π΅Π³ΠΎ Π°Π½Π°Π»ΠΎΠ³ value.
- ΠΊΠΎΠ½Ρ
- ΠΊΠΎΡΠΎΠ²Π°
<ol start="3"> <li>ΠΊΠΎΠ½Ρ</li> <li value="10">ΠΊΠΎΡΠΎΠ²Π°</li> </ol>ΠΡΡΠΈΠ±ΡΡ type ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡ Π²ΠΈΠ΄ ΠΌΠ°ΡΠΊΠ΅ΡΠ° ΠΊΠ°ΠΊ Π΄Π»Ρ ol, ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠ½ΠΊΡΠ° li.

| type=»A» | type=»a» | type=»I» | type=»i» | type=»1″ |
|
|
|
|
|
| type=»disc» | type=»circle» | type=»square» |
|
|
|
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ list-style ΠΊ ΡΠ΅Π³Π°ΠΌ, ΠΊΠΎΡΠΎΡΡΠΌ ΠΏΡΠΈΡΠ²ΠΎΠ΅Π½ΠΎ display: list-item.
ΠΠ΅ΡΠ²ΠΎΠ΅ Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π²ΠΈΠ΄ ΠΌΠ°ΡΠΊΠ΅ΡΠ°, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ:
| armenian | georgian | decimal | decimal-leading-zero | lower-greek |
|
|
|
|
|
| lower-alpha | upper-alpha | lower-roman | upper-roman | none |
|
|
|
|
|
| circle | disc | square | url(Π°Π΄ΡΠ΅Ρ_ΠΈΠ·ΠΎ) | |
|
|
|
| |
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ outside.- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
<ol> <li>ΠΏΡΠ½ΠΊΡ</li> <li>ΠΏΡΠ½ΠΊΡ</li> <li>ΠΏΡΠ½ΠΊΡ</li> </ol>
Π ΡΠ΅ΠΏΠ΅ΡΡ ΠΊΠΎΡΠ½ΡΠΌΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ, ΡΡΠ°Π·Ρ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Ρ ΠΊ ΠΎΠ±ΡΠ°Π·ΡΡ.
<style type="text/css">
Β Β .numer {
Β Β Β Β counter-reset: schetchik 1; /* Π·Π°Π΄Π°ΡΡΡΡ ΠΈΠΌΡ ΠΈ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΎΡΡΡΡΡΠ°, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ 0 */
Β Β Β Β }
Β Β .numer dt {position: relative; padding-right: 20px; background: #f4f1e9; border-top:1px solid #666;}
Β Β .numer dt:after { /* ΡΡΠΎ ΡΡΠΈΠ»Ρ ΡΠΈΡΠ»Π°, ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Ρ :before ΠΈΠ»ΠΈ :after */
Β Β Β Β content: " - " counter(schetchik, upper-alpha) " - "; /* Π²ΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π·Π½Π°ΠΊ " - ", ΠΈΠΌΡ ΡΡΡΡΡΠΈΠΊΠ°, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΡΠΈΠΏ ΠΌΠ°ΡΠΊΠ΅ΡΠ° ΠΈ ΡΠ½ΠΎΠ²Π° " - " */
Β Β Β Β counter-increment: schetchik 2; /* Π·Π°Π΄Π°ΡΡΡΡ ΠΈΠΌΡ ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ΄Π΅Ρ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°ΡΡΡΡ ΡΡΡΡΡΠΈΠΊ, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ 1 */
Β Β Β Β position: absolute;
Β Β Β Β right: 0; top: 0;
Β Β Β Β color: #f4f1e9;
Β Β Β Β background: #666;
Β Β Β Β }
</style>
<dl>
<dt>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ</dt>
<dd>Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅</dd>
<dt>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ</dt>
<dd>Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅</dd>
<dt>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ</dt>
<dd>Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅</dd>
</dl>- ΠΠ°ΡΠ΅ΠΌ
- ΠΠ΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½Π°Ρ ΠΏΡΠΈΡΠΈΠ½Π°, ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΈΠΌΠ΅Π΅Ρ ΡΠΌΡΡΠ» ΡΠ°ΠΊ ΡΡΠ»ΠΎΠΆΠ½ΡΡΡ — ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ Π²ΠΈΠ΄ ΡΡΡΡΡΠΈΠΊΠ°.
Π Π½Π΅ΠΌΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π»ΡΠ±ΡΠ΅ ΡΡΠΈΠ»ΠΈ, ΡΠΊΠ°ΠΆΠ΅ΠΌ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ ΡΠΏΡΠ°Π²Π°. - ΠΡΠΈΠΌΠ΅Ρ
- ΠΠ΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ? ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ (ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅).
- ΠΠΎΡΠ»Π΅Π΄ΡΡΠ²ΠΈΡ
- Π ΡΠ΅ΠΌΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΡΠ΅ΡΠΊΠΈΡ ΡΠ°ΠΊΡΠΎΡΠΎΠ²: Π½Π° ΡΠ°ΠΊΠΎΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠ±ΡΠ°ΡΠΈΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. Π€ΠΎΠ½ΠΎΠ²ΡΠ΅ ΠΆΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΡΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π½Π΅ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΠ½ΠΎ.
40 ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΡΠΈΠ»Π΅ΠΉ ΡΠΏΠΈΡΠΊΠΎΠ² CSS
2 Π½ΠΎΡΠ±ΡΡ 2022 Π³.
Π’ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°Π½Π½Π°Ρ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡ Π»ΡΡΡΠΈΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΊΠΎΠ΄Π° ΡΡΠΈΠ»Π΅ΠΉ ΡΠΏΠΈΡΠΊΠΎΠ² HTML ΠΈ CSS. ΠΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΡΡΠΈΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, Π°Π½ΠΈΠΌΠ°ΡΠΈΡ, ΡΡΡΠ΅ΠΊΡΡ ΠΈ ΡΠ²Π΅ΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄Π΅Π»Π°ΡΡ ΠΈΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΌΠΈ Π΄Π»Ρ ΠΌΠ½ΠΎΠ³ΠΎΡΠΈΡΠ»Π΅Π½Π½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ.
Title:
CSS List Item Hover Effect
ΠΠ²ΡΠΎΡ:
ankit
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
27 ΠΎΠΊΡΡΠ±ΡΡ 2022 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
9 0002 HTML, CSSΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° CSS Ρ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΌ, Π½ΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΌ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΡΡΡΠ΅ΠΊΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.
ΠΠ½ Π±ΡΠ» ΡΠΎΠ·Π΄Π°Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΈΡΡΠΎΠ³ΠΎ HTML ΠΈ CSS.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Skew ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΡΠΈΠ»Π΅ΠΉ
ΠΠ²ΡΠΎΡ:
ΠΠΈΠΊΠ°Ρ Π‘ΠΈΠ½Π³Ρ
ΠΠ°ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ:
13 ΠΌΠ°ΡΡΠ° 2019 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, CSS
ΠΡΠ²Π΅ΡΠ°Π΅Ρ:
ΠΠ°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΎΡ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΎΠ»ΡΠΊΠΎ HTML ΠΈ CSS. ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅Β» Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΠΈ ΡΠΊΠΎΠ»ΡΠΆΠ΅Π½ΠΈΡ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΠΊΠΎΠ½ΡΡΠΎΠ»ΡΠ½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° — ΡΠΎΠ»ΡΠΊΠΎ CSS
HTML, SCSS
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ :
Sass
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΎΡ ΠΊΡΠ°ΡΠΈΠ²ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΡΠΉ ΡΠ°Π±Π»ΠΎΠ½ ΠΊΠΎΠ½ΡΡΠΎΠ»ΡΠ½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π² ΡΡΠΈΠ»Π΅ ΡΠΏΠΈΡΠΊΠ° CSS ΡΠΎΠ·Π΄Π°Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΈΡΡΠΎΠ³ΠΎ HTML ΠΈ SCSS.
ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΡΠ΅ Π½Π° Π»ΡΠ±ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°, ΠΎΠ½ ΠΏΡΠΎΡ
ΠΎΠ΄ΠΈΡ ΡΠ΅ΡΠ΅Π· ΡΠ»Π΅ΠΌΠ΅Π½Ρ Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠ»Π°Π²Π½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° CSS ΠΡΡΠ΅ΠΊΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°
ΠΠ²ΡΠΎΡ:
porsake
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
29 ΠΈΡΠ½Ρ 2021 Π³.
9 0006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ:HTML, CSS
ΠΡΠ²Π΅Ρ:
Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠ°ΡΠΈΠ²ΡΠΉ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΎΠ»ΡΠΊΠΎ HTML ΠΈ CSS. Π‘ΠΎΠ·Π΄Π°Π΅Ρ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΡΡΠ΅ΠΊΡ ΡΠ»Π°ΠΉΠ΄Π° Ρ ΡΡΠΊΠΈΠΌ ΡΠ²Π΅ΡΠΎΠΌ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ°.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ Π»ΠΈΠ΄Π΅ΡΠΎΠ² Forbes
ΠΠ²ΡΠΎΡ:
ΠΠ°ΡΠΊ ΠΡΠΈΠΊΡΡΠΎΠ½
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
18 ΠΈΡΠ½Ρ 2020 Π³.
9 0006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, SCSS
ΠΡΠ²Π΅Ρ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Sass
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
CSS-ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° Π»ΠΈΠ΄Π΅ΡΠΎΠ² Forbes, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΈΡΡΠΎΠ³ΠΎ HTML ΠΈ SCSS.
ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°, ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Ρ ΠΏΡΠΈΠ»ΠΈΡΠ½ΡΠΌ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ Π΄Π°Π»ΠΎ Ρ
ΠΎΡΠΎΡΡΡ ΡΠ΅Π½Ρ Π΄Π»Ρ ΡΠΏΠΈΡΠΊΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
DailyUI #019 — Π’Π°Π±Π»ΠΈΡΠ° Π»ΠΈΠ΄Π΅ΡΠΎΠ² 0003
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, SCSS
ΠΡΠ²Π΅Ρ:
NO
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
SASS
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
Π‘ΡΠ°Π²ΠΊΠ° Π»ΠΈΠ΄Π΅ΡΠΎΠ² Ρ ΠΌΠ°ΠΊΠ΅ΡΠΎΠΌ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΌΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΈΡΡΠΎΠ³ΠΎ HTML ΠΈ SCSS. ΠΠ½ ΠΈΠΌΠ΅Π΅Ρ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ½ΡΠΉ ΡΠΎΠ½ Ρ ΠΎΡΠ°Π½ΠΆΠ΅Π²ΡΠΌ ΠΈ ΠΊΡΠ°ΡΠ½ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ. ΠΡΠ³Π»ΡΠ΄ΠΈΡ ΠΏΠΎΡΡΡΡΠ°ΡΡΠ΅ ΠΈ Π΄ΠΎΡΡΠΎΠΉΠ½ΠΎ. ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°, ΠΎΠ½ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΡΡΠ΅ΠΊΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΠΎΠΊΠ½Π°
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ²
ΠΠ²ΡΠΎΡ:
Erin E Sullivan
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
15 ΠΌΠ°Ρ 2019 Π³. 9000 3
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, SCSS
ΠΡΠ²Π΅Ρ:
ΠΠ°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Sass
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΎΡΡΠΎΠΉ, Π½ΠΎ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ Π² ΡΡΠΈΠ»Π΅ ΡΠΏΠΈΡΠΊΠ° CSS, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML ΠΈ SCSS.
ΠΡΠ³Π»ΡΠ΄ΠΈΡ ΠΏΡΠΈΠ»ΠΈΡΠ½ΠΎ Ρ ΡΠ΅Π½Π΅Π²ΡΠΌΠΈ ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠ°.
Code and Demo
Title:
To-Do Terrarium
ΠΠ²ΡΠΎΡ:
Olivia Ng
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
27 ΠΌΠ°ΡΡΠ° 2020 Π³.
9 0006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, SCSS, JavaScript
ΠΡΠ²Π΅Ρ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Javascript
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΎΡ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° Π΄Π΅Π» Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΡΠΉ Π² ΡΠ²ΠΎΠ΅ΠΌ ΡΠΎΠ΄Π΅ ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ ΠΊΡΠ°ΡΠΈΠ²ΠΎ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΡΡΠ°ΡΠΈΡΠΌ. ΠΠ½ Π±ΡΠ» ΡΠΎΠ·Π΄Π°Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML, SCSS ΠΈ Javascript, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ°ΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΡΠ΅ ΡΠ²ΠΎΠΈ Π·Π°Π΄Π°ΡΠΈ
Code and Demo
Title:
List Item Hover Effect
ΠΠ²ΡΠΎΡ:
Mirza
ΠΠ°ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ:
19 ΡΠ½Π²Π°ΡΡ 2020 Π³.
9000 6 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, CSS
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
Π§ΠΈΡΡΡΠΉ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° HTML ΠΈ CSS Ρ ΠΊΡΠ°ΡΠΈΠ²ΡΠΌ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄ΠΎΠΌ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°.
ΠΠ°ΠΆΠ΄ΠΎΠ΅ ΠΏΠΎΠ»Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ²Π΅Ρ ΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΡΡΠ΅ΠΊΡ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΡ ΠΌΠ°ΡΡΡΠ°Π±Π° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ RemindMe (CSS Animations & Mobile)
ΠΠ²ΡΠΎΡ:
ΠΡΠΊΠΎ ΠΠ°Π»Π΅Π½ΠΈΡΡ
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
25 ΡΠ½Π²Π°ΡΡ, 2 017
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, SCSS, Javascript(Babel)
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Babel
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° :
ΠΡΠΎ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΠΉ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ HTML, SCSS ΠΈ Javascript, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ°ΠΉΠΌΠ΅Ρ ΠΈ ΠΏΡΠΎΡΠ΅Π½Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ°. ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠ΅ΡΠ΅Π²ΡΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΠΈ ΡΠ°ΡΠΏΠΎΠ·Π½Π°Π²Π°Π½ΠΈΠ΅ Π³ΠΎΠ»ΠΎΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Babel.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ CSS
ΠΠ²ΡΠΎΡ:
ΠΡΠΌΠ°Π½Π΄ΠΎ
ΠΠ°ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ:
24 ΠΈΡΠ½Ρ 2016 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ:
HTML, CSS
ΠΡΠ²Π΅Ρ:
Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠ°ΡΠΈΠ²ΡΠΉ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² ΡΡΠΈΠ»Π΅ ΠΊΠΎΠ½ΡΡΠΎΠ»ΡΠ½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°, ΠΊΡΠ°ΡΠΈΠ²ΠΎ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΎΠ»ΡΠΊΠΎ HTML ΠΈ CSS.
ΠΠ΅Π½ΡΠ΅Ρ ΡΠ²Π΅Ρ ΠΏΠΎΠ»Ρ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ Π΄Π΅Π»
ΠΠ²ΡΠΎΡ:
Π‘Π°Π±ΠΈΠ½Π° Π ΠΎΠ±Π°ΡΡ
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
01 ΡΠ΅Π²ΡΠ°Π»Ρ 2019 Π³.
90 006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ:HTML, SCSS
ΠΡΠ²Π΅Ρ:
β
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Sass
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΠ½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π΄Π΅Π», ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΈΡΡΠΎΠ³ΠΎ HTML ΠΈ SCSS, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ²Π΅Ρ Π½Π° ΡΠ²Π΅ΡΠ»ΠΎ-ΡΠΈΠΎΠ»Π΅ΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ³Π΄Π° Π²Ρ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΡΠ΅ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Π΄Π΅Π», Π° ΡΠ°ΠΊΠΆΠ΅ ΠΌΠ΅Π½ΡΠ΅Ρ Π΅Π³ΠΎ Π·Π½Π°ΡΠΎΠΊ Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠ»Π°Π²Π½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΠΊΠΎΠ³Π΄Π° Π²Ρ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΡΠ΅ Π½Π° Π½Π΅Π³ΠΎ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ Pure CSS
ΠΠ²ΡΠΎΡ:
Arefeh Hatami
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
22 ΠΎΠΊΡΡΠ±ΡΡ 2020 Π³.
90 006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, CSS
ΠΡΠ²Π΅ΡΠ°Π΅Ρ:
Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΡΠΎΠΊΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ½ΡΠΉ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° CSS.
ΠΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML ΠΈ CSS 9.0003
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ Π·Π°Π΄Π°Ρ Π½Π° ΠΎΡΠΏΡΡΠΊ
ΠΠ²ΡΠΎΡ:
Taranjot Gill
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
10 ΠΌΠ°Ρ 2020 Π³.
9 0006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, SCSS, JavaScript
ΠΡΠ²Π΅Ρ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Sass
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠ΅ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π΄Π΅Π», ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML, SCSS ΠΈ JavaScript ΡΡΠΎΡ ΠΎΡΠΏΡΡΠΊ ΡΠΏΠΈΡΠΎΠΊ Π΄Π΅Π» ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΡΡΠ΅ΠΊΡ Π·Π°ΡΡΡ Π°Π½ΠΈΡ, ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΠΏΠΎΠ»Π΅ ΠΎΡΠΌΠ΅ΡΠ΅Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π²Ρ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΡΠ΅ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ Π΄Π΅Π»
ΠΠ²ΡΠΎΡ:
ΠΡΡΡΠΈ ΠΠ²Π°Π½Ρ
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
10 ΠΌΠ°ΡΡΠ° 2019 Π³.
900 06 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, SCSS, jQuery
ΠΡΠ²Π΅ΡΠ°Π΅Ρ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
jQuery
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΎΡ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠΈΠ»Π΅ΠΉ Π±Π»ΠΎΠΊΠ½ΠΎΡΠ° ΡΠΎΠ·Π΄Π°Π½ Ρ ΠΏΠΎΠΌΠΎΡΡΡ SCSS ΠΈ Jquery Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ Π΄Π°Π΅Ρ Π²Π°ΠΌ ΠΎΡΡΡΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π±Π»ΠΎΠΊΠ½ΠΎΡ Ρ Π΅Π³ΠΎ ΡΠ΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ ΠΈ ΡΡΠΈΠ»Π΅ΠΌ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ
ΠΠ²ΡΠΎΡ:
Mirek Kowieski
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
14 ΡΠ½Π²Π°ΡΡ 2016 Π³. 9000 3
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, CSS, JavaScript
ΠΡΠ²Π΅ΡΠ°Π΅Ρ:
Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
Π‘ΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° CSS, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Π² Π²ΠΈΠ΄Π΅ ΠΌΠΎΠ΄ΡΠ»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ. Π‘ΠΎΠ·Π΄Π°Π΅Ρ Π½Π΅ΠΏΡΠ΅ΡΡΠ²Π½ΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π·Π°Π΄Π°Π½Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΠΈ ΠΈΡΡΠ΅Π·Π½ΠΎΠ²Π΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π½Π° ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ:
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΡΠ»Π°ΠΆΠΊΠ° ΡΠΏΠΈΡΠΊΠ° Π·Π°Π΄Π°Ρ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° CSS
ΠΠ²ΡΠΎΡ:
Shaw
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
20 Π½ΠΎΡΠ±ΡΡ 2017 Π³. 900 03
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ:
HTML, CSS(ΠΌΠ΅Π½ΡΡΠ΅), JavaScript
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°: 900 07
ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π΄Π΅Π» Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML, CSS (ΠΠ΅Π½ΡΡΠ΅) ΠΈ JavaScript.
ΠΠΎΠ³Π΄Π° Π²Ρ ΡΠ΅Π»ΠΊΠ°Π΅ΡΠ΅ ΠΏΠΎ ΡΠ»Π°ΠΆΠΊΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ°, ΠΎΠ½ ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΠΊΠΈΠ²Π°Π΅Ρ ΡΠ΅ΠΊΡΡ Ρ ΡΠ΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΡΠΈΠ»ΠΈ ΡΠΏΠΈΡΠΊΠ° CSS
ΠΠ²ΡΠΎΡ:
ΠΠ°Π±ΡΠΈΡΠ»Ρ ΠΠΎΠ»ΠΎΡΠΊΠΎ
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
07 ΠΎΠΊΡΡΠ±ΡΡ 2017 Π³.
9 0006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ:HTML, CSS
ΠΡΠ²Π΅Ρ:
Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΎΡΡΠΎΠΉ ΠΈ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎΠΉ Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ΅ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°. Π‘ΠΎΠ·Π΄Π°Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΈΡΡΠΎΠ³ΠΎ HTML ΠΈ CSS. ΠΠ°Π΅Ρ ΡΡΡΠ΅ΠΊΡ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°
ΠΠ²ΡΠΎΡ:
Π‘Π°ΡΠ°
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
08 ΡΠ΅Π½ΡΡΠ±ΡΡ 2017 Π³.
900 06 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ:HTML, CSS, jQuery
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΠΎ:
β
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
JQuery
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΎΡΡΠΎΠΉ ΠΈ Π²ΠΎΡΡ
ΠΈΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΡΠΈΠ»Ρ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML, CSS ΠΈ jQuery.
ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°ΠΆΠΌΠ΅ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ, ΠΌΠ°ΠΊΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ, ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄ΡΡ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ ΠΎΠ΄ΠΈΠ½ Π·Π° Π΄ΡΡΠ³ΠΈΠΌ Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠ»Π°Π²Π½ΠΎΠ³ΠΎ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π’Π°Π±Π»ΠΈΡΠ° ΡΠ΅Π½ Bootstrap
ΠΠ²ΡΠΎΡ:
Π‘Π°Ρ Π°Ρ ΠΠ»ΠΈ Π Π°Π·Π°
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
16 ΠΌΠ°ΡΡΠ° 2016 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, CSS(Bootstrap)
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ :
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Bootstrap
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΡΠ΅Π½, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ°Ρ ΠΡΡΠ΅ΠΊΡ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΡ Π² ΡΡΠΈΠ»Π΅ ΡΠΏΠΈΡΠΊΠ° Ρ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌ ΡΠ΅Π½ΡΠΎΡΠ½ΡΠΉ Π²Π²ΠΎΠ΄ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML ΠΈ Bootstrap CSS. ΠΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΏΠ»Π°Π²Π½ΠΎ ΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠΌΠ΅ΡΠ°ΡΡΡΡ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
UI Motion — Shipping Concept
ΠΠ²ΡΠΎΡ:
Nerdmanship
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
04 ΠΌΠ°ΡΡΠ° 2017 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, SCSS, javascript(Babel)
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Babel
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
9000 2 Π‘ΡΠΏΠ΅Ρ Π·Π°Π±Π°Π²Π½ΡΠΉ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ CSS-ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° Π΄ΠΎΡΡΠ°Π²ΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΎΡΠ΅Π½Ρ ΠΊΡΡΡΡΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ Π·Π°Π΄Π°Ρ Ρ VueJs
ΠΠ²ΡΠΎΡ:
Sawsan
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
24 Π΄Π΅ΠΊΠ°Π±ΡΡ 2017 Π³. 9000 3
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, CSS, Vue.js
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Vue.js
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΠ»Π΅Π³Π°Π½ΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ ΡΠΏΠΈΡΠΊΠ° Π΄Π΅Π», ΠΊΠΎΡΠΎΡΡΠΉ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ HTML, CSS ΠΈ Vue.js Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ² ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ°. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π°Π»ΠΈΡΡ ΠΈΡ .
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π·Π°Π΄Π°Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML-CSS
ΠΠ²ΡΠΎΡ:
Samuel Garcia
ΠΠ°ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ:
11 ΡΠ½Π²Π°ΡΡ 2022 Π³. 900 03
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, SCSS, JavaScript
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Sass
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
9000 2 ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΠΈ ΠΌΠΎΠ΄Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π΄Π΅Π», ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML , SCSS ΠΈ Java-ΡΠΊΡΠΈΠΏΡ.
ΠΠ½ ΠΈΠΌΠ΅Π΅Ρ Π΄ΠΎΡΡΠΎΠΉΠ½ΡΠΉ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ Π»Π΅Π³ΠΊΠΎ Π²ΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ Π² ΡΠ΅ΠΌΠ½ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ Π³Π°ΠΌΠΌΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°. ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΈ ΡΠ΄Π°Π»ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π Π°ΡΡΠΈΡΠ΅Π½Π½ΡΠΉ Π³ΡΠ°ΡΠΈΠΊ: HTML/CSS/Javascript
ΠΠ²ΡΠΎΡ:
MO7AMED EL DMRDASH
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
6 ΠΈΡΠ½Ρ, 2017
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, CSS, JavaScript
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°: 900 07
Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΠΈ ΠΈΠ½Π½ΠΎΠ²Π°ΡΠΈΠΎΠ½Π½ΡΠΉ ΡΡΠΈΠ»Ρ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡΠΊΠ°Π»Ρ ΠΈΠ»ΠΈ ΡΠΏΠΈΡΠΊΠ° Π²Π΅Ρ , ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΡ JavaScript ΠΈ CSS. ΠΡΠ³Π»ΡΠ΄ΠΈΡ ΠΎΡΠ΅Π½Ρ ΡΡΠΈΠ»ΡΠ½ΠΎ ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠΊΠ»Π°Π΄ΡΠ²Π°Π½ΠΈΡ.
Code and Demo
Title:
Scroll List Animation
ΠΠ²ΡΠΎΡ:
Muhammed Erdem
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
06 Π½ΠΎΡΠ±ΡΡ 2018 Π³.
9 0006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML(Pug), SCSS, JS
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
jQuery
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
Π₯Π°ΡΠΈΠ·ΠΌΠ°ΡΠΈΠΊ Π‘ΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° CSS, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML (Pug) ΠΈ SCSS ΠΈ jQuery.
ΠΡΠΎΡ ΡΠΏΠΈΡΠΎΠΊ Π΄Π°Π΅Ρ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΠΈ ΠΊΡΡΠ³ΠΎΠ²ΠΎΠΉ ΡΡΡΠ΅ΠΊΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ, ΡΡΠΎΠ±Ρ ΠΏΡΠΈΠ΄Π°ΡΡ ΡΠΏΠΈΡΠΊΡ Π΄ΠΎΡΡΠΎΠΉΠ½ΡΠΉ ΡΡΠ΅Ρ
ΠΌΠ΅ΡΠ½ΡΠΉ Π²ΠΈΠ΄. ΠΡΠΎΡ ΡΠΈΠΏ ΡΠΏΠΈΡΠΊΠ° ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²Π°ΠΆΠ½ΡΡ
ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ Π½Π° ΡΠ°ΠΉΡΠ΅.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Todo List Ρ ES6
ΠΠ²ΡΠΎΡ:
Mert Cukuren
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
16 Π½ΠΎΡΠ±ΡΡ 2019 Π³. 9000 3
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, SCSS, JavaScript (ES6)
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°: 9000 7
ΠΡΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ ΡΠΏΠΈΡΠΊΠ° Π΄Π΅Π» CSS, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML, SCSS ΠΈ JavaScript. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π² ΡΠΏΠΈΡΠΎΠΊ, ΠΈ ΠΎΠ½ ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΏΠΎΡΠΎΠ± ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΠΎ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ ΡΠΎ Π·Π½Π°ΡΠΊΠ°ΠΌΠΈ ΠΏΠ΅ΡΡΠ΅Π²
ΠΠ²ΡΠΎΡ:
Havard Brynjulfsen
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
03 ΠΈΡΠ½Ρ 2020 Π³.
9 0003
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, SCSS, Javascript
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ :
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΎ ΡΡΠΏΠ΅Ρ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ CSS -ΡΡΠΈΠ»Ρ. ΠΠ½ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΡΠ΅Ρ , ΠΊΡΠΎ Ρ ΠΎΡΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ-ΡΠΎ Π±ΡΡΡΡΠΎ ΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ. ΠΠ½ ΠΈΠΌΠ΅Π΅Ρ ΠΎΠΏΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠΈΠΏΠ° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ SCSS ΠΈ Javascript.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ:
ΠΠ½ΠΎΠΏΠΊΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Morphing ΡΠΎ ΡΠΏΠΈΡΠΊΠΎΠΌ
ΠΠ²ΡΠΎΡ:
ΠΠΎΠ»ΠΈΠ½ Π₯ΠΎΡΠ½
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
03 Π°Π²Π³ΡΡΡΠ° 2017 Π³.
9 0006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, SCSS, jQuery
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ :
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
jQuery
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
CSS
Π Π°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π΅ΡΡ ΠΌΠ΅Π½Ρ Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΈΠ· ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΠΎΡΡΠΈΠ½Π³Π°, ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML, SCSS ΠΈ jQuery.
ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΏΠΈΡΠΎΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Ρ ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΏΠ»Π°Π²Π½ΠΎΠ³ΠΎ ΡΠΊΠΎΠ»ΡΠΆΠ΅Π½ΠΈΡ. ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°, ΠΎΠ½ Π²ΡΠ΄Π΅Π»ΡΠ΅Ρ Π΅Π³ΠΎ Π±Π΅Π»ΡΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ Π·Π°Π΄Π°Ρ
ΠΠ²ΡΠΎΡ:
Mirek Kowieski
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
04 Π΄Π΅ΠΊΠ°Π±ΡΡ 2017 Π³.
90 006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, CSS
ΠΡΠ²Π΅ΡΠ°Π΅Ρ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠ°ΡΠΈΠ²ΡΠΉ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΈΡΡΠΎΠ³ΠΎ HTML ΠΈ CSS. ΠΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ Ρ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ. ΠΠ»ΠΎΠΊ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΉ Π½ΠΎΠΌΠ΅ΡΠ° ΡΠΏΠΈΡΠΊΠ°, ΠΏΠΎΠ²ΠΎΡΠ°ΡΠΈΠ²Π°Π΅ΡΡΡ Π½Π° 20 Π³ΡΠ°Π΄ΡΡΠΎΠ².
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ ΡΡΠ΅ΡΡΠΈΠΊΠΎΠ² Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ² CSS
ΠΠ²ΡΠΎΡ:
Mattia Astorino
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
07 ΠΌΠ°ΡΡΠ° 2019 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML(Pug), PostCSS
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ :
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
PostCSS
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΠ΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠ΅ΡΡΠΈΠΊΠΎΠ² Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ², ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML (ΠΠΎΠΏΡ) ΠΈ PostCSS.
ΠΡΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠ΅ ΡΠΏΠΈΡΠΊΠ° Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ ΠΎΡΡΠ°Π΅ΡΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΌ Π΄Π»Ρ Π²ΡΠ΅Ρ
ΡΠΈΡΠ΅Π». ΠΠ½ ΠΈΠΌΠ΅Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΡΡ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΡ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠΎΠΊΠ°Π»ΡΠ½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π΄Π΅Π»
ΠΠ²ΡΠΎΡ:
ΠΠΆΠ΅ΠΊ Π’ΠΎΠΌΡΠΎΠ½
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
07 ΡΠ½Π²Π°ΡΡ 2016 Π³.
9 0006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML(Haml), SCSS, jQuery
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Sass, jQuery
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠ°ΡΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π·Π°Π΄Π°Ρ CSS Π΄Π»Ρ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Ρ ΡΠ°Π½ΠΈΠ»ΠΈΡΠ° ΡΠΎΠ·Π΄Π°Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML (Haml), SCSS ΠΈ jQuery. ΠΡΠ»ΠΈ Π²Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΡΠΏΠΈΡΠΎΠΊ, ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Ρ ΡΠΎΠ½ΠΊΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ. ΠΠ°ΠΆΠ°Π² Π½Π° Π½ΠΎΠ²ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ, ΠΎΠ½ ΡΠ΄Π°Π»ΠΈΡ ΡΡΠ°ΡΡΠΉ ΡΠΏΠΈΡΠΎΠΊ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΡΡΠ΅ΠΊΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°
ΠΠ²ΡΠΎΡ:
ΠΠΈΠ΄ΠΆΠ°Ρ ΠΡΠΌΠ°Ρ ΠΡΠ»ΡΠΈ
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
06 ΡΠ½Π²Π°ΡΡ 2016 Π³.
900 03
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ:
HTML, CSS(ΠΌΠ΅Π½ΡΡΠ΅), jQuery
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
jQuery
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°: 90 007
ΠΠΎΡΡ ΠΈΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΌΠ½ΠΎΠ³ΠΎΡΠ²Π΅ΡΠ½ΡΠΉ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML, CSS( ΠΠ΅Π½ΡΡΠ΅) ΠΈ jQuery. ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎΡΠ²ΠΈΡΡΡ ΡΠΏΠΈΡΠΎΠΊ ΡΡΡΠ°Π½ ΡΠΎ ΡΠΊΠΎΠ»ΡΠ·ΡΡΠΈΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ. ΠΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΡΡΠΎΡ Π²ΡΠ±ΠΎΡ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
React Cloudy ToDo List
ΠΠ²ΡΠΎΡ:
Lucagez
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
21 ΠΌΠ°Ρ 2018 Π³.
9 0006 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, CSS, React.js
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ :
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
React.js
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
Π£Π΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΎΠ±Π»Π°ΡΠ½ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ ΡΠΏΠΈΡΠΎΠΊ Π΄Π΅Π», ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML, CSS, ΠΈ React.
js. ΠΠ½ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Ρ Π²ΠΎΠ·Π΄ΡΡΠ½ΡΠΌΠΈ ΡΠ°ΡΠ°ΠΌΠΈ ΠΈ ΠΎΠ±Π»Π°ΠΊΠ°ΠΌΠΈ. ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°, ΡΠΎΠ½ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΠΎΠΊΠ½Π°.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Mtree JS
ΠΠ²ΡΠΎΡ:
Karl Ward
ΠΠ°ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ:
29 ΠΈΡΠ½Ρ 2014 Π³.
9000 6 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ:HTML, CSS(SCSS), Javascipt.
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
jQuery
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°: 9000 7
ΠΡΠ΅Π½Ρ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ CSS-ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° Ρ ΠΏΠ»Π°Π²Π½ΡΠΌ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ. Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ. Π‘ΠΎΠ·Π΄Π°Π½ΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML, SCSS ΠΈ Jquery. ΠΡΠ΅Π½Ρ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ ΠΈ Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π² ΡΠ΅ΡΡΡΠ΅Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΡΠΈΠ»ΡΡ .
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Css To Do List with Toggle Button
ΠΠ²ΡΠΎΡ:
Allie
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
01 ΡΠ΅Π²ΡΠ°Π»Ρ 2019 Π³. 9000 3
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, SCSS
ΠΡΠ²Π΅Ρ:
ΠΠ°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Sass
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML ΠΈ CSS.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠΏΠΈΡΠΎΠΊ ΠΈΠΌΠ΅Π΅Ρ ΡΡΡΠ΅ΠΊΡ ΡΠ΅Π½ΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΈΠ΄Π°Π΅Ρ 3D-Π²ΠΈΠ΄.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
ΠΠ°ΡΡΠΎΡΠΊΠΈ — ListView
ΠΠ²ΡΠΎΡ:
Sowmya Seshadri
ΠΠ°ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ:
13 ΡΠ΅Π½ΡΡΠ±ΡΡ 2018 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, SCSS
ΠΡΠ²Π΅Ρ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
Sass
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠ°ΡΠΈΠ²ΠΎΠ΅ ΠΈ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ, ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠ΅ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΈΡΡΠΎΠ³ΠΎ HTML ΠΈ SCSS. ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°, ΠΎΠ½ Π²ΡΠ΄Π΅Π»ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΡΠΈΠ½Π΅ΠΉ ΡΠ°ΠΌΠΊΠΎΠΉ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π°, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΠΏΠ»Π°Π²Π½ΡΠΌ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ UI
ΠΠ²ΡΠΎΡ:
ΠΠΎΠ»Π»ΠΈΠ½ Π‘ΠΌΠΈΡ
ΠΠ°ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ:
08 ΠΌΠ°Ρ 2018 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML(ΠΌΠΎΠΏΡ), CSS(ΡΡΠΈΠ»ΡΡ)
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ:
ΠΠ΅Ρ
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
Π‘Π»ΠΎΠΆΠ½ΡΠΉ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠΏΠΈΡΠΎΠΊ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML (ΠΌΠΎΠΏΡ) ΠΈ CSS ( ΡΡΠΈΠ»ΡΡ).
ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°, ΠΎΠ½ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ ΡΡΡΠ΅ΠΊΡ ΡΠΊΠΎΠ»ΡΠΆΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠ΅ΠΊΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° ΠΈ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ Π½ΠΎΠΌΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π€Π°Π²ΠΈΠΊΠΎΠ½ Π΄ΠΎΠΌΠ΅Π½Π° Π² ΡΡΠΈΠ»Π΅ ΡΠΏΠΈΡΠΊΠ°
ΠΠ²ΡΠΎΡ:
John McGarrah
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
13 ΠΈΡΠ½Ρ 2016 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, CSS, JavaScript
ΠΡΠ²Π΅ΡΠ°Π΅Ρ:
ΠΠ°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
NAN
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΎΠ΄ ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅:
Π£Π½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° CSS, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML ΠΈ Javascript. ΠΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ»ΡΡΠ°ΡΡ Π·Π½Π°ΡΠΊΠΈ ΡΠ°ΠΉΡΠΎΠ² ΠΈ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΡΡΡ ΠΈΡ ΡΡΠ΄ΠΎΠΌ Ρ ΠΈΡ ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π‘ΠΏΠΈΡΠΎΠΊ CSS
ΠΠ²ΡΠΎΡ:
Π’ΡΡΠ³ΠΎ ΠΡΠ»Π°ΡΠΎ
Π‘ΠΎΠ·Π΄Π°Π½ΠΎ:
07 ΠΎΠΊΡΡΠ±ΡΡ 2018 Π³.
900 06 Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:HTML, CSS
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΠΎ:
Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠΎΡΡΠΎΠΉ, Π½ΠΎ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° CSS Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ²Π΅ΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ°.
ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Ρ ΠΏΠ°Π½Π΅Π»ΡΡ ΠΏΠΎΠΈΡΠΊΠ° Π΄Π»Ρ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅:
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π±ΠΎΠ»ΡΡΠΈΡ ΡΠΈΡΠ΅Π»
ΠΠ²ΡΠΎΡ:
yying6
ΠΠ°ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ:
28 ΠΈΡΠ½Ρ 2012 Π³.
Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
HTML, CSS
ΠΡΠ²Π΅ΡΠ°Π΅Ρ:
Π΄Π°
ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ:
nan
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
Opera, Brave, Firefox, Google Chrome, Edge
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°:
ΠΡΠ°ΡΠΈΠ²ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΡΠΉ ΠΈ ΠΏΡΠΎΠ½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ CSS, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΈΡΡΠΎΠ³ΠΎ HTML ΠΈ HTML.
ΠΠΎΠ΄ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
12+ ΠΠΎΡΡΡΡΠ°ΡΡΠΈΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° CSS
ΠΠΎΠΌΡ Π½Π΅ Π½ΡΠ°Π²ΠΈΡΡΡ ΠΏΡΠΈΠ»ΠΈΡΠ½ΡΠΉ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°? ΠΡ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΠΈΡ
Π² Π½Π°ΡΠ΅ΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ Π΄Π»Ρ ΡΠ°ΠΌΡΡ
ΡΠ°Π·Π½ΡΡ
ΠΎΠ±ΡΡΠΎΡΡΠ΅Π»ΡΡΡΠ². ΠΠΎ ΠΏΡΠ°Π²Π΄Π΅ Π³ΠΎΠ²ΠΎΡΡ, ΡΡΠΈΠ»ΠΈ ΡΠΏΠΈΡΠΊΠΎΠ² css ΡΡΠ΅Π·Π²ΡΡΠ°ΠΉΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ Π΄Π»Ρ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠΎΠ² ΠΏΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°ΠΌ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ Π½Π°ΠΉΡΠΈ ΡΡΠΈΠ»Ρ ΡΠ΅ΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½ΠΈΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ ΡΠ»ΡΡΡΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ° (UI).
ΠΠΎΠ²ΠΎΡΡ ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΌ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ΅, Π²Π·Π³Π»ΡΠ½ΠΈΡΠ΅ Π½Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° React Π½Π° Π½Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΎΠ² HTML Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ±ΡΡΠ½ΡΠΌ ΡΠ²Π»Π΅Π½ΠΈΠ΅ΠΌ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ ΠΎΡΠ²Π»Π΅ΡΠ΅ΠΌΡΡ ΠΎΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΎΠ±ΡΡΠ½ΡΡ
Π·Π°ΠΏΠΈΡΠ΅ΠΉ ΠΈ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅ΠΌ 8 ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΡ
ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΎΠ² ΠΊ Π²ΠΎΡΡ
ΠΈΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΌΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Π²Π°ΡΠΈΡ
HTML-Π·Π°ΠΏΠΈΡΠ΅ΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS. ΠΡ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠΌΠΈ Π½Π°ΡΡΠΎΡΡΠΈΠΌΠΈ ΡΡΡΠ°ΡΠ΅Π³ΠΈΡΠΌΠΈ CSS, ΡΡΠΎΠ±Ρ ΠΈΡΡΠ΅ΡΠΏΡΠ²Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ Π²ΡΠ³Π»ΡΠ΄Π΅Π» Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎ (ΠΈ Π΄Π°ΠΆΠ΅ ΠΈΠΌΠ΅Π» Π½Π΅ΠΊΠΎΡΠΎΡΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΡΡΡ). Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΠΎΠ±ΡΡΠ΄ΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° Ρ ΡΠ΅Π³Π°ΠΌΠΈ css ΠΈ html, ΡΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ol), Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ul), li (ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°).
Π‘ΠΏΠΈΡΠΊΠΈ HTML ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π² Π²ΠΈΠ΄Π΅ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° (ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠ΅ ΡΠ΅ΠΌΠ½ΡΠ΅ ΠΊΡΡΠ³ΠΈ). ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ css, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ
ΡΡΠΈΠ»ΡΠ½ΡΠΌΠΈ ΠΈ ΠΆΠΈΠ·Π½Π΅ΡΠΏΠΎΡΠΎΠ±Π½ΡΠΌΠΈ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ css, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ
ΠΊΡΠ°ΡΠΈΠ²ΡΠΌΠΈ ΠΈ ΠΆΠΈΠ·Π½Π΅ΡΠΏΠΎΡΠΎΠ±Π½ΡΠΌΠΈ, ΠΌΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ°. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠΈΠ»Π΅ΠΉ ΡΠΏΠΎΠΌΡΠ½ΡΡΡΡ
Π·Π°ΠΏΠΈΡΠ΅ΠΉ Π±ΡΠ»ΠΎ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΠΈΡΡΠ°ΡΠΈΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡΠΌ ΠΌΠΎΠΌΠ΅Π½ΡΠΎΠΌ, Π·Π°ΡΠ»ΡΠΆΠΈΠ²Π°ΡΡΠΈΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ ΡΡΠ°ΡΡΠΈ, ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΡΠΌ ΡΠΈΡΠ°ΡΠ΅Π»Ρ.
Π§ΡΠΎΠ±Ρ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΠΈΡΠ»Π°, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π²ΡΡΠ΅ΡΠ½ΠΈΡΡ ΡΡΠΈΠ»ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ»ΠΎΠ²ΠΊΠΈ ΠΊ ΡΠ°ΡΡΡΠΌ ΡΠ²ΠΎΠ΄ΠΊΠΈ, ΡΡΠΎΠ±Ρ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΡ
ΠΈ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
ΠΠΎΠ»Π»Π΅ΠΊΡΠΈΡ ΡΠ΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ° CSS Ρ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ ΠΏΡΠΈΠ½Π΅ΡΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ ΡΠΏΠΈΡΠΊΠΎΠ². ΠΠ°Ρ ΡΠ°ΠΉΡ Π³ΠΎΠ²ΠΎΡΠΈΡ ΠΎ Π²Π°ΡΠ΅ΠΌ Π±ΠΈΠ·Π½Π΅ΡΠ΅ Π² ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΡΡ Π‘ΠΠ, ΠΈ ΠΏΠΎΡΡΠΎΠΌΡ Π²Π°Ρ ΡΠ°ΠΉΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π³ΠΎΡΠΎΠ² ΠΊ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ. ΠΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ, Π½Π΅ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΡ Π½ΠΈ Π² ΠΊΠ°ΠΊΠΎΠΌ ΠΌΠ΅ΡΡΠ΅, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΠ΅ ΠΌΠ½Π΅ ΡΡΠ°Π·Ρ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡ Π²Π°Ρ Ρ ΡΠ΅Π³ΠΌΠ΅Π½ΡΠΎΠΌ ΡΡΠΈΡ ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ.
Π‘Π²ΡΠ·Π°Π½Π½ΡΠ΅
- Π‘ΡΠΈΠ»Ρ ΡΡΡΠ»ΠΎΠΊ CSS Π£Π΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ
- Π‘ΡΡΠ΅Π»ΠΊΠ° ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π²Π½ΠΈΠ· ΠΡΠΈΠΌΠ΅ΡΡ CSS
- ΠΠ΅Π½Ρ Π³Π°ΠΌΠ±ΡΡΠ³Π΅ΡΠΎΠ² CSS Icon Animation
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ, ΡΡΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΡΡΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΡΠΈΠ»Π΅ΠΉ ΡΠΏΠΈΡΠΊΠ° CSS ΠΈ ΡΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Ρ Π½ΠΈΠΌΠΈ Π΄Π΅Π»Π°ΡΡ.
1. CSS-ΠΊΠ°ΡΡΡ β ΠΏΡΠΈΠΌΠ΅Ρ ListView
ΠΠ΅ΡΠ²ΠΎΠ΅, ΡΡΠΎ Ρ Π½Π°Ρ Π΅ΡΡΡ, β ΡΡΠΎ ΠΏΡΠΎΡΡΠΎΠΉ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΈΡΠΎΠΊΠΎΠ³ΠΎ ΠΊΡΡΠ³Π° ΡΠ°ΠΉΡΠΎΠ² ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
ΠΡ Π²ΠΈΠ΄ΠΈΠΌ ΠΊΠ°ΡΡΠΎΡΠ½ΡΡ ΡΡΡΡΠΊΡΡΡΡ Ρ ΠΏΡΠΈΡΡΠ½ΠΎΠΉ ΠΎΡΠ½ΠΎΠ²ΠΎΠΉ. ΠΠ½ΡΡΡΠΈ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ Π²Π΅ΡΠ΅ΡΡΠ²Π° Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΏΠΈΡΠΊΠΎΠ². ΠΡΠΈ ΠΏΠ»Π°Π²Π°Π½ΠΈΠΈ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° ΠΏΠΎΠΏΠ°Π΄Π°Π΅Ρ Π²Π½ΡΡΡΡ ΠΊΠΎΡΠΎΠ±ΠΊΠΈ ΠΎΠΊΡΠ°ΠΈΠ½Ρ. ΠΠ»ΠΈΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡΡΠΎ ΠΎΡΠ΅Π½ΠΈΡΡ Π²ΡΠ±ΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ½ ΡΠ΄Π΅Π»Π°Π».
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠ°ΠΌΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΡΡΡΠΊΡΡΡΡ, Π²Ρ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ»ΡΡΡΠΈΡΡ ΠΏΠ»Π°Π½ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ Π²ΠΎΠ·Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΈ ΠΏΠ»Π°Π½Π° Π·Π°ΡΠ΅Π½Π΅Π½ΠΈΡ. ΠΠ½Π΅ΡΡ ΠΏΠ°ΡΡ ΡΠ»ΡΡΡΠ΅Π½ΠΈΠΉ, Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π±Π΅Π· ΠΎΡΠΎΠ±ΡΡ ΡΡΠΈΠ»ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΠΊΠΎΠ΄ Π² ΡΠ²ΠΎΠ΅ΠΌ Π΄Π΅Π»Π΅. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ HTML-ΡΠ΅Π³ΠΈ css, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ol), Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ul), li (ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°).
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
2. Π‘ΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΡΠΏΠΈΡΠΊΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML ΠΈ CSS
ΠΡΠΎ Π·Π°Π±Π°Π²Π½Π°Ρ ΠΈΠ΄Π΅Ρ ΠΎΡ ΠΠΎΠ»Π»ΠΈΠ½Π° Π‘ΠΌΠΈΡΠ°. ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ ΠΊΠ°ΠΊΠΈΠ΅-Π½ΠΈΠ±ΡΠ΄Ρ ΠΊΡΡΡΡΠ΅ ΠΆΠΈΠ²ΡΠ΅ ΡΡΠΈΠ»ΠΈ ΡΠΏΠΈΡΠΊΠΎΠ², ΡΡΠΎΡ ΠΌΠΎΠΆΠ΅Ρ Π²Π°Ρ ΠΎΡΠ΅Π»ΠΎΠΌΠΈΡΡ. ΠΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π² ΡΠΏΠΈΡΠΎΠΊ Π΄Π°ΡΡ Π·Π°ΠΊΠΎΠ½Π½ΡΠΉ ΡΡΡΠ΅ΠΊΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°ΠΌ ΠΈ Π΄ΡΡΠ³ΠΈΠΌ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΡΠΌ. Π¦ΠΈΡΡΡ Π½Π° ΡΡΠ½Π΄Π°ΠΌΠ΅Π½ΡΠ΅ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
ΠΠ°ΠΊ Π±Ρ ΡΠΎ Π½ΠΈ Π±ΡΠ»ΠΎ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΡΠΊΠ°Π·ΡΠ΅ΠΌΡΠΌ Π² ΡΠ²ΠΎΠ΅ΠΉ ΡΡΡΡΠΊΡΡΡΠ΅, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ. ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΈΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ, ΡΡΡΡΠΊΡΡΡΠ° ΠΊΠΎΠ΄Π° ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠ°.
ΠΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ CSS3, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΡ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅ΠΎΡΠ΅ΡΠΈΡΠ΅ΡΠΊΡΡ ΡΡΡΡΠΊΡΡΡΡ. Π ΡΠ²Π΅ΡΠ΅ ΡΡΠΎΠΉ Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΡΡΡΡΠΊΡΡΡΡ ΠΊΠΎΠ΄Π° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π±Π΅Π· ΠΎΡΠΎΠ±ΡΡ ΡΡΠΈΠ»ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΠΊΠΎΠ΄ Π² ΡΠ²ΠΎΠ΅ΠΌ ΠΏΠ»Π°Π½Π΅. ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΏΠ»Π°Π½ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠΈΠΌΠΈ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΡΠΌΠΈ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ ΠΈΠ»ΠΈ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
3. Π’ΠΎΠ»ΡΠΊΠΎ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ CSS Ρ ΡΠΈΠ³ΡΡΠ°ΠΌΠΈ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°
ΠΡΠΎ ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΠ»Π°Π½, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ ΡΡΠ΅Π±ΡΠ΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ
Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ. ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ Π±Π΅Π· Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ, ΠΎΠ±ΡΠ°Ρ ΠΈΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎ. Π‘ΠΏΠΈΡΠΎΠΊ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ ΠΊΠ°ΠΏΠ»Ρ Π²ΠΎΠ΄Ρ, ΠΈ ΠΎΡΡΠ΅Π½ΠΎΠΊ Π½Π°ΠΊΠ»ΠΎΠ½Π° ΡΠΏΠΈΡΠΊΠ° ΡΠ°ΠΊΠΆΠ΅ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΠΎ. Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎΡ ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠ°Π΄ΠΈΠΎΡΠ»ΠΎΠ², ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΠΊΠΎΠ΄ HTML, CSS. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠ°ΠΌΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠΆΠΈΠ΄Π°ΡΡ ΠΏΠ»Π°Π²Π½ΠΎΠ³ΠΎ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ Ρ ΡΡΠΈΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ ΠΊΠΎΠ΄Π°.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
4. ΠΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Skew Nice List Styles
ΠΡΠΎ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ ΠΆΡΡΠ½Π°Π» Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. ΠΡΠΈ ΠΏΠ»Π°Π²Π°Π½ΠΈΠΈ ΡΡΡΡΠΊΡΡΡΠ°, ΠΏΠΎΡ ΠΎΠΆΠ°Ρ Π½Π° ΠΆΡΡΠ½Π°Π», ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅Π΅ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΊ ΡΠΏΠΈΡΠΊΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ. ΠΠΎΠ·Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ ΡΠ΄Π΅Π»Π°Π½ΠΎ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠ»Π°Π²Π½ΡΠΌ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΈΡΡΠ΅ΠΌΡ CSS. ΠΠΎΠ³Π΄Π° Π²Ρ ΡΠΎΠ·Π΄Π°Π΅ΡΠ΅ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°, ΡΡΠΎΡ ΠΏΠ»Π°Π½ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ. Π ΠΏΠ»Π°Π½Π΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠΈΠΌΠ²ΠΎΠ» Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌ ΡΡΠΈΠ»Π΅, ΠΊΠΎΡΠΎΡΡΠΉ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ΅Π½ ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ Π²ΠΎ Π²ΡΠ΅Ρ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡΡ .
ΠΠ°ΠΊ Π±Ρ ΡΠΎ Π½ΠΈ Π±ΡΠ»ΠΎ, Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π΅ΡΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΡΠΎΠ³Π΄Π° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π² ΡΡΠΎΠΌ ΠΏΠ»Π°Π½Π΅. ΠΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠ΅Π³ΠΈ css ΠΈ html, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ol), Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ul), li (ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°). ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠ°ΠΌΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ ΡΡΡΡΠΊΡΡΡΡ, ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π²ΡΠ΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ ΡΡ Π΅ΠΌΡ Π·Π°ΡΠ΅Π½Π΅Π½ΠΈΡ.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
5. Π‘ΠΏΠΈΡΠΎΠΊ ΠΌΠ΅Π½Ρ Flexbox Π‘ΡΠΈΠ»Ρ CSS
ΠΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΎΡΡΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΡ.
Π ΡΡΠΎΠΉ ΡΡΡΡΠΊΡΡΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠ΅ΠΌΡ Π·Π°ΠΊΡΡΠΎΡΠ½ΠΎΠΉ. ΠΠ»ΠΈΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ±ΡΠ°ΡΡ Π΅Π΄Ρ ΠΈΠ· ΠΌΠ΅Π½Ρ. ΠΠ²ΠΈΠ΄Ρ ΡΡΠΎΠ³ΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠ»Π°Π½Π° Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡ ΡΡΡΡΠΊΡΡΡΡ Π² ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ
. ΠΠ°ΠΊΡΡΠΎΡΠ½ΡΠ΅ ΡΠ²Π»ΡΡΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π°Π³ΡΠ΅ΡΡΠΈΠ²Π½ΡΡ
ΠΏΡΠ΅Π΄ΠΏΡΠΈΡΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ Π°Π΄Π΅ΠΊΠ²Π°ΡΠ½ΠΎΠ³ΠΎ ΠΎΠ±ΡΠ»ΡΠΆΠΈΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠΈΡ
ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ².
Π‘Π΄Π΅Π»Π°ΡΡ ΡΠ°ΠΉΡ ΠΊΠ°ΡΠ΅ ΠΏΠΎΡΡΠ°ΡΠΈΠ²Π½ΡΠΌ, Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠΌ β Π±Π΅Π·ΡΡΠ»ΠΎΠ²Π½ΠΎΠ΅ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠ΅, ΡΡΠΎΠ±Ρ Π΄Π°ΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΡΡΠΎΠ»ΠΈΠΊ Π² ΡΠΏΠ΅ΡΠΊΠ΅. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠΎ Π±Π°Π·ΠΎΠ²Π°Ρ ΡΡΡΡΠΊΡΡΡΠ°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π±Π΅Π· ΠΎΡΠΎΠ±ΡΡ ΡΡΠΈΠ»ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΠΏΠ»Π°Π½ ΠΈ Π² Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΌ ΠΏΠ»Π°Π½Π΅.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
6. Π‘ΠΏΠΈΡΠΎΠΊ ΡΡΠ΅ΡΡΠΈΠΊΠ° Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ² CSS
Π ΡΡΠΎΠΉ ΡΡΡΡΠΊΡΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΎΡΠ»ΠΈΡΠ½Π°Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π²Π½ΠΈΠ·, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°. ΠΠ°ΡΡΠ΄Ρ Ρ ΡΡΠΈΠΌ ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ ΡΠ°ΠΊΠΆΠ΅ Π΄Π°Π» Π²Π°ΠΌ ΡΠ΅ΠΌΠ½ΡΡ ΡΠΎΠ½ΠΎΠ²ΡΡ ΡΠ΅ΠΌΡ, ΡΡΠΎΠ±Ρ Π²ΡΠ΅ Π²ΡΠ³Π»ΡΠ΄Π΅Π»ΠΎ ΡΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΠΎ. ΠΡ ΡΠΎΡΡΠ°Π²ΠΈΠ»ΠΈ ΡΠΏΠΈΡΠΎΠΊ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ², ΠΏΠΎ ΠΊΠΎΡΠΎΡΡΠΌ ΠΊΠ»ΠΈΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΊΠ°ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΡΠ°ΠΉΡΡ ΠΈ ΡΡΡΡΠΊΡΡΡΡ. ΠΡΡΠ»Π΅Π΄ΡΠΉΡΠ΅ Π΅Π³ΠΎ, ΡΡΠΎΠ±Ρ Π½Π°ΠΉΡΠΈ Π²ΡΠ΅ Π±ΠΎΠ»Π΅Π΅ ΠΊΡΡΠΏΠ½ΡΡ ΡΡΡΡΠΊΡΡΡΡ.
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠΎΠΉ ΡΡΡΡΠΊΡΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ HTML ΠΈ CSS. Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π±Π΅Π· ΠΎΡΠΎΠ±ΡΡ ΡΡΠΈΠ»ΠΈΠΉ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΡΡΠΈΠΌ ΠΏΠ»Π°Π½ΠΎΠΌ, ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΡΠ΅ Π½Π° ΡΡΠΎΠΌ.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
7. Π’ΠΎΡΠΊΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Ρ HTML ΠΈ CSS
ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΈΠ΄Π΅Ρ ΠΊΠ°ΠΆΠ΅ΡΡΡ ΠΏΡΠΎΡΡΠΎΠΉ, ΠΎΠ½Π° ΠΈΠΌΠ΅Π΅Ρ Π²ΡΠ΅ Π±ΠΎΠ»Π΅Π΅ ΡΡΠΌΠ°ΡΡΠ΅Π΄ΡΠΈΠΉ ΠΈ Π·Π°ΠΌΠ°Π½ΡΠΈΠ²ΡΠΉ ΡΡΡΠ΅ΠΊΡ ΠΆΠΈΠ²ΠΎΡΡΠΈ. ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΡΠΏΠΈΡΠΎΠΊ Π² Π»Π΅Π²ΠΎΠΉ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Π΅ Π²Π΅ΡΠ΅ΡΡΠ²Π°. ΠΡΠΈ ΠΏΠ»Π°Π²Π°Π½ΠΈΠΈ Π²ΡΡ ΠΎΠ΄ΠΈΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²ΠΏΠ΅ΡΠ΅Π΄. ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΡΡΠΎ Π²Π»ΠΈΡΠ΅Ρ Π½Π° Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ, ΡΡΡΡΠΊΡΡΡΠ° ΠΊΠΎΠ΄Π° ΠΎΡΡΠ°Π΅ΡΡΡ ΠΏΡΠΎΡΡΠΎΠΉ.
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ CSS (SCSS) Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΏΠΎΠ½ΡΠ», ΠΊΠ°ΠΊ Π΄ΠΎΠ½Π΅ΡΡΠΈ Π΄ΠΎ Π²Π°Ρ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΠ»Π°Π½ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π»Π΅Π³ΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°. ΠΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠ΅Π³ΠΈ css ΠΈ html, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ol), Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ul), li (ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°).
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
8. Π‘ΠΏΠΈΡΠΎΠΊ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ
ΠΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΠ» ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΠΏΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΡΡΠΈΠ»Π΅ΠΉ. ΠΠ΅Π· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΡΠΌΠΎΠ³ ΠΏΡΠΈΠ²Π»Π΅ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ.
ΠΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΈΠ΄Π΅ΡΡ Π² ΡΠ°ΠΌΠΎΠΉ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΈ Π½ΠΎΠ²Π°ΡΠΎΡΡΠΊΠΈ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠΏΠΈΡΠΎΠΊ. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠ°Ρ
ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ HTML ΠΈ CSS, ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ ΠΈ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΡ ΡΠ²Π΅ΡΠΎΠ².
ΠΠ΅ΠΌΠΎ/ΠΠΎΠ΄
9. Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎ ΡΡΠ΅ΡΡΠΈΠΊΠ°ΠΌΠΈ CSS
ΠΡΠΎ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, ΡΡΠΎ ΠΌΡ ΠΎΠ±ΡΡΠΆΠ΄Π°Π»ΠΈ Π² ΠΏΡΠ½ΠΊΡΠ΅ 7. Π₯ΠΎΡΡ Π·Π΄Π΅ΡΡ Π½Π΅Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ ΠΎΠΆΠ°. ΠΠΌΠ΅ΡΡΠΎ ΡΡΡΠ΅Π»ΠΎΠΊ ΡΠΏΠΈΡΠΎΠΊ Π·Π°ΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΠΈΡΡΠ°ΠΌΠΈ Π²Π½ΡΡΡΠΈ ΠΊΡΡΠ³Π°. ΠΠ»ΠΈΠ΅Π½Ρ Π±ΡΠ΄Π΅Ρ Π»ΡΡΡΠ΅ Π²ΠΎΠ²Π»Π΅ΡΠ΅Π½ Π² ΡΡΠΎ Π²ΠΎΠ·Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅. Π§ΡΠΎΠ±Ρ ΡΠ³Π»Π°Π΄ΠΈΡΡ ΡΡΠΎ Π²Π»ΠΈΡΠ½ΠΈΠ΅, ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠΎΠ»ΡΠΊΠΎ CSS. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΡΡΡΠΊΡΡΡΡ ΠΊΠ°ΠΆΠ΅ΡΡΡ Π΄ΠΎΡΡΠΎΠΉΠ½ΡΠΌ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π΄Π»Ρ Π½Π°Π±Π»ΡΠ΄Π΅Π½ΠΈΡ Π·Π° ΠΊΠΎΠ½Π΅ΡΠ½ΡΠΌ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠΌ.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
10. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΡΠΈΠ»ΠΈ Π½Π΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°
Π§ΡΠΎΠ±Ρ ΠΏΡΠΈΠ΄Π°ΡΡ Π²Π°ΠΌ ΠΏΡΠ΅Π²ΠΎΡΡ ΠΎΠ΄Π½ΡΠΉ Π²ΠΈΠ΄, ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°Π» ΡΠ²ΠΎΡ ΡΡΡΡΠΊΡΡΡΡ Π½Π° ΠΊΡΠ°ΡΠ½ΠΎΠΌ Π½Π°ΠΊΠ»ΠΎΠ½Π½ΠΎΠΌ ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠΈ. ΠΠ° ΡΡΠΎΠΌ ΡΠΎΠ½Π΅ Π²Π΅ΡΠ΅ΡΡΠ²Π° ΡΠΎ ΡΠΏΠΈΡΠΊΠΎΠΌ Π²ΡΠ³Π»ΡΠ΄ΡΡ Π²ΡΠ΅ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ°Π½ΡΠΈΠ²ΠΎ ΠΈ Π±Π΅Π·ΠΎΡΠΈΠ±ΠΎΡΠ½ΠΎ. ΠΠ½ΠΆΠ΅Π½Π΅Ρ Π΄Π°Π» ΠΏΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΎΠΊ ΡΡΠΈΠ»Π΅ΠΉ ΡΠΏΠΈΡΠΊΠΎΠ².
Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΊΠΎΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΡΠΈΠ»Π΅ΠΉ ΡΠΏΠΈΡΠΊΠΎΠ², Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» HTML ΠΈ CSS.
ΠΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΌΠ΅Π½ΡΡΠ΅, Π½ΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΡΠΌΠΈ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΠ»Π°Π½Π°.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
11. ΠΠΎΠΌΠ΅ΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°
ΠΡΠΎ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, ΡΡΠΎ ΠΌΡ ΠΎΠ±ΡΡΠΆΠ΄Π°Π»ΠΈ Π² ΠΏΡΠ½ΠΊΡΠ΅ 9. ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ Π² Π½Π΅ΠΌ Π½Π΅Ρ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΉ, ΠΈΠ΄Π΅Ρ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ ΠΎΠΆΠ°. ΠΠΌΠ΅ΡΡΠΎ ΡΠΈΡΠ΅Π» Π²Π½ΡΡΡΠΈ ΠΊΡΡΠ³Π° ΡΠΏΠΈΡΠΎΠΊ Π·Π°ΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΠΈΡΠ»Π°ΠΌΠΈ Π²Π½ΡΡΡΠΈ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ°. ΠΠ»ΠΈΠ΅Π½Ρ Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΠΏΡΠ΅ΠΎΠ±Π»Π°Π΄Π°ΡΡΠ΅Π΅ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Ρ ΡΡΠΈΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ. Π§ΡΠΎΠ±Ρ ΡΠ³Π»Π°Π΄ΠΈΡΡ ΡΡΠΎΡ ΡΡΡΠ΅ΠΊΡ, Π°ΡΡ ΠΈΡΠ΅ΠΊΡΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠΎΠ»ΡΠΊΠΎ CSS. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΡΡΡΠΊΡΡΡΡ ΠΊΠ°ΠΆΠ΅ΡΡΡ ΡΠΏΡΠ°Π²Π΅Π΄Π»ΠΈΠ²ΡΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ ΠΏΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
ΠΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠ΅Π³ΠΈ css ΠΈ html, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ol), Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ul), li (ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°).
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
12. ΠΡΠΈΠΌΠ΅ΡΡ CSS ΡΠΏΠΈΡΠΊΠ° Π΄Π΅Π»
ΠΡΠ»ΠΈ Π²Ρ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅ΡΠ΅ ΡΠΎΡΡΠ°Π²ΠΈΡΡ ΠΏΠ»Π°Π½ Π½Π° Π΄Π΅Π½Ρ, ΡΡΠ° ΡΡΡΡΠΊΡΡΡΠ° Π±ΡΠ΄Π΅Ρ ΡΠ°ΠΌΠΎΠΉ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ· Π²ΡΠ΅Ρ
, ΡΡΠΎ Π²Ρ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ Π²ΡΡΡΠ΅ΡΠ°Π»ΠΈ. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π²Π»ΠΈΡΠ½ΠΈΠ΅ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½Π΅Π΅, ΡΠ΅ΠΌ Π² Π΄ΡΡΠ³ΠΈΡ
.
ΠΠΎΠ³Π΄Π° Π²Ρ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΠ΅ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Ρ, Π³Π°Π»ΠΎΡΠΊΠ° ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
ΠΠ»Ρ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²Ρ ΡΠΌΡΠ³ΡΠ°Π΅ΡΠ΅ Π²ΠΎΠ·Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅, ΡΡΠΎΠ±Ρ ΠΊΠ»ΠΈΠ΅Π½Ρ Π½Π΅ ΡΠ°Π·Π΄ΡΠ°ΠΆΠ°Π»ΡΡ. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠΎΡ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½, ΠΏΡΠΎΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ SCSS, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠΈΠΌΠΈ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΡΠΌΠΈ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΡΡΡΠΌ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ΠΌ.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
13. ΠΠ½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ CSS-Π³Π°Π»ΠΎΡΠ΅ΠΊ
Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΡΠ΅ΡΠΊΠΎ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π» ΠΈΠ΄Π΅Ρ Ρ ΡΠ΅Π»ΡΡ, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° Π½Π΅ Π·Π°Π½ΠΈΠΌΠ°Π»Π° ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΠ° Π½Π° ΡΠΊΡΠ°Π½Π΅ ΠΈ, ΠΊΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠΎΠ·Π΄Π°Π²Π°Π»Π° ΡΡΡΠ΅ΠΊΡ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ. ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ Π²ΠΈΠ΄Π΅ΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°Π΄ΠΈΠΎΠΏΠ΅ΡΠ΅Ρ Π²Π°ΡΡ Ρ Π±Π΅Π»ΡΠΌ ΠΊΡΡΠ³ΠΎΠΌ. ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΡΠ»ΠΎΠ² ΠΏΠΎΡΠ²ΠΈΡΡΡ Π³Π°Π»ΠΎΡΠΊΠ°. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΏΠΎΡΠ»Π΅ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΠ° Π±Π΅Π»ΡΠΉ ΠΊΡΡΠΆΠΎΠΊ ΠΈΡΡΠ΅Π·Π°Π΅Ρ.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎ Π·Π°ΠΊΠΎΠ½ΡΠ΅Π½Π½ΡΠΉ ΠΏΠ»Π°Π½, ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°ΡΡΠΈΠΉ ΠΏΡΠ΅Π²ΠΎΡΡ ΠΎΠ΄Π½ΠΎΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΎΠ±ΡΠ»ΡΠΆΠΈΠ²Π°Π½ΠΈΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ². ΠΡΡΠ³Π°Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Ρ ΡΡΠΎΠΉ ΡΡΡΡΠΊΡΡΡΠΎΠΉ ΡΠΎΡΡΠΎΠΈΡ Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΎΠ½Π° ΡΠ΄Π΅Π»Π°Π½Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ SCSS ΠΈ HTML.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
14. Π‘ΠΏΠΈΡΠΎΠΊ Π²ΡΠ±ΠΎΡΠ° ΡΠ°ΠΉΠ»ΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠ° (CSS ΠΈ JavaScript)
Π ΡΡΠΎΠΉ ΡΡΡΡΠΊΡΡΡΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΡΠ°ΠΊΠΆΠ΅ Π΄Π°Π» Π½Π°ΠΌ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΡΡΡΡ ΠΈΠ΄Π΅Ρ Π΄Π»Ρ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°.
Π‘ΠΏΠΈΡΠΎΠΊ Π°ΠΊΡΠΈΠ²ΠΈΡΡΠ΅ΡΡΡ ΠΏΡΠΈ ΡΠ΅Π»ΡΠΊΠ΅ ΠΏΠΎ ΡΠΏΠΈΡΠΊΡ. Π’Π°ΠΊΠΆΠ΅ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠΎΠ½ Ρ ΡΡΠ±ΠΊΠ°ΠΌΠΈ. Π£Π΄Π°Ρ Π΄Π΅Π»ΠΈΠΊΠ°ΡΠ½ΡΠΉ ΠΈ ΡΠΈΡΡΡΠΉ, ΡΡΠΎ ΡΠ°ΠΊΠΆΠ΅ Π΄Π΅Π»Π°Π΅Ρ Π΅Π³ΠΎ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠΌ Π΄Π»Ρ ΡΠΈΡΠΎΠΊΠΎΠ³ΠΎ ΡΠΏΠ΅ΠΊΡΡΠ° ΠΌΠ΅ΡΡ ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠΠ°ΠΊ ΠΈ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π΄ΡΡΠ³ΠΈΡ
ΡΡΡΡΠΊΡΡΡ ΡΠΏΠΈΡΠΊΠΎΠ², ΡΡΠΎΡ ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ SCSS ΠΈ JS.
ΠΠ²ΠΈΠ΄Ρ ΡΡΠΎΠ³ΠΎ Π»Π΅Π³ΠΊΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ ΠΊΠΎΠ΄Π°, Π²Ρ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΠΊΠΎΠ΄ ΠΏΡΡΠΌΠΎ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΡΠ΅ΠΊΡΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅. ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠΎΡΡΠΎ ΠΏΡΠΎΠ΄Π²ΠΈΠ³Π°ΡΡ ΠΊΠΎΠ΄ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠΈΠΌΠΈ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΡΠΌΠΈ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π² ΡΠ²ΠΎΠ΅ΠΌ ΠΏΠ»Π°Π½Π΅.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ/ΠΠΎΠ΄
15. ΠΠ΅Π΄Π΅Π½ΠΈΠ΅ Π·Π°ΠΌΠ΅ΡΠΎΠΊ ΠΏΠΎ ΠΊΡΡΠ³Ρ (CSS ΠΈ JavaScript)
ΠΡΠΎ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π΄ΡΡΠ³Π°Ρ ΠΈΠ΄Π΅Ρ, ΡΠ΅ΠΌ ΡΠ°Π·Π½ΡΠ΅ ΡΡΡΡΠΊΡΡΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° ΡΡΠΈΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ, Π½Π°ΠΆΠΈΠΌΠ°Ρ Π½Π° Π½ΠΈΡ
. Π‘ΡΠΈΠ»ΠΈ ΡΠΏΠΈΡΠΊΠ° ΠΈΠΌΠ΅ΡΡ Π²ΡΠ΅ ΠΏΡΠΈΠ·Π½Π°ΠΊΠΈ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΎΠ½ΠΈ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½Ρ ΠΈ ΡΠ΄Π΅Π»Π°Π½Ρ ΡΠΎ Π²ΠΊΡΡΠΎΠΌ. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΡΠ°ΠΊΠΆΠ΅ Π΄Π°Π» Π²Π°ΠΌ Π±Π°Π·ΠΎΠ²ΡΡ ΡΡΡΡΠΊΡΡΡΡ, ΠΎΡΡΡΠ΄Π° Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΈ, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°Π»Π° Π²Π°ΡΠ΅ΠΌΡ ΠΏΠ»Π°Π½Ρ, ΠΈ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ»ΠΎΠ²ΠΈΡ. ΠΡΠΎΡΡΠ°Ρ ΡΡΡΡΠΊΡΡΡΠ° ΠΊΠΎΠ΄Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ Π½ΡΠΆΠ½ΡΠ΅ Π²Π°ΠΌ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ.
