Π Π°Π·Π½ΠΎΠ΅

Html простая страница с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ: Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Ρ„ΠΎΠ½-ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ (ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с высотой ΠΏΡ€ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° экрана)? β€” Π₯Π°Π±Ρ€ Q&A

18.04.2023

Π ΠΎΠ·ΡƒΠΌΠ½Π° Адаптивна Ρ„ΠΎΠ½ΠΎΠ²Π° LED підсвічування Govee Immersion TV для Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π° 55-65 Π΄ΡŽΠΉΠΌΡ–Π² Ambilight

ΠšΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ½Π°ΠΌΡ–Ρ‡Π½ΠΎΠ³ΠΎ підсвічування  Govee DreamView T1 TV для Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π° 55-65 Π΄Ρ–Π°Π³ΠΎΠ½Π°Π»Ρ–
  • ΠŸΡ–Π΄Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π΄Π»Ρ Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Ρ–Π² Π· Π΄Ρ–Π°Π³ΠΎΠ½Π°Π»ΡŒΡŽ Π²Ρ–Π΄ 55 Π΄ΠΎ 65 Π΄ΡŽΠΉΠΌΡ–Π²

  • ΠšΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π°Ρ†Ρ–Ρ: 2 стрічки ΠΏΠΎ 70 см + 2 стрічки ΠΏΠΎ 120 см, ΠΊΠ°ΠΌΠ΅Ρ€Π° ColorSense, Π±Π»ΠΎΠΊ кСрування, Π±Π»ΠΎΠΊ ТивлСння + кабСль

  • Адаптивна синхронізація Ρ–Π· Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½Π½ΡΠΌ Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π°

  • Бинхронізація Π· ΠΌΡƒΠ·ΠΈΠΊΠΎΡŽ

  • Ambilight підсвічування Π· 4Ρ… сторін Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π°

  • Π—Ρ€ΡƒΡ‡Π½ΠΈΠΉ ΠΌΠΎΠ±Ρ–Π»ΡŒΠ½ΠΈΠΉ Π΄ΠΎΠ΄Π°Ρ‚ΠΎΠΊ

  • ΠšΠ΅Ρ€ΡƒΠ²Π°Π½Π½Ρ яскравості Ρ‚Π° Ρ–нтСнсивності

Π’Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Ρƒ Π² ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Ρ– Π½Π΅ΠΌΠ°Ρ”, Ρ‚Ρ–Π»ΡŒΠΊΠΈ підсвічування

Π’Π°ΠΊΠΎΠΆ Ρ” ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ для β€” 75-85 Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»Ρ– Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π°

 

 

Π¦Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠ° Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° Philips Hue Ambilight, простий Ρ– Π·Ρ€ΡƒΡ‡Π½ΠΈΠΉ спосіб створити атмосфСру ΡΡ…ΠΎΠΆΠΎΡŽ Π½Π° ΠΏΠΎΡ…Ρ–Π΄ Π² ΠΊΡ–Π½ΠΎΡ‚Π΅Π°Ρ‚Ρ€.

Завдяки ΠΎΡΠ²Ρ–Ρ‚Π»Π΅Π½Π½ΡŽ для Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π° Govee Immersion Π²Π°ΡˆΡ– Π²Π΅Ρ‡ΠΎΡ€Π° Π½Ρ–ΠΊΠΎΠ»ΠΈ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ΡŒ Π½Π΅Π·ΠΌΡ–Π½Π½ΠΈΠΌΠΈ.

 

Π’Π°ΠΊΠΎΠΆ Ρ” ΠΌΠΎΠΆΠ»ΠΈΠ²Ρ–ΡΡ‚ΡŒ Π΄ΠΎΠ΄Π°Ρ‚ΠΈ Ρ–Π½ΡˆΡ– Π΄ΠΆΠ΅Ρ€Π΅Π»Π° освітлСння Govee Ρƒ ваш Π΄ΠΎΠΌΠ°ΡˆΠ½Ρ–ΠΉ ΠΊΡ–Π½ΠΎΡ‚Π΅Π°Ρ‚Ρ€: світлодіодні стрічки, НастінСні ΡΠ²Ρ–Ρ‚ΠΈΠ»ΡŒΠ½ΠΈΠΊΠΈ, ΠΠ°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ– ΡΠ²Ρ–Ρ‚ΠΈΠ»ΡŒΠ½ΠΈΠΊΠΈ, Π»Π°ΠΌΠΏΠΎΡ‡ΠΊΠΈ Ρ€Π°Π·ΠΎΠΌ Π· Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡŽ ΡΠΈΡΡ‚Π΅ΠΌΠΎΡŽ освітлСння Govee Immersion. Π’ΠΎΠ½ΠΈ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½Ρ–Π·ΡƒΡŽΡ‚ΡŒΡΡ Π· ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΡŽ вашого Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π° Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌΡƒ часі.

 

Π―ΠΊ Π²Ρ–Π΄Π±ΡƒΠ²Π°Ρ”Ρ‚ΡŒΡΡ синхронізація освітлСння Ρ‚Π° зобраТСння?

ΠšΠ°ΠΌΠ΅Ρ€Π° Π· Ρ€ΠΎΠ·Π΄Ρ–Π»ΡŒΠ½ΠΎΡŽ Π·Π΄Π°Ρ‚Π½Ρ–ΡΡ‚ΡŽ 1080p фіксує ΠΊΠΎΠ»ΡŒΠΎΡ€ΠΈ Π½Π° Π΅ΠΊΡ€Π°Π½Ρ– Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π° Ρ– Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΡ‡Π½ΠΎ застосовує Ρ—Ρ… Π΄ΠΎ підсвічування Π² Ρ€Π΅ΠΆΠΈΠΌΡ– Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ часу. Π’ΠΎΠ½Π° відстСТує Π²Ρ–Π΄ΠΌΡ–Π½Π½ΠΎ, світло Ρ€Π΅Π°Π³ΡƒΡ” ΠΌΠΈΡ‚Ρ‚Ρ”Π²ΠΎ, Π·ΠΌΡ–Π½ΡŽΡ”Ρ‚ΡŒΡΡ ΠΊΠΎΡ€Π΅ΠΊΡ‚Π½ΠΎ Ρ– ΠΏΠ»Π°Π²Π½ΠΎ. ΠšΠ°ΠΌΠ΅Ρ€Ρƒ ΠΌΠΎΠΆΠ½Π° встановити Π·Π³ΠΎΡ€ΠΈ Π°Π±ΠΎ Π·Π½ΠΈΠ·Ρƒ.

 

RGB підсвічування для Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π° синхронізація Π· ΠΌΡƒΠ·ΠΈΠΊΠΎΡŽ

Π ΠΎΠ·ΡˆΠΈΡ€Π΅Π½ΠΈΠΉ ΠΌΡƒΠ·ΠΈΡ‡Π½ΠΈΠΉ Ρ€Π΅ΠΆΠΈΠΌ. Π‘Π»ΠΎΠΊ управління світлодіодним освітлСнням для Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π° ΠΎΠ±Π»Π°Π΄Π½Π°Π½ΠΈΠΉ Π²Π±ΡƒΠ΄ΠΎΠ²Π°Π½ΠΈΠΌ ΠΌΡ–ΠΊΡ€ΠΎΡ„ΠΎΠ½ΠΎΠΌ, який Π΄ΠΎΠΏΠΎΠΌΠ°Π³Π°Ρ” синхронізувати Ρ—Ρ… Π· ΠΌΡƒΠ·ΠΈΠΊΠΎΡŽ. ΠžΠΆΠΈΠ²Ρ–Ρ‚ΡŒ свої Π²Π΅Ρ‡Ρ–Ρ€ΠΊΠΈ яскравими Ρ– Ρ‚Π°Π½Ρ†ΡŽΡŽΡ‡ΠΈΠΌΠΈ ΠΊΠΎΠ»ΡŒΠΎΡ€Π°ΠΌΠΈ.

Π£ ΠΌΡƒΠ·ΠΈΡ‡Π½ΠΎΠΌΡƒ Ρ€Π΅ΠΆΠΈΠΌΡ– існує Ρ‡ΠΎΡ‚ΠΈΡ€ΠΈ Ρ€Π΅ΠΆΠΈΠΌΠΈ, Ρ– всі Π²ΠΎΠ½ΠΈ Π΄ΠΎΡΠΈΡ‚ΡŒ Π²ΠΈΡ‚ΠΎΠ½Ρ‡Π΅Π½Ρ–. ΠΠ°ΠΉΡ†Ρ–ΠΊΠ°Π²Ρ–ΡˆΠΈΠΌ Ρ” Ρ€Π΅ΠΆΠΈΠΌ спСктру, Π²Ρ–Π½ ΠΎΡΠ²Ρ–Ρ‚Π»ΡŽΡ” світлодіодну стрічку Π²Ρ–Π΄ Π²Π΅Ρ€Ρ…Π½ΡŒΠΎΠ³ΠΎ Π»Ρ–Π²ΠΎΠ³ΠΎ ΠΊΡƒΡ‚Π° Π΄ΠΎ ниТнього ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ ΠΊΡƒΡ‚Π° Π·Π°Π»Π΅ΠΆΠ½ΠΎ Π²Ρ–Π΄ частоти Ρ– гучності ΠΌΡƒΠ·ΠΈΠΊΠΈ.

 

RGBIC ΠΏΠΎΠ΄ΡΠ²Π΅Ρ‚ΠΊΠ° Π½Π° Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€

Π”ΠΈΠ½Π°ΠΌΡ–Ρ‡Π½Ρ– Π΅Ρ„Π΅ΠΊΡ‚ΠΈ світла: тСхнологія RGBIC дозволяє Π½Π°Π»Π°ΡˆΡ‚ΡƒΠ²Π°Ρ‚ΠΈ ΠΊΠΎΠΆΠ΅Π½ сСгмСнт світлодіодної стрічки Ρ– одночасно ΠΏΠΎΠΊΠ°Π·ΡƒΠ²Π°Ρ‚ΠΈ Π΄Π΅ΠΊΡ–Π»ΡŒΠΊΠ° ΠΊΠΎΠ»ΡŒΠΎΡ€Ρ–Π². Π’ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Π»Π°ΡˆΡ‚ΡƒΠ²Π°Ρ‚ΠΈ частоту Π·ΠΌΡ–Π½ΠΈ ΠΊΠΎΠ»ΡŒΠΎΡ€Ρ–Π². Π—Π° допомогою ΠΏΡƒΠ½ΠΊΡ‚Ρƒ Β« Π”ΠΈΠ½Π°ΠΌΡ–Ρ‡Π½ΠΈΠΉΒ» ΠΌΠΎΠΆΠ½Π° ΠΏΡ€ΠΈΡˆΠ²ΠΈΠ΄ΡˆΠΈΡ‚ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…Ρ–Π΄, Π° Ρ€Π΅ΠΆΠΈΠΌ Β«Π‘ΠΏΠΎΠΊΡ–ΠΉΠ½ΠΈΠΉΒ» β€” ΠΏΠΎΠ²Ρ–Π»ΡŒΠ½ΠΈΠΉ, поступовий ΠΏΠ΅Ρ€Π΅Ρ…Ρ–Π΄, який Π΄ΠΎΠ±Ρ€Π΅ пасує для Ρ„Ρ–Π»ΡŒΠΌΡ–Π².

Π‘Ρ–Π»ΡŒΡˆ Π½Ρ–ΠΆ 99 ΡΡŽΠΆΠ΅Ρ‚Π½ΠΈΡ… Ρ€Π΅ΠΆΠΈΠΌΡ–Π² Ρ– 2 Π²Ρ–Π΄Π΅ΠΎΡ€Π΅ΠΆΠΈΠΌΠ°, Π²Π°ΡˆΡ– враТСння Π²Ρ–Π΄ Ρ–Π³ΠΎΡ€ Ρ– пСрСгляд Π½Ρ–ΠΊΠΎΠ»ΠΈ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌΠΈ. Π’ΠΈ Ρ‚Π°ΠΊΠΎΠΆ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π±Π΅Ρ€Ρ–Π³Π°Ρ‚ΠΈ стилі DIY Ρ–Π½ΡˆΠΈΡ… людСй Π· Govee Light Studio.

 

LED підсвічування Ρ‚Π΅Π»Π΅ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ Ρƒ Π²Ρ–Π΄Π΅ΠΎΡ–Π³Ρ€Π°Ρ…

Π£ Ρ€Π΅ΠΆΠΈΠΌΡ– Ρ–Π³ΠΎΡ€ ΠΊΠ°ΠΌΠ΅Ρ€Π° Π²ΠΈΠΊΠΎΡ€ΠΈΡΡ‚ΠΎΠ²ΡƒΡ”Ρ‚ΡŒΡΡ для Ρ€Π΅Π³ΡƒΠ»ΡŽΠ²Π°Π½Π½Ρ освітлСння Π·Π°Π»Π΅ΠΆΠ½ΠΎ Π²Ρ–Π΄ Ρ‚ΠΎΠ³ΠΎ, Ρ‰ΠΎ Π²Ρ–Π΄Π±ΡƒΠ²Π°Ρ”Ρ‚ΡŒΡΡ Π½Π° Π²Π°ΡˆΠΎΠΌΡƒ Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Ρ–.  Π’ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅ Π±ΡƒΡ‚ΠΈ Ρ‡Π΅Ρ€Π²ΠΎΠ½ΠΎΡŽ, Ρ‰ΠΎΠ± Π²ΠΊΠ°Π·Π°Ρ‚ΠΈ Π½Π° Π½Π΅Π±Π΅Π·ΠΏΠ΅ΠΊΡƒ Π°Π±ΠΎ нСдостатнє здоров’я, Π° ΠΎΡ€Π°Π½ΠΆΠ΅Π²ΠΈΠΉ спалах ΠΌΠΎΠΆΠ΅ Π²ΠΊΠ°Π·ΡƒΠ²Π°Ρ‚ΠΈ Π½Π° Ρ‚Π΅, Ρ‰ΠΎ Π²Ρ–Π½ ΠΏΡ–Π΄ΡΠΈΠ»ΡŽΡ”Ρ‚ΡŒΡΡ Ρ– Ρ‚Π°ΠΊ Π΄Π°Π»Ρ–. Π—ΠΌΡ–Π½ΡŽΡ”Ρ‚ΡŒΡΡ Ρ– ΠΊΠΎΠ»Ρ–Ρ€ світлодіоду, Ρ– ΡΡΠΊΡ€Π°Π²Ρ–ΡΡ‚ΡŒ. Π―ΠΊΡ‰ΠΎ зобраТСння Π½Π΅Π΄ΠΎΡΡ‚Π°Ρ‚Π½ΡŒΠΎ світлС, скаТімо Ρƒ Ρ‚Π΅ΠΌΠ½Ρ–ΠΉ сцСні, Π²ΠΎΠ½ΠΎ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΡ‡Π½ΠΎ Ρ‚ΡŒΠΌΡΠ½Ρ–Ρ” Ρ– Π·Π½ΠΎΠ²Ρƒ стає ΡΡΠΊΡ€Π°Π²Ρ–ΡˆΠΈΠΌ, ΠΊΠΎΠ»ΠΈ Π²ΠΎΠ½ΠΎ стає ΡΠ²Ρ–Ρ‚Π»Ρ–ΡˆΠΈΠΌ. Π¦Π΅ Ρ‡ΡƒΠ΄ΠΎΠ²ΠΎ.

НСмоТливо Π·Π°ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡ‚ΠΈ, Π½Π°ΡΠΊΡ–Π»ΡŒΠΊΠΈ ΠΊΡ€ΡƒΡ‚ΠΎ виглядає світло ΠΏΠΎΠ·Π°Π΄Ρƒ Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Π°, Ρ‰ΠΎ Π·ΠΌΡ–Π½ΡŽΡ” ΠΊΠΎΠ»Ρ–Ρ€ Π·Π°Π»Π΅ΠΆΠ½ΠΎ Π²Ρ–Π΄ Ρ‚ΠΎΠ³ΠΎ, Ρ‰ΠΎ Π²Ρ–Π΄Π±ΡƒΠ²Π°Ρ”Ρ‚ΡŒΡΡ Π½Π° Π΅ΠΊΡ€Π°Π½Ρ–. Π―ΠΊΡ‰ΠΎ Π²ΠΈ дивитСся Ρ„Ρ–Π»ΡŒΠΌ, Π³Ρ€Π°Ρ”Ρ‚Π΅ Π² Π²Ρ–Π΄Π΅ΠΎΡ–Π³Ρ€ΠΈ Π°Π±ΠΎ слухаєтС ΠΌΡƒΠ·ΠΈΠΊΡƒ Govee Immerersion β€” Ρ†Π΅ Ρ‡ΡƒΠ΄ΠΎΠ²ΠΈΠΉ спосіб Π·Ρ€ΠΎΠ±ΠΈΡ‚ΠΈ Ρ†Π΅.

 

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠ° Govee Home β€” Π±Π΅Π·Π»Ρ–Ρ‡ моТливостСй Ρ– пСрсоналізації

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠ° ΠΏΡ€ΠΎΠΏΠΎΠ½ΡƒΡ” ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ Π½Π°Π±Ρ–Ρ€ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ–Π² для Π·Ρ€ΡƒΡ‡Π½ΠΎΠ³ΠΎ користування. Π£ Π±Ρ–Π»ΡŒΡˆΠΎΡΡ‚Ρ– Π²ΠΈΠΏΠ°Π΄ΠΊΡ–Π² ΠΌΠΈ Π²ΠΈΠ±Π΅Ρ€Π΅ΠΌΠΎ Ρ‚Ρ€Π°Π΄ΠΈΡ†Ρ–ΠΉΠ½Ρƒ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½Ρ–Π·Π°Ρ†Ρ–ΡŽ Π· зобраТСння. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠ° Π½Π°Π΄Π°Ρ” Π²Π°ΠΌ Π·ΠΌΠΎΠ³Ρƒ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΠΈ Ρ– Π²ΠΈΠΌΠΈΠΊΠ°Ρ‚ΠΈ ΠΊΠΎΠΆΠ΅Π½ Π· Π²ΠΈΠ·Π½Π°Ρ‡Π΅Π½ΠΈΡ… Π΄ΠΆΠ΅Ρ€Π΅Π» світла.

Π’Π°Ρ€Ρ‚ΠΎ Π·Π°ΡƒΠ²Π°ΠΆΠΈΡ‚ΠΈ, Ρ‰ΠΎ максимально доступна ΡΡΠΊΡ€Π°Π²Ρ–ΡΡ‚ΡŒ Π΄ΡƒΠΆΠ΅ висока, Ρ‚ΠΎΠΌΡƒ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡ”Ρ‚ΡŒΡΡ встановити ΡΡΠΊΡ€Π°Π²Ρ–ΡΡ‚ΡŒ Π½Π° 65-75% Ρ– Π½Π°ΡΠΈΡ‡Π΅Π½Ρ–ΡΡ‚ΡŒ Π½Π° 15-25%. Π¦Ρ– ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΈ Π·Π°Π±Π΅Π·ΠΏΠ΅Ρ‡ΡƒΡŽΡ‚ΡŒ Π½Π°ΠΉΠ»Ρ–ΠΏΡˆΠΈΠΉ баланс ΠΌΡ–ΠΆ занурСнням Ρ– відволіканням ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ.

 

Govee β€” Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° Philips Hue Ambilight

На Π²Ρ–Π΄ΠΌΡ–Π½Ρƒ Π²Ρ–Π΄ систСми Philips Hue Ambilight (посилання Π½Π° ΡΡ‚Π°Ρ‚Ρ‚ΡŽ) Ρƒ схСмі з’ єднання якої зобраТСння ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π· Philips Hue Sync Box, Π’ систСмі Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ освітлСння Govee Π²ΠΈΠΊΠΎΡ€ΠΈΡΡ‚ΠΎΠ²ΡƒΡ”Ρ‚ΡŒΡΡ ΠΊΠ°ΠΌΠ΅Ρ€Π°, яка Π°Π½Π°Π»Ρ–Π·ΡƒΡ” зобраТСння Π½Π° Π΅ΠΊΡ€Π°Π½Ρ– Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌΡƒ часі Π±Π΅Π· ΠΆΠΎΠ΄Π½ΠΈΡ… обмСТСнь Π½Π° Π΄ΠΆΠ΅Ρ€Π΅Π»Π°.

Використання Ρ„ΠΎΡ‚ΠΎΠ°ΠΏΠ°Ρ€Π°Ρ‚Π° для Π°Π½Π°Π»Ρ–Π·Ρƒ ΠΊΠΎΠ»ΡŒΠΎΡ€Ρ–Π² зобраТСння Π½Π° Π΅ΠΊΡ€Π°Π½Ρ– Π·Π°ΠΌΡ–ΡΡ‚ΡŒ Π±Π»ΠΎΠΊΠ° синхронізації зобраТСння Π·Π° допомогою HDMI Π—Π°Π³Π°Π»ΠΎΠΌ для з’єднання Ρ” Π·Ρ€ΡƒΡ‡Π½ΠΈΠΌ Ρ€Ρ–ΡˆΠ΅Π½Π½ΡΠΌ. Π¦Π΅ ΠΎΠ·Π½Π°Ρ‡Π°Ρ”, Ρ‰ΠΎ Π²ΠΈ Π½Ρ–ΠΊΠΎΠ»ΠΈ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚Π΅ турбуватися ΠΏΡ€ΠΎ Ρ‚Π΅, Ρ‰ΠΎ якийсь Π²Ρ–Π΄Π΅ΠΎΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» Π½Π΅ ΠΏΡ€Π°Ρ†ΡŽΡ”. Π¦Π΅ Ρ‚Π°ΠΊΠΎΠΆ ΠΎΠ·Π½Π°Ρ‡Π°Ρ”, Ρ‰ΠΎ Π°ΠΌΠ±Ρ–Ρ‚ Π²Ρ–Π΄ Govee ΠΏΡ€Π°Ρ†ΡŽΡ” Π· усіма Π΄ΠΆΠ΅Ρ€Π΅Π»Π°ΠΌΠΈ Π²Ρ–Π΄Π΅ΠΎ, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‡ΠΈ Ρ‚Ρ–, які ΠΏΡ€Π°Ρ†ΡŽΡŽΡ‚ΡŒ Ρƒ власній ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΡ– Π½Π° Π²Π°ΡˆΠΎΠΌΡƒ Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€Ρ– Π°Π±ΠΎ кабСльним тСлСбачСнням.

 

Philips Hue Ambilight

БистСма синхронізації Ρ€ΠΎΠ·ΡƒΠΌΠ½ΠΎΠ³ΠΎ освітлСння Philips Hue Ambilight ΠΌΠΎΠΆΠ΅ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½Ρ–Π·ΡƒΠ²Π°Ρ‚ΠΈΡΡŒ Π· Ρ–Π½ΡˆΠΈΠΌΠΈ Π΄ΠΆΠ΅Ρ€Π΅Π»Π°ΠΌΠΈ світла Hue Ρƒ Π²Π°ΡˆΠΎΠΌΡƒ Π±ΡƒΠ΄ΠΈΠ½ΠΊΡƒ Π·Π° допомогою Π±Π»ΠΎΠΊΠ° кСрування Philips Hue Bridge. Π£ свою Ρ‡Π΅Ρ€Π³Ρƒ Philips Hue Ambilight Ρ” Ρ‚ΠΎΡ‡Π½Ρ–ΡˆΠΎΡŽ Ρ– ΡΠΊΡ–ΡΠ½ΠΎΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡŽ Π΄ΠΈΠ½Π°ΠΌΡ–Ρ‡Π½ΠΎΡŽ підсвічуванням тСлСбачСння ΠΎΡΠΊΡ–Π»ΡŒΠΊΠΈ ΠΎΡ‚Ρ€ΠΈΠΌΡƒΡ” зобраТСння Π±Π΅Π·ΠΏΠΎΡΠ΅Ρ€Π΅Π΄Π½ΡŒΠΎ Π²Ρ–Π΄ Π΄ΠΆΠ΅Ρ€Π΅Π»Π° Π½Π° Π±Π»ΠΎΠΊ синхронізації Philips Hue Sync Box Π°Π»Π΅ Π² Ρ†ΡŒΠΎΠΌΡƒ Ρ– Ρ” Ρ—Ρ— обмСТСння Ρ‚ΠΎΠΌΡƒ. Бинхронізація освітлСння Π· зобраТСння Π±ΡƒΠ΄Π΅ відбуватися Ρ‚Ρ–Π»ΡŒΠΊΠΈ якщо Philips Hue Sync Box ΠΎΡ‚Ρ€ΠΈΠΌΠ°Ρ” зобраТСння Π±Π΅Π·ΠΏΠΎΡΠ΅Ρ€Π΅Π΄Π½ΡŒΠΎ Π²Ρ–Π΄ Π΄ΠΆΠ΅Ρ€Π΅Π»Π°, Π½Π°ΠΏΡ€ΠΈΠΊΠ»Π°Π΄: (Apple TV, PS5, Xbox Ρ‚Π° Ρ–Π½ΡˆΠΈΡ… ΠΌΠ΅Π΄Ρ–Π°ΠΏΠ»Π΅Π΅Ρ€Ρ–Π²).

Π”ΠΎΠΊΠ»Π°Π΄Π½Ρ–ΡˆΠ΅ ΠΏΡ€ΠΎ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½Ρ–Π·Π°Ρ†Ρ–ΡŽ Philips Hue Π· Ρ‚Π΅Π»Π΅Π²Ρ–Π·ΠΎΡ€ΠΎΠΌ

 

Π’ΠΈΠ½ΠΈΠΊΠ»ΠΈ питання?

Ми Π· Ρ€Π°Π΄Ρ–ΡΡ‚ΡŽ Π΄ΠΎΠΏΠΎΠΌΠΎΠΆΠ΅ΠΌΠΎ Π’Π°ΠΌ.

ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π΄ΠΎ Ρ‡Π΅Ρ€Π³ΠΈ ΠΏΡ–Π΄Ρ‚Ρ€ΠΈΠΌΠΊΠΈ

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сайтов Π½Π° CMS WordPress

ΠšΡ€ΡƒΠ³ΠΎΠ²Π°Ρ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML ΠΈ CSS (Pie Chart with HTML and CSS)

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΡ€ΡƒΠ³ΠΎΠ²ΡƒΡŽ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ Π² HTML, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ CSS ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ conic-gradient. Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, ΠΌΡ‹ добавляСм <div> элСмСнт Π½Π° Π½Π°ΡˆΡƒ HTML-страницу, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выступаСт Π² качСствС ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° для Π½Π°ΡˆΠ΅ΠΉβ€¦

Анимированный Π²Ρ‹Π²ΠΎΠ΄ числа ΠΎΡ‚ нуля Π΄ΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ

Π’Ρ‹Π²ΠΎΠ΄ΠΈΠΌ число, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, подсчСт голосов, ΠΈΠ»ΠΈ рассчСт ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ΠΎΠ² послС выполнСния ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ дСйствия. МоТно Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ всС врСмя Ρ€Π°Π·Π½Ρ‹Π΅ числа Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ Π»ΠΈΠΌΠΈΡ‚Π΅, ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ здСсь randomInteger(70, 90)….

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅ΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°

Π˜Ρ‚Π°ΠΊ, Π·Π°Π΄Π°Ρ‡Π° такая – ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊΠΈΡ…-Ρ‚ΠΎ элСмСнтов Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ… экрана. Но соврСмСнная ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ сСйчас Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΈ с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌβ€¦

НС ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ (slick dots) для ΠΎΠ΄Π½ΠΎΠ³ΠΎ слайда

ΠŸΡ€ΠΎΡΡ‚Π°Ρ Π·Π°Π΄Π°Ρ‡Π° – Ссли слайд всСго ΠΎΠ΄ΠΈΠ½, Ρ‚ΠΎ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ slick dots, Ρ‡Ρ‚ΠΎΠ±Ρ‹ слайдСр выглядСл Π½Π΅ ΠΊΠ°ΠΊ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, Π° ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Π±Π»ΠΎΠΊ. Π‘ΠΊΡ€ΠΈΠΏΡ‚Ρ‹ Π½Π΅ Ρ‚Ρ€ΠΎΠ³Π°Π΅ΠΌ,…

Настройка Slick-карусСли (slick-слайдСр)

ΠŸΡ€ΠΎΡΡ‚Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ настройки slick-карусСли. ΠžΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ докумСнтация здСсь – https://kenwheeler. github.io/slick/, ссылка Π½Π° GIT – https://github.com/kenwheeler/slick/. ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ скрипты ΠΈ стили Ρ‡Π΅Ρ€Π΅Π· CDN, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΈ Π»ΠΎΠΊΠ°Π»ΡŒΠ½ΠΎβ€¦.

Как Π·Π°Π΄Π°Ρ‚ΡŒ Ρ‚Π΅Π½ΡŒ элСмСнту со ΡΠΊΠΎΡˆΠ΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ ΠΈΠ»ΠΈ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠΎΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ webkit-clip-path ΠΈ filter: drop-shadow

Π—Π°Π΄Π°Ρ‡Π° – Π΅ΡΡ‚ΡŒ элСмСнты с Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠΎΠΉ, ΠΏΡΡ‚ΠΈΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ, ΡˆΠ΅ΡΡ‚ΠΈΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ, ΡΠΊΠΎΡˆΠ΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹, элСмСнты построСны с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ свойства -webkit-clip-path, Π½ΠΎ box-shadow Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ Π½ΡƒΠΆΠ½ΠΎ, Π° filter:…

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°Ρ†ΠΈΡŽ элСмСнтов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Isotope

Π­Ρ‚ΠΎΡ‚ пост Π²Ρ‹Ρ‚Π°Ρ‰ΠΈΠ» ΠΈΠ· ΠΌΠ½ΠΎΠ³ΠΎΠ»Π΅Ρ‚Π½ΠΈΡ… Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊΠΎΠ², поэтому особо Ρ€Π°ΡΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π½Π΅ Π±ΡƒΠ΄Ρƒ. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΡŽΠ·Π°ΠΉΡ‚Π΅ ΠΊΠΎΠ΄. Π˜Ρ‚Π°ΠΊ, ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΏΡ€ΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ здСсь – https://isotope.metafizzy.co/ Код Ρ€Π°ΡΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π½Π΅ Π±ΡƒΠ΄Ρƒ,…

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ flex-direction: column Π² IE

Π‘ΡƒΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ – Π² Internet Explorer Ссли Π·Π°Π΄Π°Π΅ΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² Π² ΠΊΠΎΠ»ΠΎΠ½ΠΊΡƒ flex-direction: column, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ ΡΠΈΡ‚ΡƒΠ°Ρ†ΠΈΡŽ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ слипаСтся ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ. ..

Как ΡƒΠ±ΠΈΡ‚ΡŒ зависший Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ сСрвСр с ошибкой β€œEADDRINUSE: address already in use”

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚Ρ‹ΠΉ Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ сСрвСр, Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ Π½Π° Node, ΠΏΡ€ΠΈΡˆΠ»ΠΎΡΡŒ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π±Π΅Π· остановки, ΠΈ послС этого Π½Π΅ получаСтся Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ сСрвСр, выдаСтся ошибка β€œEADDRINUSE: address already…

Настройка мобильного мСню Π½Π° сайтС

Π’Π΅ΠΌΠ° Π½Π΅ новая, просто Ρ…ΠΎΡ‡Ρƒ вынСсти ΠΏΡ€ΠΈΠΌΠ΅Ρ€ мобильного мСню, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Ρ‡Π°Ρ‰Π΅ всСго. На Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ соврСмСнного Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° Π΅ΡΡ‚ΡŒ смартфон, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽβ€¦

Π Π°Π½Π΄ΠΎΠΌΠ½ΠΎΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊ числу

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ простого скрипта с Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊ числу случайного числа Π² Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΌ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅. Для Ρ‡Π΅Π³ΠΎ это Π½ΡƒΠ΄Π½ΠΎ – Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π»Π΅Π½Π΄ΠΈΠ½Π³ с рСгистрациСй Π½Π° ΠΈΠ²Π΅Π½Ρ‚, ΠΈ возлС…

Как ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ нСсколько послСдних слайдов Π² слайдСрС Slick

Π—Π°Π΄Π°Ρ‡Π° – Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Π² дСсктопной вСрсии нСсколько слайдов с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π° Π² мобильной вСрсии Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ большС слайдов с Π΄Ρ€ΡƒΠ³ΠΈΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. НашСл ΠΎΠ΄Π½ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ –…

Онлайн CSS-Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ²

CSS Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ², ΠΈΠ½ΠΎΠ³Π΄Π° приходится ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡƒΠ³ΠΎΠ»ΠΊΠΈ для ΠΊΠ°ΠΊΠΈΡ…-Ρ‚ΠΎ элСмСнтов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² И ΠΎΡ‡Π΅Π½ΡŒ ΠΊΡ€ΡƒΡ‚ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ°ΠΊ ТС…

ΠŸΡ€Π΅ΠΏΡ€ΠΎΡ†Π΅ΡΡΠΎΡ€ SCSS-to-CSS с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ GULP4

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, очСрСдная сСкрСтная Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° для ускорСния процСсса создания сайтов.  ΠžΠ±Ρ‹Ρ‡Π½ΠΎ для вСрстки я использовал дСсктопный прСпроцСссор Prepros, Π½ΠΎ появилась Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ нСзависимо ΠΎΡ‚ сторонних…

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±Π΅Π· сторонних ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Gulp 4

Мой Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ – https://github.com/DenisShapkun/images-optimization. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ вмСсто Tinypng дСсктопный Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Gulp. ΠŸΠ°ΠΊΠ΅Ρ‚Π½Π°Ρ оптимизация ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG, JPEG, GIF, SVG. PNG Π±Π΅Π· Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»Π° (Π±Π΅Π· прозрачности) Π»ΡƒΡ‡ΡˆΠ΅ сначала…

ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²Π΅Π½Π½Π°Ρ Ρ‚Π΅Π½ΡŒ с эффСктом свСчСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS

Если ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ для тСкста Π½ΡƒΠΆΠ½Π° Ρ‚Π΅Π½ΡŒ Ρ‚ΠΎ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ CSS-свойство text-shadow Π² Ρ‚Π°ΠΊΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅: И ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Ρ‚Π°ΠΊΡƒΡŽ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Ρ‚Π΅Π½ΡŒ: ВСмная Ρ‚Π΅Π½ΡŒ Π½Π° свСтлом. ..

ΠšΠ°ΡΡ‚ΠΎΠΌΠ½Ρ‹ΠΉ tootip с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS ΠΈ jQuery

Π—Π°Π΄Π°Ρ‡Π° – Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° сайт Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки, Π½ΠΎ Π±Π΅Π· ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ ΠΊΠ°ΠΊ ΠΈΡ… ΠΈ Ρ‚Π°ΠΊ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ (Π½ΠΎ Π½ΠΈ Π² ΠΎΠ΄Π½ΠΎΠΉ Π½Π΅Ρ‚ tooltips)….

background-position Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, background-position – ΠΎΡ‡Π΅Π½ΡŒ простоС свойство Π² CSS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния. Π•ΡΡ‚ΡŒ нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² синтаксиса, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Ρ„ΠΎΠ½Π°: ЧисловоС значСниС…

Как Π·Π°Π΄Π΅Ρ‚Π΅ΠΊΡ‚ΠΈΡ‚ΡŒ скролл Π²Π½ΠΈΠ· ΠΈΠ»ΠΈ Π²Π²Π΅Ρ€Ρ… Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ скрипт для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° ΠŸΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ°ΠΊ скрипт опрСдСляСт Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ скролинга Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, просто ΠΏΠΎΡΠΊΡ€ΠΎΠ»ΡŒΡ‚Π΅ колСсом, ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π΅Π½ тСкст направлСния…

ΠŸΠ°ΠΊΠ΅Ρ‚Π½Π°Ρ оптимизация ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ для Google Page Speed Insight

Π Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ с ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ‚ΠΎΡ€ΠΎΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° Github – https://github.com/DenisShapkun/images-optimization. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, это моя сСкрСтная Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° для сТатия ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ (PNG, JPEG, GIF, SVG). ВсС сСйчас Π³ΠΎΠ½ΡΡŽΡ‚ΡΡ за…

БыстроС ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° website-scraper

ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Website Scraper – https://www.npmjs.com/package/website-scraper. ЗапускаСм консоль Π² Π½ΡƒΠΆΠ½ΠΎΠΉ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ ΠΈ устанавливаСм ΠΏΠ»Π°Π³ΠΈΠ½ website-scraper с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹: Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Ρ„Π°ΠΉΠ» scraper.js с примСрно…

fadeIn() для flex-ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°

Π‘ΡƒΡ‚ΡŒ Π·Π°Π΄Π°Ρ‡ΠΈ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ»Π°Π²Π½ΠΎΠ΅ появлСниС ΠΈ скрытиС flex-ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°. Если ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ просто fadeIn(), Ρ‚ΠΎ Π±Π»ΠΎΠΊΡƒ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π΄Π°Π½ΠΎ свойство display: block;. МоТно, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, flex-контСйнСр…

Как ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ 2 массива Π² ΠΎΠ΄ΠΈΠ½

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ°ΠΊ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ 2 массива Π² ΠΎΠ΄ΠΈΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ элСмСнты ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ массива Π±Ρ‹Π»ΠΈ ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½Ρ‹ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ объСдинСнного массива. Π‘ΠΊΡ€ΠΈΠΏΡ‚: ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Ρ‚Π°ΠΊΠΎΠΉ массив с…

Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΈ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ для сайта

РазбСрСмся, ΠΊΠ°ΠΊΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° своСм сайтС, ΠΊΠ°ΠΊΠΈΠ΅ Π½ΡƒΠΆΠ½Ρ‹ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈ ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π²ΠΈΠ΄Π΅ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ. Π Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒ Π±ΡƒΠ΄Π΅ΠΌ Π²ΠΈΠ΄Π΅ΠΎ для Ρ‚Π΅Π³Π° <video>, понятно, что…

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊ с Π²ΠΈΠ΄Π΅ΠΎ-Ρ„ΠΎΠ½ΠΎΠΌ Π½Π° сайтС

Когда-Ρ‚ΠΎ я ΡƒΠΆΠ΅ Π΄Π΅Π»Π°Π» Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ ΠΏΡ€ΠΎ созданиС Π²ΠΈΠ΄Π΅ΠΎ-Ρ„ΠΎΠ½Π° Π² Π±Π»ΠΎΠΊΠ΅ (Π”Π΅Π»Π°Π΅ΠΌ Π²ΠΈΠ΄Π΅ΠΎ-Ρ„ΠΎΠ½ для Π±Π»ΠΎΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS). Но Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π±Ρ‹Π»ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ лишнСго кода…

Safari ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ сСмизначныС числа ΠΊΠ°ΠΊ Π½ΠΎΠΌΠ΅Ρ€Π° Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ²

Π‘ΡƒΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ – ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, Π² частности, Safari ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ сСмизначныС числа ΠΊΠ°ΠΊ ссылку Π½Π° Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ-Ρ‚ΠΎ, это Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΡƒΠ΄ΠΎΠ±Π½ΠΎ, Ссли Π±Ρ‹, это был…

Π—Π°Π΄Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ плСйсхолдСру (placeholder)

Для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π° страниц Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ для плСйсхолдСров Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ…. Рассмотрим Ρ‚Π°ΠΊΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ input’а: Для измСнСния Ρ†Π²Π΅Ρ‚Π° placeholder ΠΏΡ€ΠΎΠΏΠΈΡˆΠ΅ΠΌ Ρ‚Π°ΠΊΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° в…

Бвязь слайдов owl-carousel с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, идСя такая, слайдСр листаСтся ΠΈ Π³Π΄Π΅-Ρ‚ΠΎ рядом Π²ΠΎΠ·Π»Π΅ Π½Π΅Π³ΠΎ ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² Π±Π»ΠΎΠΊΠ΅, ΠΈΠ»ΠΈ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΈΠ»ΠΈ Π΅Ρ‰Π΅ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ связанныС со слайдами элСмСнты. …

Валидация email с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ javaScript

ΠŸΡ€ΠΎΡΡ‚Π°Ρ валидация email с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ javaScript. Π‘ΡƒΡ‚ΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π΄Π°Ρ‚ΡŒ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ, ΠΏΠΎΠΊΠ° Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Π²Π΅Π΄Π΅Π½ email. Π€ΠΎΡ€ΠΌΠ° ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½Π° Π²Π°Π»ΠΈΠ΄ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ СщС…

Π‘ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π² Π±ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π° Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ

Π—Π°Π΄Π°Ρ‡Π° простая – ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст ΠΈΠ· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ Π±Π»ΠΎΠΊΠ° Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΠΎΠ΄ ΠΊΡƒΠΏΠΎΠ½Π° ΠΈΠ»ΠΈ ссылка Π½Π° ΡΡ‚Π°Ρ‚ΡŒΡŽ Π² ΠΊΠΎΠ½Ρ†Π΅ самой ΡΡ‚Π°Ρ‚ΡŒΠΈ. Π‘ΠΎΠ³Π»Π°ΡΠΈΡ‚Π΅ΡΡŒβ€¦

Π£Π±Ρ€Π°Ρ‚ΡŒ стрСлки Π² input[type=”number”] с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ°ΠΊ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ стрСлки Π² ΠΏΠΎΠ»Π΅ input[type=”number”] с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS: Π’Π°ΠΆΠ½ΠΎΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅: ΠΏΠΎ ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ числа Π² ΠΏΠΎΠ»Π΅ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ скроллом ΠΌΡ‹ΡˆΠΊΠΈ ΠΈΠ»ΠΈ стрСлками…

Π”Π΅Π»Π°Π΅ΠΌ Π±Π»ΠΎΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Javascript

МоТно ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Flex, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ фиксированных Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², Π½ΠΎ Π΅ΡΡ‚ΡŒ Π·Π°Π΄Π°Ρ‡Π° ΠΊΠΎΠ³Π΄Π°, Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹, ΠΎΡΠ½ΠΎΠ²Ρ‹Π²Π°ΡΡΡŒ. ..

Анимированная Ρ€Π°ΠΌΠΊΠ° с Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ SVG

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, ΠΊΠΎΠ³Π΄Π°-Ρ‚ΠΎ Π΄Π°Π²Π½ΠΎ Π±Ρ‹Π»Π° Π·Π°Π΄Π°Ρ‡Π° ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°ΠΌΠΊΡƒ Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΠ½ΠΎΠΏΠΊΠΈ с Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠΌ, оказалось, Ρ‡Ρ‚ΠΎ это Π½Π΅ Ρ‚Π°ΠΊ просто. ΠŸΡ€ΠΎΠ±ΠΎΠ²Π°Π» ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ SVG, Π½ΠΎ нС…

ΠœΠΈΠ½ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡ ΠΈ сТатиС HTML Π² GULP 4

УмСньшаСм вСс Ρ„Π°ΠΉΠ»ΠΎΠ² HTML – для этого ΡƒΠ±ΠΈΡ€Π°Π΅ΠΌ всС пСрСносы ΠΈ лишниС ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ всС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ. Π”Π°Π½Π½ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ выполняСм ΠΏΡ€ΠΈ Π±ΠΈΠ»Π΄Π΅ ΠΏΡ€ΠΎΠ΄Π°ΠΊΡˆΠ΅Π½Π°, потому…

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ спрайтов Π² GULP 4 с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Retina

Для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ запросов Π½Π° сСрвСр ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ нСбольшиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² css, Π² ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ» – спрайт. Π•ΡΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ сСрвисы для автоматичСской…

БСсконСчный Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ с эффСктом параллакса

БСсконСчный Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ с эффСктом параллакса создан Π½Π° основС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° 2 ΠΈΠ· этой ΡΡ‚Π°Ρ‚ΡŒΠΈ HTML CSS Π Π°Π±ΠΎΡ‡ΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ бСсконСчного Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Ρ„ΠΎΠ½Π° с эффСктом параллакса

БСсконСчный Ρ„ΠΎΠ½ с Π°Π²Ρ‚ΠΎΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ 1 – с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ JS мСняСм ΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ рисунка Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ 2 – Π±Π΅Π· JS с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ мСняСм ΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ 3 –. ..

Как ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΈΠ· URL страницы

Как ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΈΠ· адрСса страницы? Π˜Ρ‚Π°ΠΊ, Ρƒ нас Π΅ΡΡ‚ΡŒ рСкламная кампания, ΠΈ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ ΠΏΠΎ ссылкам ΠΈΠ· этой ΠΊΠ°ΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ url типа…

ΠŸΠ»Π°Π²Π½Ρ‹ΠΉ скролл ΠΏΠΎ страницС ΠΊ Π½ΡƒΠΆΠ½ΠΎΠΌΡƒ ID (Scroll to id)

ΠžΡ‡Π΅Π½ΡŒ популярная функция Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… одностраничниках – ΠΏΠ»Π°Π²Π½Ρ‹ΠΉ скролл ΠΊ Π½ΡƒΠΆΠ½ΠΎΠΌΡƒ элСмСнту Π½Π° этой ΠΆΠ΅ страницС. Π§Π°Ρ‰Π΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΡ€ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ мСню. Если ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒβ€¦

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ способ Π·Π°Π΄Π°Ρ‚ΡŒ отступы ΠΌΠ΅ΠΆΠ΄Ρƒ flexbox элСмСнтами

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ 1 – ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ отступ для Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° Π‘Π°ΠΌΡ‹ΠΉ простой способ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ минимальноС расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами flexbox – ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ margin: 0 5px Π΄Π»Ρ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов .item ΠΈ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ отступ margin:…

ИспользованиС CSS-Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ calc() Π² LESS

Π’ CSS Π΅ΡΡ‚ΡŒ функция calc(), которая Π΄Π°Ρ‘Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ значСния свойств CSS Π²ΠΎ врСмя ΠΈΡ… опрСдСлСния. Ѐункция calc() ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π² качСствС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° матСматичСскоС Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚β€¦

Π˜Ρ‚Π΅Ρ€Π°Ρ†ΠΈΡ ΠΏΠΎΡ‚ΠΎΠΌΠΊΠΎΠ² (nth-child) с использованиСм SASS

Допустим, Ρƒ нас Π΅ΡΡ‚ΡŒ нСсколько nth-child элСмСнтов, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΡƒΡŽ Π·Π°Π΄Π΅Ρ€ΠΆΠΊΡƒ для transition. МоТно Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ Π·Π°Π΄Π°Ρ‚ΡŒ transition delay для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта, но…

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΌΠ΅Π΄ΠΈΠ°-запросы вмСстС с LESS

Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΠΎΠ΅ использованиС ΠΌΠ΅Π΄ΠΈΠ°-запросов Π² CSS: CSS-прСпроцСссор, Π½Π° самом Π΄Π΅Π»Π΅, ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ Π²Π°ΠΌ Ρ€Π°Π±ΠΎΡ‚Ρƒ с выраТСниями Π²ΠΈΠ΄Π° @media. Π’Π½Π΅ зависимости ΠΎΡ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… способов Π½ΠΈΠΆΠ΅, профит…

Google Fonts. ДокумСнтация ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ использования

ВсС ΡƒΠΌΠ΅ΡŽΡ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Google Fonts, это Ρ‚Π°ΠΊ просто ΠΈ Ρ‚Π°ΠΊ популярно, Π½ΠΎ Π½ΠΈΠΊΡ‚ΠΎ ΠΈ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Ρ‡ΠΈΡ‚Π°Π» Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ ΠΏΠΎ использованию ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΎΡ‚ Google,…

ИспользованиС @keyframes с прСпроцСссором SASS

ИспользованиС @keyframes с прСпроцСссором SASS. Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ использования @keyframes Π² SASS: Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ миксин, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²Π΅Π½Π΄ΠΎΡ€Π½Ρ‹ΠΉ прСфикс: Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ миксин Π² SASS:

CSS счСтчики

CSS счСтчики, Π² своСй сущности, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ CSS, значСния ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ½ΠΊΡ€Π΅ΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ CSS для отслСТивания количСства ΠΈΡ… использования. Они ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ внСшний вид…

Валидация Ρ„ΠΎΡ€ΠΌΡ‹ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Javascript

Π’ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· статСй я ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΠ» ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Π°Π»ΠΈΠ΄Π°Ρ†ΠΈΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS, Π½ΠΎ с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ возмоТностями. Рассмотрим Π²Π°Π»ΠΈΠ΄Π°Ρ†ΠΈΡŽ с Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ ΠΈ Π²Ρ‹Π²ΠΎΠ΄ΠΎΠΌ различных…

Анимация SVG

Π•ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… способов Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ SVG-изобраТСния. БСйчас я Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€ΡŽ ΠΈ сдСлаю сСбС ΠΏΠΎΠΌΠ΅Ρ‚ΠΊΠΈ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΡΠ°ΠΌΡƒΡŽ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ SVG с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° Vivus.js…

Анимация png-спрайта ΠΏΠΎ слайдам

НСдавно примСнял Π½Π° сайтС ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠ½ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, выглядит ΠΎΠ½Π° ΠΊΠ°ΠΊ Π³ΠΈΡ„ΠΊΠ°, Π½ΠΎ ΠΏΠΎ Ρ„Π°ΠΊΡ‚Ρƒ это ΠΎΠ΄Π½Π° png-ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° разбитая Π½Π΅ нСсколько слайдов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ крутятся с Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ. …

301 Redirect Π² ModX

Бтолкнулся с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ Ρ€Π΅Π΄ΠΈΡ€Π΅ΠΊΡ‚Π° Π² ModX. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Ρ€Π΅Π΄ΠΈΡ€Π΅ΠΊΡ‚Π° Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚. НашСл Ρ‚Π°ΠΊΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅: Если Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π΅Π΄ΠΈΡ€Π΅ΠΊΡ‚ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ страницы, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠΎΠ΄: Если нуТно…

Анимация элСмСнтов ΠΏΡ€ΠΈ скролС

АнимируСм элСмСнты Π½Π° страницС ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅. Π’ Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ рассмотрим ΠΏΠ»Π°Π²Π½ΠΎΠ΅ появлСниС элСмСнтов ΠΏΡ€ΠΈ скролС страницы, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΏΠ»Π°Π²Π½ΠΎΠ΅ Π·Π°Ρ‚ΡƒΡ…Π°Π½ΠΈΠ΅ элСмСнтов ΠΊΠΎΠ³Π΄Π° элСмСнт уТС…

CSS Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ

CSS ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ @keyframes Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ CSS Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ начинаСтся с объявлСния ΠΈΠΌΠ΅Π½ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π² Π±Π»ΠΎΠΊΠ΅ @keyframes ΠΈ опрСдСлСния Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Ρ… шагов Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… ΠΊΠ°Π΄Ρ€ΠΎΠ². CSS Бтруктура…

Анимация элСмСнтов Π² HTML с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS ΠΈ JS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΠ»Π°Π³ΠΈΠ½ WOW.js

UPD – ΠΊΠΎΠ΄ для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½, ΠΈΠ·-Π·Π° обновлСния структуры Animate.css Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ WOW.js докумСнтация здСсь. ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ WOW. js 1. ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ Animate.css(моТно…

ΠšΡ€ΠΎΡΡΠ±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½Ρ‹ΠΉ GrayScale с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Internet Explorer 10

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ кроссбраузСрного Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS. IE11 Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ filter. Make an image grayscale in all browsers https://work.karlhorky.com/gray/ https://github.com/karlhorky/gray

Как ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прямой url ΠΊ Ρ„Π°ΠΉΠ»Ρƒ, Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠΌΡƒ Π½Π° gogole disk

МнС Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€ΡΠΌΡƒΡŽ ссылку Π½Π° Ρ„Π°ΠΉΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ Π½Π° Google Disk, Π½ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ я Π½ΠΈΠ³Π΄Π΅ Π½Π΅ ΠΌΠΎΠ³Ρƒ Ρ‚Π°ΠΊΠΎΠΉ ссылки ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ, Гугл…

Π”Π΅Π»Π°Π΅ΠΌ Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹ΠΉ Ρ„ΠΎΠ½ для Π±Π»ΠΎΠΊΠ° (blurred background)

Π—Π°Π΄Π°Ρ‡Π° – ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° Π½Π° страницС Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹ΠΉ Ρ„ΠΎΠ½, Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ – ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π΄Π²Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ: ΠΎΠ΄Π½Π° простая для Ρ„ΠΎΠ½Π° ΠΈ ΠΎΠ΄Π½Π° Π·Π°Π±Π»ΡŽΡ€Π΅Π½Π½Π°Ρ для блока…

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ карусСли/слайдСра с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° Owl Carousel 2

Π‘Π°ΠΌΡ‹ΠΉ популярный ΠΏΠ»Π°Π³ΠΈΠ½ для карусСли Π½Π° jQuery – Owl Carousel 2. ВсС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ – https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Owl Carousel 2 Π½Π° своСм сайтС CSS – ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌβ€¦

Как ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ html-письмо

ΠŸΡ€ΠΈ вСрсткС писСм Π½ΡƒΠΆΠ½ΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ сущСствуСт большоС количСство Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π΅ΡΡ‚ΡŒ свои Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ писСм. Π“Π»Π°Π²Π½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚β€¦

Π­Ρ„Ρ„Π΅ΠΊΡ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ для gif-ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Π“ΠΈΡ„ΠΊΠ° ΠΆΠ΅ ΠΈ Ρ‚Π°ΠΊ анимированная ΠΏΠΎΠ΄ΡƒΠΌΠ°Π»ΠΈ Π²Ρ‹, Π½ΠΎ Π½Π΅ всС Ρ‚Π°ΠΊ просто, всС Π΅Ρ‰Π΅ ΠΏΡ€ΠΎΡ‰Π΅. Π£ мСня Π² Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΊΠΈΠ°Ρ… Π΅ΡΡ‚ΡŒ нСсколько записСй ΠΏΡ€ΠΎ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ svg,…

Ѐиксированный ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΉ sidebar

Π‘Π°ΠΌΡ‹ΠΉ простой ΠΏΡ€ΠΈΠΌΠ΅Ρ€ фиксированного ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ сайдбара Π½Π° HTML+CSS+JS. Π’ Ρ‡Π΅ΠΌ Π΅Π³ΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ – ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ сайдбар ΠΏΡ€ΠΈΠ»ΠΈΠΏΠ°Π΅Ρ‚ ΠΊ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΎΠΊΠ½Π°, Π½ΠΎ ΠΏΡ€ΠΈ этом, когда…

Ѐиксированный Π±Π»ΠΎΠΊ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ IE

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ фиксированный Π±Π»ΠΎΠΊ МСню ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ страницы. Π‘Ρ‹Π»ΠΎ Π±Ρ‹ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ссли Π±Ρ‹ IE ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π»ΠΎ свойство position: sticky;, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Π΅Π΄Π΅Ρ‚ сСбя ΠΊΠ°ΠΊ position: relative в…

ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ сайта с хостинга Π½Π° хостинг

ΠŸΡ€ΠΎΡΡ‚Π°Ρ инструкция, ΠΊΠ°ΠΊ пСрСнСсти сайт Π½Π° CMS WordPress с ΠΎΠ΄Π½ΠΎΠ³ΠΎ хостинга Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ. На самом Π΄Π΅Π»Π΅ это ΠΎΡ‡Π΅Π½ΡŒ просто, Π½ΠΎ Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π·Π½Π°ΠΊΠΎΠΌΡ‹Ρ… всС врСмя…

Π‘ΠΊΡ€ΠΈΠΏΡ‚ для Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π²ΠΈΠ΄Π΅ΠΎ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅

Π‘ΡƒΡ‚ΡŒ Π·Π°Π΄Π°Ρ‡ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ находится Π³Π΄Π΅-Ρ‚ΠΎ Π½Π° страницС, Π²ΠΊΠ»ΡŽΡ‡Π°Π»ΠΎΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ страницы, ΠΊΠΎΠ³Π΄Π° само Π²ΠΈΠ΄Π΅ΠΎ появляСтся Π½Π° экранС. ΠŸΡ€ΠΈ этом Π²ΠΈΠ΄Π΅ΠΎ становится на…

CSS Grid

  CSS Grid – это тСхнология ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ новая ΠΈ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎ стала ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ соврСмСнными Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² сСрСдинС 2017 Π³ΠΎΠ΄Π°. На Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ (Ρ„Π΅Π²Ρ€Π°Π»ΡŒ 2018) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒβ€¦

Bootstrap 4

  18 января 2018 Π³ΠΎΠ΄Π° Π²Ρ‹ΡˆΠ»Π° ΠΈΠ· Π±Π΅Ρ‚Ρ‹ долгоТданная вСрсия Bootstrap 4, основанная Π½Π° использовании ΠΌΠΎΠ΄Π΅Π»ΠΈ Flexbox для Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, которая Π² настоящСС врСмя ΡƒΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚. ..

Flexbox

МодСль Flexbox Layout (Flexible Box) Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Π° Π½Π° прСдоставлСниС Π±ΠΎΠ»Π΅Π΅ эффСктивного способа выстраивания, выравнивания ΠΈ распрСдСлСния пространства ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅, Π΄Π°ΠΆΠ΅ Ссли ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€ нСизвСстСн…

Пошаговая инструкция ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ с git ΠΈ github для студСнтов

НСобходимоС ПО Π’ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ Π½Π°Π΄ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ git: ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ потрСбуСтся ΠΊΠΎΠ½ΡΠΎΠ»ΡŒΠ½Ρ‹ΠΉ ΠΊΠ»ΠΈΠ΅Π½Ρ‚, доступный ΠΏΠΎ ссылкС http://git-scm.com/downloads (ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ основныС ОБ), графичСский ΠΊΠ»ΠΈΠ΅Π½Ρ‚ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ по…

Π”Π΅Π»Π°Π΅ΠΌ Π²ΠΈΠ΄Π΅ΠΎ-Ρ„ΠΎΠ½ для Π±Π»ΠΎΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° Ρ„ΠΎΠ½ Π±Π»ΠΎΠΊΠ°. ΠžΠ±Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ ΠΈ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π° для создания Π±Π»ΠΎΠΊΠ° с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ Π²ΠΈΠ΄Π΅ΠΎ Π² Π½ΠΎΠ²ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅ Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊ с Π²ΠΈΠ΄Π΅ΠΎ-фоном…

УсловныС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ для IE

УсловныС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ Π±ΠΎΠ»Π΅Π΅ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° условных ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Π² стандартном Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΈ Ρ€Π΅ΠΆΠΈΠΌΠ΅ совмСстимости Internet Explorer 10 Π±Ρ‹Π»Π° ΡƒΠ΄Π°Π»Π΅Π½Π° для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ взаимодСйствия ΠΈ совмСстимости с. ..

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ использования сСлСктора :checked с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ jQuery

Π‘Π΅Π»Π΅ΠΊΡ‚ΠΎΡ€ :checked Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ для чСкбоксов, Ρ€Π°Π΄ΠΈΠΎ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ для ΠΎΠΏΡ†ΠΈΠΉ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… списков (select). Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ элСмСнты Π² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… списках (select), Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСлСктор…

Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ для сайта

ΠŸΠΎΡΡ‚Π°Ρ€Π°ΡŽΡΡŒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΡƒΡŽ ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌΡƒ использованию ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° сайтС. Π Π΅Ρ‡ΡŒ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ Π½Π΅ ΠΎΠ± элСмСнтах Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π° ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Ρ… Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (Ρ„ΠΎΡ‚ΠΎ, Π³Π°Π»Π΅Ρ€Π΅ΠΈ, ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹,…

ДобавляСм Π½Π° сайт Π»ΠΎΠ°Π΄Π΅Ρ€ (спиннСр)

Loader – это ΠΈΠΊΠΎΠ½ΠΊΠ°-спиннСр, которая крутится, ΠΏΠΎΠΊΠ° загруТаСтся ваша страница. Π’Π°ΠΊ Ρ‚ΠΎ я ΠΏΡ€ΠΎΡ‚ΠΈΠ² Ρ‚Π°ΠΊΠΈΡ… Π»ΠΎΠ°Π΄Π΅Ρ€ΠΎΠ², ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΈΠ·-Π·Π° Π½ΠΈΡ… каТСтся, Ρ‡Ρ‚ΠΎ страница загруТаСтся дольшС,…

Как ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ стрСлки для input[type=number]

Π”ΠΎΠ±Π°Π²ΠΈΠΌ красивыС стрСлки для увСличСния/ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ числа Π² ΠΈΠ½ΠΏΡƒΡ‚Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ количСства Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² Π² ΠΊΠΎΡ€Π·ΠΈΠ½Π΅ ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π° ΠΏΠΎΠ΄ΠΎΠ±ΠΈΠ΅ Ρ‚ΠΎΠ³ΠΎ. Для Π½Π°Ρ‡Π°Π»Π° ΡƒΠ±Π΅Ρ€Π΅ΠΌ стандартныС стрСлки. β€œΠšΡΡ‚Π°Ρ‚ΠΈ,…

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ссылки для вСбмастСров

Бсылки Π½Π° рСсурсы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π² своСй Ρ€Π°Π±ΠΎΡ‚Π΅. Π­Ρ‚ΠΎ ΠΌΠΎΠΈ Ρ€Π΅Ρ„Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹Π΅ ссылки, ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ Π½Π΅ ΠΏΠΎΡΠΎΠ²Π΅Ρ‚ΡƒΡŽ. https://www.ukraine.com.ua/ – ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ хостинг Π² Π£ΠΊΡ€Π°ΠΈΠ½Π΅ ΠΈ Π² БНГ….

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Ρ‚Π°ΠΉΠΌΠ΅Ρ€ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ отсчСта Π½Π° Javascript

Π‘Π°ΠΌΡ‹ΠΉ простой ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ‚Π°ΠΉΠΌΠ΅Ρ€ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ отсчСта HTML CSS Javascript Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π΄Π°Ρ‚Ρƒ окончания Ρ€Π°Π±ΠΎΡ‚Ρ‹ Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π° Π€ΠΎΡ€ΠΌΠ°Ρ‚ Π²Ρ‹Π²ΠΎΠ΄Π° Π΄Π°Ρ‚Ρ‹ ISO 8601: Π‘ΠΎΠΊΡ€Π°Ρ‰Π΅Π½Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚: Π”Π»ΠΈΠ½Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚: Вывод…

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ jQuery-скрипт для Ρ‚Π°Π±ΠΎΠ² (Π²ΠΊΠ»Π°Π΄ΠΎΠΊ)

Π‘Π°ΠΌΡ‹ΠΉ простой ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ‚Π°Π±ΠΎΠ² Π½Π° сайтС. Код максимально простой ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ, Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… сторонних Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ (ΠΊΡ€ΠΎΠΌΠ΅ jquery) ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ лишнСго Π³Ρ€ΠΎΠΌΠΎΠ·Π΄ΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°. Π’Π΅ΡΡŒβ€¦

Какой Ρ€Π°Π·ΠΌΠ΅Ρ€ для Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ?

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ, сразу ΡƒΠΊΠ°ΠΆΡƒ, Ρ‡Ρ‚ΠΎ остановился я Π½Π° Ρ‚Ρ€Π΅Ρ… Ρ‚Π°ΠΊΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… для Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ подходят всСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ ΠΈ всСм экранам: Для сайта Π½Π°. ..

[CSS Animation] PCPP Loading Boxes

ΠšΡ€Π°ΡΠΈΠ²Π°Ρ ΠΈ Π½Π΅ слишком слоТная анимация, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для Π·Π°Π³Ρ€ΡƒΠ·ΠΎΡ‡Π½ΠΎΠΉ страницы сайта. HTML CSS Π“ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

ЀиксированноС мСню ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ страницы

Один ΠΈΠ· мноТСства ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ фиксированноС мСню ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ…Π΅Π΄Π΅Ρ€ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ находится Π² самом Π²Π΅Ρ€Ρ…Ρƒ, Π° ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ добавляСтся Ρ‚Π΅Π½ΡŒβ€¦.

Как Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ VPN Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Opera

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, ΠΈΠ·-Π·Π° санкций ΠΏΡ€ΠΎΡ‚ΠΈΠ² российских ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слоТности Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… украинских ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ. Допустим, доступом ΠΊ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ сСтям ΠΌΠΎΠΆΠ½ΠΎ ΠΈ ΠΏΠΎΠΆΠ΅Ρ€Ρ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ, Π½ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ нС…

ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π½ΠΎΠ²Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ скриптом

Появилась Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π±Π΅Π· ТСлания Π½Π° Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. ВСхничСски ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это ΠΌΠΎΠΆΠ½ΠΎ, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅, Ссли…

Gulp – ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ руководство

[vc_message color=”alert-info”]Данная ΡΡ‚Π°Ρ‚ΡŒΡ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для GULP вСрсии 3. Π’ самом Π½ΠΈΠ·Ρƒ Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠΎΠ΅Π³ΠΎ Ρ„Π°ΠΉΠ»Π° gulpfile.js для GULP вСрсии 4[/vc_message] Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ – http://webdesign-master.ru/blog/tools/2016-03-09-gulp-beginners.html Π’ΠΈΠ΄Π΅ΠΎ:…

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ„Π°ΠΉΠ»Π° gulpfile.js

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ„Π°ΠΉΠ»Π° gulpfile.js для Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ ΠΏΠ°ΠΏΠΊΠΈ app с Π±ΠΈΠ»Π΄ΠΎΠΌ Π² ΠΏΠ°ΠΏΠΊΡƒ dist: Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ„Π°ΠΉΠ»Π° gulpfile.js для Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ ΠΏΠ°ΠΏΠΊΠΈ app Π±Π΅Π· Π±ΠΈΠ»Π΄Π°:

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сСтку bootstrap ΠΏΠΎΠ΄ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 960px

Для Bootstrap3 ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ°ΡΡ‚ΠΎΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сСтку ΠΏΠΎΠ΄ 960px с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ кастомайзСра http://getbootstrap.com/customize/. мСняСм @container-large-desktop с (1140px + @grid-gutter-width) Π½Π° (940px + @grid-gutter-width). мСняСм @grid-gutter-width с 30px…

Π”Π΅Π»Π°Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ высоты с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ JS

Π•ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ способов ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ высоты, Π½ΠΎ самый ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для мСня – с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ js Высота задаСтся для Π±Π»ΠΎΠΊΠΎΠ² .column Π²Π½ΡƒΡ‚Ρ€ΠΈ родитСля с классом…

Валидация HTML-Ρ„ΠΎΡ€ΠΌΡ‹ Π±Π΅Π· использования скриптов ΠΈ php

НашСл ΠΎΡ‡Π΅Π½ΡŒ ΠΊΡ€ΡƒΡ‚ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π²Π°Π»ΠΈΠ΄Π°Ρ†ΠΈΠΈ HTML-Ρ„ΠΎΡ€ΠΌ Π±Π΅Π· Javascript ΠΈ Π±Π΅Π· PHP, ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Π°Ρ ΡΡ‚Π°Ρ‚ΡŒΡ Π²Ρ‹Π»ΠΎΠΆΠ΅Π½Π° здСсь. Если Π½ΡƒΠΆΠ½Π° валидация Ρ„ΠΎΡ€ΠΌΡ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ JS, Ρ‚ΠΎΠ³Π΄Π° ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ эта…

Уникальная Ρ„ΠΎΡ€ΠΌΠ° ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи с ajax Π½Π° php

Π‘Π°ΠΌΡ‹ΠΉ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ скрипт Ρ„ΠΎΡ€ΠΌΡ‹ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи, ΠΈΠ· всСх, Ρ‡Ρ‚ΠΎ я встрСчал, нашСл Π½Π° этой сайтС http://webdesign-master.ru/blog/tools/578.html ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ ΡƒΠΆΠ΅ ΠΎΡ‡Π΅Π½ΡŒ Π΄Π°Π²Π½ΠΎ. Π’Ρ‹Π»ΠΎΠΆΡƒ здСсь ΠΊΠΎΠ΄Ρ‹, чтобы…

Π”Π΅Π»Π°Π΅ΠΌ Fotorama Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ

ΠžΡ‡Π΅Π½ΡŒ простой ΠΈ ΠΊΡ€ΡƒΡ‚ΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Fotorama, Π½ΠΎ ΠΎΠ½ совсСм Π½Π΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ. НапримСр Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π° дСсктопС ΠΎΠ½ Π±Ρ‹Π» ΠΎΠ΄Π½ΠΎΠΉ высоты ΠΈ пСрвая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎβ€¦

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Β«clearfix-Ρ…Π°ΠΊΠ°Β» ΠΈ Π΅Π³ΠΎ Π·Π°ΠΌΠ΅Π½: сводная Ρ‚Π°Π±Π»ΠΈΡ†Π°

Π‘Ρ€Π°Π·Ρƒ Π½Π°ΠΏΠΈΡˆΡƒ, Ρ‡Ρ‚ΠΎ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Ρ‚Π°ΠΊΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ для clearfix: Π’Π΄ΠΎΠ³ΠΎΠ½ΠΊΡƒ ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΎ Π½ΠΎΠ²ΠΎΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΈ свойства display, ΠΏΡ€ΠΈΠ·Π²Π°Π½Π½ΠΎΠΌ ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ² ΠΎΡ‚ Π½ΡƒΠΆΠ΄Ρ‹ Π² clearfix-Ρ…Π°ΠΊΠ°Ρ… β€” своСго рода…

Π”Π΅Π»Π°Π΅ΠΌ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π΅ΡΠΊΡƒΡŽ гистограмму с использованиСм JS ΠΈ jQuery

[vc_row][vc_column][vc_column_text]Π—Π°Π΄Π°Ρ‡Π° такая: Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π²ΠΎΠ΄ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС гистограммы с ΠΎΡ†Π΅Π½ΠΊΠ°ΠΌΠΈ. ВсСго 5 Π±Π°Π»Π»ΠΎΠ², Π·Π° ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π±Π°Π»Π» Π΅ΡΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ количСство голосов. НуТно вывСсти гистограмму в…

ДобавляСм Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ Π² sass Ρ‡Π΅Ρ€Π΅Π· миксины ΠΈΠ»ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ bourbon

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ с Π²Π΅Π½Π΄ΠΎΡ€Π½Ρ‹ΠΌΠΈ прСфиксами для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта, достаточно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ миксины ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π‘ΡƒΡ€Π±ΠΎΠ½, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π΅ΡΡ‚ΡŒ свой Π½Π°Π±ΠΎΡ€ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… миксинов….

ДобавляСм классы ΠΊ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠΌ элСмСнтам β€œΠΎΠ΄Π½ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²ΠΎΠ³ΠΎβ€ списка

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ список, с Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠΌΠΈ списками, Π½ΠΎ ΠΈΠ·-Π·Π° слоТности структуры CMS, эти Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ списки Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΌΠΈ ul > ul, ΠΈΡ… структура…

Π”Π΅Π»Π°Π΅ΠΌ красивыС чСкбоксы

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ красивого чСкбокса вмСсто стандартного. Π­Ρ‚ΠΎ простой ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ сам чСкбокс ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΡƒΠΆΠ΅ смоТСт сам, этот ΠΊΠΎΠ΄ просто для развития ΠΈΠ΄Π΅ΠΈ. HTML…

БыстроС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Google Fonts (Open Sans, Roboto, Ubuntu, Montserrat, Cuprum)

Π”ΠΎΠ±Π°Π²Π»ΡŽ для сСбя быстроС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Google (Open Sans, Roboto, Ubuntu, Montserrat, Cuprum), просто ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π°Π΄ΠΎΠ΅Π»ΠΎ постоянно Π±Ρ€Π°Ρ‚ΡŒ ΠΈΡ… с сайта fonts. google.com. Если ΠΊΠΎΠΌΡƒ-то…

Π”Π΅Π»Π°Π΅ΠΌ ΠΏΠΎΠΏΠ°ΠΏ Π±Π΅Π· ΠΏΠ»Π°Π³ΠΈΠ½Π° fancybox

ЦСль – ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ pop-up ΠΎΠΊΠ½ΠΎ Π±Π΅Π· использования Fancybox. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΄Π°ΠΆΠ΅ Π±Π΅Π· использования javascript, Π½ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ Π² Π²ΠΎ всСх…

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΎΡ„Ρ„-скрин мСню с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ²

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ создадим ΠΎΡ„Ρ„-скрин мСню с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ². Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ мСню Π±ΡƒΠ΄ΡƒΡ‚ скрыты с экрана сначала, ΠΈ послС наТатия Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΌΠ΅Π½ΡŽβ€¦

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ с youtube Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π½Π° вашСм сайтС

Π§Ρ‚ΠΎΠ±Ρ‹ любоС Π²ΠΈΠ΄Π΅ΠΎ ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Π»ΠΎΡΡŒ ΠΏΠΎΠ΄ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΏΠ°Ρ€Ρƒ ΠΏΡ€Π°Π²ΠΈΠ» Π² CSS ΠΈ ΠΎΠ΄ΠΈΠ½ скрипт JS. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ любоС Π²ΠΈΠ΄Π΅ΠΎ: видСо…

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ класс ΠΊ элСмСнту с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ js

НапримСр, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ класс fancybox-inline, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ½ΠΎΠΏΠΊΠ° Π²Ρ‹Π·Ρ‹Π²Π°Π»Π° Ρ„ΠΎΡ€ΠΌΡƒ Π² ΠΏΠΎΠΏ-Π°ΠΏ ΠΎΠΊΠ½Π΅. Кнопка создавалась Ρ‡Π΅Ρ€Π΅Π· ΡˆΠΎΡ€Ρ‚ΠΊΠΎΠ΄ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ страницы, ΠΈ класс Π΅ΠΉ. ..

Π£Π±ΠΈΡ€Π°Π΅ΠΌ лишний отступ Π²Π½ΠΈΠ·Ρƒ изобраТСния

НавСрноС, ΠΌΠ½ΠΎΠ³ΠΈΠ΅, ΠΏΡ€ΠΈ html-вСрсткС, встрСчали Β«Π±Π°Π³Β», ΠΊΠΎΠ³Π΄Π°, размСщая Π² Π±Π»ΠΎΠΊΠ΅ подряд Π΄Π²Π° изобраТСния, ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΠΊ, ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π² 3-5 пиксСлСй. Π­Ρ‚ΠΎΡ‚ эффСкт присутствуСт нС…

Π­Ρ„Ρ„Π΅ΠΊΡ‚ мигания с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ animation

Для элСмСнта с классом blink Π·Π°Π΄Π°Π΅ΠΌ Ρ‚Π°ΠΊΠΈΠ΅ стили ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ ΠΌΠΈΠ³Π°Π½ΠΈΠ΅ этого элСмСнта: See the Pen Blinking by Denis (@deniscreative) on CodePen.

ДобавляСм Π½Π° сайт Π»Π°ΠΉΠΊΠΈ Π’ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅, Facebook ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π’Π²ΠΈΡ‚Π½ΡƒΡ‚ΡŒ

Π’ΠΎΠΎΠ±Ρ‰Π΅, для для Π›Π°ΠΉΠΊΠΎΠ² сущСствуСт большоС количСство ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Pluso (ΠΎΠ½ большС для share Ρ‡Π΅ΠΌ для like, Π½ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ), Π½ΠΎ Ссли всС…

Как ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° сайт Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ для ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Facebook

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² ΠΎΡ‚ Facebook Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡ΡƒΡ‚ΡŒ большС Ρ€Π°Π±ΠΎΡ‚Ρ‹ Ρ‡Π΅ΠΌ с Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠΌ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Π’ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅. Но всС ΠΆΠ΅ особого Ρ‚Ρ€ΡƒΠ΄Π° Π½Π΅ составляСт. …

Как ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° сайт Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ для ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Π’ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅

Для добавлСния Π½Π° сайт возмоТности коммСнтирования с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Π° Π’ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅, Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Π½Π° этой страницС http://vk.com/dev/Comments, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π·Π°Π»ΠΎΠ³ΠΈΠ½Π΅Π½Π½Ρ‹ΠΌ ΠΏΠΎΠ΄ Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚ΠΎΠΌ Ρ‚ΠΎΠ³ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°,…

Ошибка 403 forbidden послС пСрСноса Joomla-сайта Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ хостинг

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, пСрСносили сайт, Π²Ρ€ΠΎΠ΄Π΅ всС сдСлали ΠΏΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ, ΠΎΡΡ‚Π°Π»ΠΎΡΡŒ ΠΏΠΎΠ΄ΠΎΠΆΠ΄Π°Ρ‚ΡŒ обновлСния NS, Π½ΠΎ ΠΎΠ½ΠΈ Π΄ΠΎΠ»Π³ΠΎ Π½Π΅ обновлялись, поэтому Π·Π° Ρ€Π°Π±ΠΎΡ‚ΠΎΠΉ ΠΏΡ€ΠΎ сайт ΠΈ забыли….

Как ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страниц Π½Π° сайтС

На Ρ„ΠΎΡ€ΡƒΠΌΠ΅ Webmasters ΡƒΠ²ΠΈΠ΄Π΅Π» интСрСсноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страниц Π½Π° сайтС, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π±Ρ‹Π»Π° быстрСС, Π° врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страниц…

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ Π±Π»ΠΎΠΊ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ элСмСнт

Π”Π΅Π»Π°Π» для ΠΎΠ΄Π½ΠΎΠ³ΠΎ сайта Π²Ρ‹ΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ Π±Π»ΠΎΠΊΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ элСмСнт. Π’ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅, Π½Π΅Ρ‚ Π½ΠΈΡ‡Π΅Π³ΠΎ слоТного, Π½ΠΎ пригодится Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π·Π°Π±Ρ‹Ρ‚ΡŒ, ΠΎΡΡ‚Π°Π²Π»ΡŽ кусок…

Овальная ΠΊΠ½ΠΎΠΏΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS

НашСл Π½Π° просторах сСти ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠ½ΡƒΡŽ ΠΎΠ²Π°Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ, которая построСна Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° CSS3 Π±Π΅Π· использования графичСских ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ красивой овальной ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±Π΅Π· использования графичСских ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ. ΠšΠΎΠ΄β€¦

ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΠΊΠΈΡ€ΠΈΠ»Π»ΠΈΡ†Ρ‹ Π² UTF-8

Π’ Ρ‚Π°Π±Π»ΠΈΡ†Π΅ всС, ΠΊΡ€ΠΎΠΌΠ΅ Π±ΡƒΠΊΠ²Ρ‹ β€œΠβ€ – Ρƒ Π½Π΅Π΅ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ° Π² порядок Π½Π΅ вписываСтся – &#1025; А Ρƒ малСнькой β€œΡ‘β€ – &#1105; Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Ссли…

ВСкстовыС подстановки Π² HTML

Для Π²Π²ΠΎΠ΄Π° Π² HTML Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ символов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ ΠΈΠ»ΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ Π² синтаксисС HTML ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, ΡƒΠΏΠΎΡ‚Ρ€Π΅Π±Π»ΡΡŽΡ‚ΡΡ подстановки (entities) Π΄Π²ΡƒΡ… Π²ΠΈΠ΄ΠΎΠ² β€” числовыС…

HTML CSS CSS Layout Адаптивный ΠΌΠ°ΠΊΠ΅Ρ‚

Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ссылки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ руководство ΠΏΠΎ CSS Layout ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌΡƒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ.

  1. Настройка стиля CSS Π² соотвСтствии с состояниСм пСрСноса
  2. ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ с использованиСм систСмного Π΄ΠΈΠ°Π»ΠΎΠ³Π° со свойствами @page
  3. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΌΠ΅Π΄ΠΈΠ°-запрос Π² CSS для максимальной ΡˆΠΈΡ€ΠΈΠ½Ρ‹: 1024 пиксСлСй ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½
  4. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° Π½Π° Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ для малСнького экрана
  5. АдаптивныС ΠΌΠ΅Π΄ΠΈΠ° запрос, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π° Ρ„ΠΎΠ½Π°
  6. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ 1/3 экрана ΠΈ полноэкранного Ρ„ΠΎΠ½Π° с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ
  7. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Flexbox с ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ мСдиазапросов
  8. Адаптивный ΠΌΠ°ΠΊΠ΅Ρ‚ Flexbox с нСсколькими Π±ΠΎΠΊΠΎΠ²Ρ‹ΠΌΠΈ панСлями


  9. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ 3 Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ² DIV рядом Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ
  10. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ div ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ страницы с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ
  11. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π΄Π²ΡƒΡ… Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… div рядом Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ Π²Π½ΡƒΡ‚Ρ€ΠΈ элСмСнта div-ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°
  12. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ div с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ
  13. Настройка полоТСния div with screensize with @media
  14. Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ элСмСнт Π½Π°Π΄ Π΄Ρ€ΡƒΠ³ΠΈΠΌ элСмСнтом, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ Π² зависимости ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° экрана
  15. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ фиксированной ΡˆΠΈΡ€ΠΈΠ½Ρ‹ с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠΌ для содСрТимого рядом с Π½Π΅ΠΉ Π² CSS
  16. Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° страницы для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π°


  17. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π½Π° основС Π΅Π³ΠΎ исходного значСния, ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ
  18. Адаптивный ΠΊΡ€ΡƒΠΆΠΎΠΊ CSS с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π²Π½ΡƒΡ‚Ρ€ΠΈ
  19. CSS β€” Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½ для сохранСния изобраТСния Π²Π½ΡƒΡ‚Ρ€ΠΈ изобраТСния Ρ„Ρ€Π΅ΠΉΠΌΠ° Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ стола
  20. Адаптивный CSS div, ΠΊΠΎΠ³Π΄Π° высота задаСтся Π² пиксСлях
  21. CSS β€” Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ div с Ρ„ΠΎΠ½ΠΎΠΌ
  22. CSS Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ, равносторонний Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ
  23. CSS адаптивная Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ навигация с Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠ΅ΠΉ Π²Π½ΠΈΠ·Ρƒ
  24. CSS Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ с Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌΠΈ, Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΏΠΎ Π½ΠΈΠΆΠ½Π΅ΠΌΡƒ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ Π΄Π²Π° столбца с нСсколькими строками Π² ΠΎΠ΄ΠΈΠ½ столбСц
  25. ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ для цСнтрирования Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ div Π±Π΅Π· ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π² пиксСлях с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ΠΌ максимальной ΡˆΠΈΡ€ΠΈΠ½Ρ‹
  26. ПолС поиска CSS, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΌ
  27. CSS устанавливаСт Π΄Π²Π° встроСнных элСмСнта Π²Π½ΡƒΡ‚Ρ€ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ div
  28. Адаптивная цСнтрированная строка с внСшними элСмСнтами ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°
  29. Полная высота Div β€” Π½Π΅ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚
  30. Div ΠΏΠ»Π°Π²Π°Π΅Ρ‚ послС пСрСмСщСния Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΈ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ
  31. Π Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎ располоТСнныС столбцы фиксированной ΡˆΠΈΡ€ΠΈΠ½Ρ‹ β€” Π² настройка адаптивности
  32. Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ пространство Π²Π½ΠΈΠ·Ρƒ
    с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ
  33. Подгонка, ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния Π² соотвСтствии с ΠΎΠΊΠ½ΠΎΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°
  34. Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Π΄Π²ΡƒΡ… столбцов ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ высоты с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ jQuery Π½Π° сайтС с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ
  35. ЀиксированныС поля Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π°
  36. Ѐиксация ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° ΠΈ настройка изобраТСния, Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠ³ΠΎ ΠΊ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρƒ
  37. ΠŸΠ»Π°Π²Π°ΡŽΡ‰Π΅Π΅, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ΅
  38. ΠŸΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠ΅ элСмСнты div для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-сайта Π² Responsive Div Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ 50%
  39. ΠŸΠΎΠ»Π½ΠΎΡˆΠΈΡ€ΠΈΠ½Π½Ρ‹ΠΉ, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ, ΠΌΠ°ΠΊΠ΅Ρ‚ сСтки
  40. ΠŸΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅
  41. Π”Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ΅ ΠΆΠ΅ ΠΏΠΎΠ»Π΅ Β«Π²Π΅Ρ€Ρ…ΡƒΒ» ΠΈ Β«Π½ΠΈΠ·ΡƒΒ», ΠΊΠ°ΠΊ поля «справа» ΠΈ «слСва» β€˜ Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅
  42. Половина изобраТСния, ΠΏΠΎΠ»ΡƒΡ†Π²Π΅Ρ‚, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Ρ„ΠΎΠ½
  43. НаличиС 2 Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнтов Div рядом Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ
  44. Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ АдаптивноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
  45. АдаптивноС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
  46. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ высоту ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π±Π»ΠΎΠΊΠ° ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ПолС ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ с ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ тСкстовыми полями
  47. Π—Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ изобраТСния ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ Π΄Ρ€ΡƒΠ³ ΠΏΠΎΠ΄ Π΄Ρ€ΡƒΠ³ΠΎΠΌ ΠΏΡ€ΠΈ использовании Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ Ρ‚Π΅ΠΌΡ‹
  48. Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ div
  49. ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° тСкстового изобраТСния ΠΏΡ€ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΈΠ· 2 столбцов
  50. Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ изобраТСния
  51. ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ изобраТСния ΠΈ Π½Π° ΠΌΠΎΠ΅ΠΌ Π²Π΅Π±-сайтС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ
  52. ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ изобраТСния слайдСра ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ
  53. ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΈ Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ сдСлано с использованиСм псСвдоэлСмСнтов, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ
  54. Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ iframe
  55. Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² источник изобраТСния для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ сайта
  56. Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ столбСц Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ Π² ΠΎΠ΄Π½ΠΎΠΌ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ столбцС, количСство Ρ‚ΠΎΡ‡Π΅ΠΊ зависит ΠΎΡ‚ Π΄Π»ΠΈΠ½Ρ‹ тСкста
  57. ΠΈΠ·Π±Π΅Π³Π°ΠΉΡ‚Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ Π² мобильной сСти с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ
  58. Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ сдСлайтС Π΅Π³ΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° рисунка с минимальной ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ
  59. ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ· 3 столбцов
  60. ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ div с img Π² Π½Π΅ΠΌ
  61. ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ подписи для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π΅Π³ΠΎ ΡƒΠ³Π»Π°Ρ… Π² Π³Π°Π»Π΅Ρ€Π΅Π΅
  62. ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты
  63. ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ iframe Π² кросс-Π΄ΠΎΠΌΠ΅Π½Π½ΠΎΠΌ
  64. ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Β«Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅Β» списки: ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ нСсколько столбцов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ соотвСтствовали доступной ΡˆΠΈΡ€ΠΈΠ½Π΅ >s Π² стилС float:left; Π² div с ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ
  65. ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΡ€ΡƒΠ³ Π² css ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΌ
  66. ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ div с нСсколькими изобраТСниями, Ρ€Π΅Π°Π³ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΌΠΈ
  67. ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ графичСский Ρ„Ρ€Π΅ΠΉΠΌ для элСмСнтов h3
  68. ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΡƒΡŽ сСтку Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Twitter Bootstrap, Ссли высота разная столбцы Π² HTML ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΡΡ‚ΡŒ
  69. Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ тСкста ΠΏΠΎΠ²Π΅Ρ€Ρ… Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ изобраТСния ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎ
  70. ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎ ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Π»Π΅Π²ΡƒΡŽ ΠΈ ΠΏΡ€Π°Π²ΡƒΡŽ стороны div, Ссли ΡˆΠΈΡ€ΠΈΠ½Π° экрана мСньшС ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρ‹
  71. Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ столбСц Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ прСдставлСнии с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Bootstrap
  72. Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ ΡΠΊΠΎΡ€ΡŒ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ сторонС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° div
  73. HTML/CSS β€” адаптивная панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈΠ· 3 столбцов
  74. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π±Π»ΠΎΠΊΠ΅, ΠΏΠΎΠ»Π½ΠΎΡ€Π°Π·ΠΌΠ΅Ρ€Π½ΠΎΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ Π½Π° домашнСй страницС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Ρ†Π΅Π½Ρ‚Ρ€
  75. ИспользованиС отзывчивости изобраТСния
  76. ΠΠ΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ изобраТСния с img
  77. Π’ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ с 1 Π½Π° 2 столбца ΠΈ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π»ΠΈ DIV Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π² столбцС 1 ΠΈΠ»ΠΈ столбцС 2
  78. Π˜ΠΌΠ΅Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ ΠΈ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅
  79. Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ элСмСнта div для ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° изобраТСния ΠΏΠ΅Ρ€Π΅Π΄ исчСзновСниСм
  80. Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ элСмСнты div рядом, ΠΊΠΎΠ³Π΄Π° ΠΎΠ΄ΠΈΠ½ элСмСнт div содСрТит Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ фиксированного Ρ€Π°Π·ΠΌΠ΅Ρ€Π°
  81. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ° стрСлки с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ
  82. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΡƒΡŽ Ρ€Π°ΠΌΠΊΡƒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅
  83. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ img Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ ΠΈ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ div
  84. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° с нСбольшими Π±Π»ΠΎΠΊΠ°ΠΌΠΈ div Π²Π½ΡƒΡ‚Ρ€ΠΈ, Ρ€Π΅Π°Π³ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΌΠΈ Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°
  85. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ² div
  86. Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° изобраТСния Π½Π° Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ
  87. НСсколько Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ² div с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ css
  88. НСсколько Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
  89. НалоТСниС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΈ создании Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ сайта
  90. НалоТСниС изобраТСния 5 ΠΏΠΎΠ²Π΅Ρ€Ρ… Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ
  91. Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ высотой
  92. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π½Π° основС динамичСского количСства символов
  93. Адаптивный ΠΌΠ°ΠΊΠ΅Ρ‚ CSS с двумя столбцами, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль с фиксированной ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ
  94. Адаптивная сСтка ΠΈΠ· 3 столбцов рядом с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ
  95. Адаптивная сСтка ΠΈΠ· 4 столбцов прСвращаСтся Π² сСтку ΠΈΠ· 3 столбцов ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°
  96. АдаптивноС Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ iframe youtube
  97. АдаптивноС ΠΈ идСальноС ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅ Π΄Π΅Π»Π΅Π½ΠΈΠ΅ АдаптивноС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ пСрСмСщаСтся Π²Π»Π΅Π²ΠΎ послС ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°
  98. Адаптивная Ρ„ΠΎΡ€ΠΌΠ° ΠΊΡ€ΡƒΠ³Π°
  99. Адаптивная подпись CSS, Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ курсора ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
  100. АдаптивныС ΠΊΡ€ΡƒΠ³ΠΈ CSS с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ
  101. ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Π°Ρ сСтка CSS с рисунком
  102. ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΊΠΈ якоря с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ CSS β€” ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
  103. Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½ для сСтки div
  104. АдаптивноС ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ изобраТСния Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½ΠΎΠ³ΠΎ div
  105. Адаптивный div Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ΡΡ ΠΏΠΎΠ²Π΅Ρ€Ρ… Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ div
  106. Адаптивный div ΠΏΠ»Π°Π²Π°Π΅Ρ‚ ΠΈ цСнтрируСтся
  107. АдаптивноС ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ DIV Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… изобраТСния Β«background-size: containsΒ»
  108. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ div β€” ΠΎΠ΄ΠΈΠ½ фиксированный div, Π²Ρ‚ΠΎΡ€ΠΎΠΉ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ с фиксированным ΠΏΠΎΠ»Π΅ΠΌ
  109. АдаптивныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ DL ΠΈ DT
  110. АдаптивныС элСмСнты с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ CSS
  111. Respons div Π±Π΅Π· указания высоты
  112. Адаптивный Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» Π²Π½ΠΈΠ·Ρƒ страницы
  113. Адаптивный ΠΏΠΎΠ»Π½ΠΎΡ€Π°Π·ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ Π²Π΅Π±-сайт с двумя ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌΠΈ, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ
  114. Адаптивная сСтка с фиксированной ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ
  115. ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Π°Ρ высота, ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ ΡˆΠΈΡ€ΠΈΠ½Π΅
  116. ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ iframe с фиксированным div ΠΏΠΎΠ΄ Π½ΠΈΠΌ
  117. ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ элСмСнты списка
  118. ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ ΠΊΡ€ΡƒΠ³ изобраТСния для Ρ‚Π΅Π³Π° img ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° изобраТСния Π² HTML
  119. АдаптивныС изобраТСния с использованиСм Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния CSS
  120. Адаптивный ΠΌΠ°ΠΊΠ΅Ρ‚ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ с использованиСм Foundation 3
  121. Адаптивный ΠΌΠ°ΠΊΠ΅Ρ‚ с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ растущими ΠΏΡ€ΠΎΠ±Π΅Π»Π°ΠΌΠΈ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ строкС
  122. Адаптивная навигация, выровнСнная ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Π°
  123. Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ€Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS html
  124. АдаптивноС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ высоты изобраТСния для соотвСтствия тСксту-div рядом с Π½ΠΈΠΌ
  125. Адаптивный ряд ΠΈΠΊΠΎΠ½ΠΎΠΊ
  126. Адаптивный тСкст β€” Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ спрайта image
  127. НалоТСниС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ тСкста Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
  128. Адаптивная сСтка ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€, ΠΈΠ·ΠΌΠ΅Π½ΡΡŽΡ‰Π°Ρ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅
  129. Адаптивный Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ div
  130. Адаптивный Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с Ρ€Π°ΠΌΠΊΠΎΠΉ ΠΏΠΎ высотС ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°
  131. АдаптивныС ΠΏΡ€Π°Π²ΠΈΠ»Π° Π²Π΅Π± -CSS
  132. Акваливный Π²Π΅Π± -Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ фиксированныС ΠΌΠ°Ρ€ΠΆΠΈ
  133. Акваливный Π²Π΅Π± -Π΄ΠΈΠ·Π°ΠΉΠ½ с использованиСм смСны ΠΌΠ°ΠΊΠ΅Ρ‚Π°
  134. Адаптивная Π²Π΅Π± -страница β€” Splash Page
  135. ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅ΠΌΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π΅Π± -сайта. Π’ΠΎ ΠΆΠ΅ самоС
  136. ΠžΡ‚Π²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ насыщСнныС divs
  137. . ΠžΡ‚Π²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΠΉ тСкст Π²Π½ΡƒΡ‚Ρ€ΠΈ. div
  138. Установка высоты LI Π½Π° 100% Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ срСдС
  139. Настройка HTML-страницы с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π² полноэкранном Ρ€Π΅ΠΆΠΈΠΌΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Π»Π°
  140. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ с 3 столбцами
  141. Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ div
  142. Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½ для Π΄Π²ΡƒΡ… Ρ„ΠΈΠ³ΡƒΡ€
  143. Π’Ρ€ΠΈ div рядом, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ
  144. Π’Ρ€ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… изобраТСния с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ
  145. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ div

    6 Π”Π²Π° Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… div , полная высота, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚

  146. Π”Π²Π° элСмСнта div высотой 100% Ρ€Π΅Π°Π³ΠΈΡ€ΡƒΡŽΡ‚ ΠΏΡ€ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠΈ
  147. НСравномСрная адаптивная сСтка изобраТСния/тСкста с Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ
  148. Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ тСкста Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ элСмСнтС div
  149. Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ изобраТСния Π²Π½ΡƒΡ‚Ρ€ΠΈ Π±Π»ΠΎΠΊΠ° div с измСняСмой высотой
  150. Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния Π²Π½ΡƒΡ‚Ρ€ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ°

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°ΡΡ‚ΡΠ³ΠΈΠ²Π°ΡŽΡ‰Π΅Π΅ΡΡ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π²Π΅Π±-сайт

ΠŸΡ€ΠΈΠ²Π΅Ρ‚ всСм, ΠΏΡ€ΠΈΡˆΠ»ΠΎ врСмя Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ наш скучный сСрый Ρ„ΠΎΠ½ Π½Π° наш Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Он ΠΊΡ€ΡƒΡ‚ΠΎΠΉ, Π²Ρ€ΠΎΠ΄Π΅ эластичный, вписываСтся Ρ‚ΡƒΠ΄Π°, Π·Π°ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ вСсь Ρ„ΠΎΠ½, выглядит Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ. НС ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΅Π΄ΠΈΠΌ, Π½ΠΎ выглядит вкусно. Π˜Ρ€ΠΎΠ½ΠΈΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π²Π΅Π³Π΅Ρ‚Π°Ρ€ΠΈΠ°Π½Π΅Ρ†, Π½ΠΎ мясо выглядит Ρ‚Π°ΠΊ Ρ…ΠΎΡ€ΠΎΡˆΠΎ, особСнно Π½Π° Ρ‚Π°ΠΊΠΈΡ… фотографиях. Π’Π°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ‡Π΅, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π²ΠΎΠΉΠ΄Π΅ΠΌ ΠΈ Ρ€Π΅ΡˆΠΈΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½.

Π₯ΠΎΡ€ΠΎΡˆΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ нашС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, это Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ странно, ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π΅ Π²ΠΈΠ΄Π΅ΠΎ ΠΈΠ»ΠΈ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… Π²ΠΈΠ΄Π΅ΠΎ ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ нашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. ΠœΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Π΅Π³ΠΎ Π² HTML, ΠΈ ΠΎΠ½ появился Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части этого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΈ это Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ. ЕдинствСнная ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Π΅Π³ΠΎ Π² ваш HTML Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ свСрх ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ»ΠΈ, ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ. Π˜Ρ‚Π°ΠΊ, ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ это Π±Ρ‹Π»ΠΎ Π½Π° Π·Π°Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅, ΠΈ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ это Π±Ρ‹Π»ΠΎ скорСС эффСктом, Π° Π½Π΅ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ, с Ρ‡Π΅ΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ, просто ΠΏΡ€ΡΡ‡Π°ΡΡŒ сзади. Π­Ρ‚ΠΎ большС ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° ΡΡ‚ΠΈΠ»ΡŒ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΡ‹ добавляСм Π΅Π³ΠΎ Π² стили CSS. ΠœΡ‹ Π΄Π΅Π»Π°Π΅ΠΌ это здСсь, Π² styles.css, ΠΈ добавляСм Π΅Π³ΠΎ, Π² ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ· Π½ΠΈΡ… ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΅Π³ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ?

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅ Π½Π°ΡˆΡƒ ΠΌΠ΅Ρ‚ΠΊΡƒ, Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ вСсь Ρ„ΠΎΠ½, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ сдСлали сСрой? Π­Ρ‚ΠΎ Ρ‚ΠΎΡ‚ самый Ρ‚Π΅Π³. Π˜Ρ‚Π°ΠΊ, Ρ‚Π΅Π³ Body здСсь ΠΌΡ‹ сдСлали сСрым, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ сСрым. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ я ΠΎΡΡ‚Π°Π²Π»ΡΡŽ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π°, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ изобраТСния трСбуСтся Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя. Π’Π°ΠΊ Ρ…ΠΎΡ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Π² Ρ„ΠΎΠ½Π΅, ΠΏΠΎΠΊΠ° Π½Π΅ загрузится. Бпособ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это, ΠΎΠ½ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π½Π°Π·Π²Π°Π½, ΠΎΠ½ называСтся background-image; Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ. ЕдинствСнноС, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ясно, это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ дальшС, ΠΈ это URL. Π­Ρ‚ΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Ρ‚Π΅Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Ρ‚Π°ΠΌ.
 
Π˜Ρ‚Π°ΠΊ, URL-адрСс, Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, URL-адрСс Π²Π½ΡƒΡ‚Ρ€ΠΈ этой скобки, ΠΈΠ·Π²ΠΈΠ½ΠΈΡ‚Π΅, Π΄Π°, скобки, Π²Ρ‹ Π²Π²ΠΎΠ΄ΠΈΡ‚Π΅, ΠΊΡƒΠ΄Π° ΠΈΠ΄Π΅Ρ‚. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ это Π±ΡƒΠ΄Π΅Ρ‚ Π² изобраТСниях, косая Ρ‡Π΅Ρ€Ρ‚Π°, β€˜/’, ΠΈ ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρƒ вас Π΅ΡΡ‚ΡŒ косая Ρ‡Π΅Ρ€Ρ‚Π° Π² CSS, ΠΎΠ½ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚: Β«Π­ΠΉ, Π²Ρ‹ ΠΈΠΌΠ΅Π΅Ρ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ?Β» Π° Ρ‚Ρ‹ Ρ‚Π°ΠΊΠΎΠΉ: «НСт, Π½Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΒ». МнС Π½ΡƒΠΆΠ½ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ я использовал для Ρ„ΠΎΠ½Π°. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ я сохранил это для вас, это Π² Π²Π°ΡˆΠΈΡ… Ρ„Π°ΠΉΠ»Π°Ρ… ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠΉ. Π˜Ρ‚Π°ΠΊ, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹ΠΉΡ‚ΠΈ ΠΊ Ρ‚ΠΎΠΌΡƒ, ΠΊΡ‚ΠΎ вас нашСл. НайдитС свои Ρ„Π°ΠΉΠ»Ρ‹ ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠΉ, Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Project1. Π—Π΄Π΅ΡΡŒ Π΅ΡΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ называСтся Π€ΠΎΠ½. Π― ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡΡŒ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ, я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Command C Π½Π° Mac, Ctrl C Π½Π° ПК. Π Π°Π±ΠΎΡ‡ΠΈΠΉ стол, я ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡΡŒ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² ΠΏΠ°ΠΏΠΊΡƒ с изобраТСниями вмСстС с Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠΌ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, надСюсь, я смогу ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΊΠΎΡΡƒΡŽ Ρ‡Π΅Ρ€Ρ‚Ρƒ, Π²ΠΎΡ‚ ΠΈ всС. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ, ΠΈ ΠΎΠ½ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚: Β«Π’Ρ‹ ΠΈΠΌΠ΅Π΅Ρ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ этого парня?Β» Π’Ρ‹ Ρ‚Π°ΠΊΠΎΠΉ: Β«Π”Π°, это ΠΏΠ°Ρ€Π΅Π½ΡŒΒ» ΠΈΠ»ΠΈ Π΄Π΅Π²ΡƒΡˆΠΊΠ°. Π”Π°Π²Π°ΠΉΡ‚Π΅ поставим Π½Π°ΡˆΡƒ Ρ‚ΠΎΡ‡ΠΊΡƒ с запятой, Π΄Π°Π²Π°ΠΉΡ‚Π΅ сохраним ΠΈ посмотрим, сработало Π»ΠΈ это. И этого ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ достаточно, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ: Β«Π“ΠΎΡ‚ΠΎΠ²ΠΎ, Π΄Π²ΠΈΠ³Π°ΠΉΡ‚Π΅ΡΡŒ дальшС», Π½ΠΎ Ссли Π²Ρ‹ ΠΏΠΎΡ…ΠΎΠΆΠΈ Π½Π° мСня ΠΈ вы… Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ это Π½Π΅ совсСм Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ я Ρ…ΠΎΡ‡Ρƒ, Π²Π°ΠΌ это ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΡ‚ΡŒΡΡ, Π½ΠΎ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ я Ρ…ΠΎΡ‡Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ это ΠΊΠ°ΠΊ Π±Ρ‹ Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ, Ссли ΠΊΡ‚ΠΎ-Ρ‚ΠΎ смотрит Π½Π° мСньший экран, это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ всС Π΅Ρ‰Π΅ находится Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅. Π•ΡΡ‚ΡŒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ простой класс CSS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. Ну Π½Π΅ класс, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚. Π’Π°ΠΊ это называСтся Ρ„ΠΎΠ½, Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ, Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΠ½Π°. И здСсь Π΅ΡΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ ОблоТка.

ОблоТка Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„ΠΎΠ½Π° ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π½Π°ΠΌ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ; Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€. О, классно. Π‘ΠΌΠΎΡ‚Ρ€ΠΈ Π²Π½ΠΈΠ·Ρƒ, Π²Π½ΠΈΠ·Ρƒ, повторяСт ΠΎΠ½, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ этой ΡˆΡ‚ΡƒΠΊΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ странноС. ΠžΠ±Ρ€Π°Π·, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρƒ нас Π΅ΡΡ‚ΡŒ, Ρ‚ΡƒΠ΄Π° Π½Π΅ совсСм вписываСтся, поэтому ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, ΠΈ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΠΎΠ½ повторяСт это. Π˜Ρ‚Π°ΠΊ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, ΠΊΠ°ΠΊ ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ повторСния. Π­Ρ‚ΠΎ Ρ€Π΅ΡˆΠΈΡ‚ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρƒ нашСй ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, поэтому ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Β«Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Β». Π˜Ρ‚Π°ΠΊ, Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ ΠΏΠΎΠ²Ρ‚ΠΎΡ€, я Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π» ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΠ²Ρ‚ΠΎΡ€, поТалуйста. ΠŸΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΉ. Π”Π°Π²Π°ΠΉ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ, Π° Π΅Π³ΠΎ Π½Π΅Ρ‚.

Π­Ρ‚Π° большая ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ° здСсь, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, насколько ΠΎΠ½Π° вас Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°Π΅Ρ‚, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ странно. Π˜Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ это сработало, Π²Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Ρ‚Π΅Π»ΠΎ β€” это Ρ‚Π° ΠΌΠ΅Ρ‚ΠΊΠ°, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ, Π²Π΅Ρ€Π½ΠΎ? Π½ΠΎ Π½Π°Π΄ всСм Π΅ΡΡ‚ΡŒ Π²ΡΠ΅ΠΎΠ±ΡŠΠ΅ΠΌΠ»ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ HTML. И Ρ‡Ρ‚ΠΎΠ±Ρ‹ это исчСзло, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Ρ‚Π΅Π³ прямо Π½Π°Π΄ Π½ΠΈΠΌ ΠΈ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ: Β«Π― Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π», Ρ‡Ρ‚ΠΎΠ±Ρ‹ HTML-Ρ‚Π΅Π³ ΠΈΠΌΠ΅Π» высоту 100Β». Высота 100%. И это исправляСт это, я Π΄Π°ΠΆΠ΅ Π½Π΅ ΡƒΠ²Π΅Ρ€Π΅Π½, ΠΏΠΎΡ‡Π΅ΠΌΡƒ. Но это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄Π΅Π»Π°Π΅ΠΌ. Зависит ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ я ΡƒΠΆΠ΅ сказал, ΠΈΠ½ΠΎΠ³Π΄Π° Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ я ΠΌΠΎΠ³Ρƒ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ это Π²Π°ΠΌ, Π° ΠΈΠ½ΠΎΠ³Π΄Π° Π½Π΅Ρ‚. Π’Π°ΠΊ Π²ΠΎΡ‚. Он ΠΏΠΎΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚, ΠΎΠ½ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚, это приятно.

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° Π²Π΅Ρ‰ΡŒ, Ссли Π²Ρ‹ ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚Π΅ΡΡŒ ΠΏΡ€ΠΈΠ΄ΠΈΡ€Ρ‡ΠΈΠ²Ρ‹ΠΌ, это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΊΠ°ΠΊ Π±Ρ‹ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΈ остаСтся Ρ‚Π°ΠΌ, Π½ΠΎ ΠΎΠ½ Π½Π΅ совсСм ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ, Π²Ρ‹ Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅: Β«ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ‚Ρ‹ Π½Π΅ совсСм ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ?Β» Π‘ Ρ„ΠΎΠ½ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ²ΠΎΠ·ΠΈΡ‚ΡŒΡΡ, ΠΊΠ°ΠΊ это называСтся, Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π°. Π― ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ написал, Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π°, Π½Π΅Ρ‚, это Ρ„ΠΎΠ½, Ρ‡ΡƒΠ²Π°ΠΊ, Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚β€” позиция, Π²ΠΎΡ‚ ΠΈ всС. Π˜Ρ‚Π°ΠΊ, Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΈ ΠΌΡ‹ ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π΅ΠΌ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ, Ρ‚ΠΎΡ‡ΠΊΠ° с запятой, β€˜;’ И это Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ это. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ вмСсто… это Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ΄Ρ‚ΠΈ ΠΎΡ‚ Ρ†Π΅Π½Ρ‚Ρ€Π°, Π° Π½Π΅ ΠΊΠ°ΠΊ Π±Ρ‹ Π²Π»Π΅Π²ΠΎ ΠΈ Π²ΠΏΡ€Π°Π²ΠΎ. Π”Π°, ΠΌΠ½Π΅ нравится. Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, Ссли Π²Ρ‹ смотритС Π½Π° ΠΎΡ‡Π΅Π½ΡŒ малСньком экранС, Π²Ρ‹ Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅: Β«Π― Π΄Π°ΠΆΠ΅ этого Π½Π΅ ΠΌΠΎΠ³Ρƒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Дэн». Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²Π΄Π°, я Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄ΡƒΠΌΠ°Π» ΠΎΠ± этом Ρ‚ΠΎΠ³Π΄Π°, я Π΄ΡƒΠΌΠ°ΡŽ, Ссли Ρƒ вас Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ малСнький экран, это Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ слоТно Ρ€Π°ΡΡ‚ΡΠ½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ достаточно большим, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ всС Π²ΠΈΠ΄Ρ‹ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π±ΠΈΡ‚ΠΎΠ². Π­Ρ‚ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ.

Π― Π΄ΠΎΠ³Π°Π΄Ρ‹Π²Π°ΡŽΡΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Ρ‹ Ρ‚ΠΎΠ³Π΄Π° дСлаСшь, напримСр… Ρ‚Ρ‹, Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅, моТСшь ΡƒΠΉΡ‚ΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΡ‡Ρ‚ΠΈ всС это исчСзнСт. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ³Π΄Π° ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ мСня с ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ экраном ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ Π΅Π³ΠΎ ΠΈ скаТСт: Β«Π­ΠΉ, ΠΎΠ½ выглядит, выглядит нСкрасиво».

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *