Π Π°Π·Π½ΠΎΠ΅

Css3Ps: free cloud based photoshop plugin that converts layers to CSS3 styles.

11.09.2023

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

БСсплатныС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ для Photoshop ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ

Adobe Photoshop являСтся ΠΌΠΎΡ‰Π½ΠΎΠΉ, дизайнСрской ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠΎΠΉ, Π½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ Π΅Π΅ возмоТности. ИспользованиС Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΡƒΡ‚ΠΎΠΌΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ»ΠΈ слоТныС Π·Π°Π΄Π°Ρ‡ΠΈ Π±ΠΎΠ»Π΅Π΅ эффСктивно, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π·Π°Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ мСньшС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

НиТС пСрСчислСны бСсплатныС ΠΈ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ соврСмСнныС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящиС для Π²Π΅Π±- ΠΈ графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΎΠ±Π»Π΅Π³Ρ‡Π°Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Ρ†Π΅Π»Ρ‹ΠΌ рядом Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

Social Kit Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя настраиваСмыС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ для Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΡ… ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй — Facebook, Google+, Twitter ΠΈ YouTube — вмСстС с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ.Β ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ шаблон ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ настраиваСмый, ΠΏΠ»Π°Π³ΠΈΠ½ автоматичСски обновляСтся, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π΅Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ измСнСния Π² конструкции ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сайтов.Β 


Β 

Layrs ControlявляСтся бСсплатным ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…Ρ€Π°Π½ΠΈΡ‚ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ скриптов для выполнСния ΠΏΡ€ΠΈΠ·Π΅ΠΌΠ»Π΅Π½Π½Ρ‹Ρ… Π·Π°Π΄Π°Ρ‡ Π² Photoshop: ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… эффСктов, сглаТиваниС слоя эффСкты, ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ пустых слоСв для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π° ΠΈ Π΄Ρ€.

Β 

Cut & Slice позволяСт ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π°ΠΊΡ‚ΠΈΠ²Ρ‹ Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ устройства Π·Π° считанныС сСкунды, это ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс.Β Π’Ρ‹ смоТСтС Π²Ρ‹Ρ€Π΅Π·Π°Ρ‚ΡŒ ΠΈ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG, ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ лишниС пиксСли ΠΈΠ»ΠΈ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€.

Β 

CSS3Ps — это бСсплатный ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ слои Π² CSS3.Β ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ основан Π½Π° ΠΎΠ±Π»Π°ΠΊΠ΅, обновлСния ΠΈ исправлСния ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ нСобходимости ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ для использования Π½ΠΎΠ²Ρ‹Π΅ возмоТности. Плагин прост Π² использовании: просто Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ слои ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ CSS3Ps, ΠΈ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Ρ‹ Π½Π° Π²Π΅Π±-страницу CSS3Ps с ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ.

Β 

BlendMe.in — это ΠΏΠ»Π°Π³ΠΈΠ½ для Photoshop ΠΈ Illustrator, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΈΡΠΊΠ°Ρ‚ΡŒ тысячи Π°ΠΊΡ‚ΠΈΠ²ΠΎΠ² (Π² Ρ‚ΠΎΠΌ числС популярных ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈΠΊΠΎΠ½ΠΎΠΊ), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ просто ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ Π½Π° холст ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ. ВсС ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, поэтому ΠΎΠ½ΠΈ Π²ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈ бСсконСчно ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ.

Β 

Renderly автоматичСски экспортируСт экраны, Π°ΠΊΡ‚ΠΈΠ²Ρ‹ ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ спСцификации, с Π΅Π³ΠΎ смарт-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Ρ‹. ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ прСфикс, ΠΈ Render.ly сдСлаСт всС ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΊΠ°ΠΊ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ прСфикс «ico «. Для ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΡƒ с «btn» ΠΈ создайтС состояниС (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ «: hover») Π² ΠΊΠΎΠ½Ρ†Π΅ ΠΈΠΌΠ΅Π½ΠΈ Ρ‚ΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΡ‹. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния ΠΊΠ°ΠΊ Ρ€Π°ΡΡ‚Ρ€ΠΎΠ²ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ «img» ΠΊΠ°ΠΊ прСфикс. Π’Π½ΡƒΡ‚Ρ€ΠΈ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ «+» ΠΏΠ΅Ρ€Π΅Π΄ ΠΈΠΌΠ΅Π½Π΅ΠΌ слоя, Π° Renderly автоматичСски экспортируСт ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ экранов ΠΈΠ»ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ², сколько трСбуСтся.

Renderly Π² настоящСС врСмя находится Π² Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΎΠΉ Π±Π΅Ρ‚Π°-вСрсии, Π½ΠΎ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π½ΠΎΠ²Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² — просто Π½ΡƒΠΆΠ½ΠΎ Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ шанс для Π΅Π³ΠΎ использования.

Β 

Π Π°Π±ΠΎΡ‚Π° с нСсколькими Π³ΠΈΠ΄Π°ΠΌΠΈ Π² Photoshop ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π³ΠΎΠ»ΠΎΠ²Π½ΠΎΠΉ боль, Π½ΠΎ использованиС GuideGuide позволяСт Π»Π΅Π³ΠΊΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ столбцы с Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎ пиксСля

Плагин Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Photoshop CS5, CS6 ΠΈ Π‘Π‘ ΠΈ прост Π² установкС. Β 

Β 

ComposerпозволяСт ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ нСсколько Π½Π°Π±ΠΎΡ€ΠΎΠ² слоСв Π² Photoshop с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠ»ΠΈΠΊΠ°. ПО Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Photoshop CS5 ΠΈΠ»ΠΈ Π²Ρ‹ΡˆΠ΅.

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π»ΡŽΠ±Ρ‹Π΅ слои ΠΈΠ»ΠΈ Π³Ρ€ΡƒΠΏΠΏΡ‹, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ измСнСния, ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΎΠ΄Π½Ρƒ ΠΈΠ· Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… ΠΊΠΎΠΌΠ°Π½Π΄, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ слои.

Плагин Web Font позволяСт ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΌΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ сайта Π²Π½ΡƒΡ‚Ρ€ΠΈ Photoshop с доступом ΠΊ тысячам Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ². Он Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Suitcase Fusion 5 ΠΈ сСрвисом Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² WebINK.

Β 

Flaticon — это бСсплатный ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, созданный ΠΏΠΎ ΠΈΠ½ΠΈΡ†ΠΈΠ°Ρ‚ΠΈΠ²Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². ПО ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠ΄Π½Ρƒ ΠΈΠ· самых Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π±Π°Π· свободных Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ, доступных для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… SVG, PSD ΠΈΠ»ΠΈ PNG.Β ΠœΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹ΠΉ доступ ΠΊ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 31 000 ΠΈΠΊΠΎΠ½.Β Π‘Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ… всСгда синхронизируСтся, поэтому Π½Π΅ придСтся Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ ΠΎ Ρ€ΡƒΡ‡Π½ΠΎΠΌΡƒ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΈ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ. Плагин Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Photoshop CS5, CS6 ΠΈ CC, ΠΎΠ½ совмСстим ΠΊΠ°ΠΊ с Windows, Ρ‚Π°ΠΊ ΠΈ с Mac OS X.

Breeezy – Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ добавляСт ΠΌΠ½ΠΎΠ³ΠΎΡΠ»ΠΎΠΉΠ½ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ экспорта Π² Photoshop.Β Π­Ρ‚ΠΎ позволяСт быстро ΠΈ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€ΠΈΠ³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π²Π΅Π±-сайтов.

Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Photoshop CS5 ΠΈ Π²Ρ‹ΡˆΠ΅, Π½Π° Windows ΠΈ Mac OS X.

SavePanelпрСдставляСт собой ΠΏΠ»Π°Π³ΠΈΠ½ для Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ сохранСниС Ρ„Π°ΠΉΠ»ΠΎΠ², это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ для сохранСния Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² с использованиСм Π»ΡŽΠ±ΠΈΠΌΡ‹Ρ… настроСк.Β  ИспользованиС SavePanel со слуТбой ΠΊΠ°ΠΊ Dropbox позволяСт эффСктивно ΠΎΠ±ΠΌΠ΅Π½ΠΈΠ²Π°Ρ‚ΡŒΡΡ изобраТСниями с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ людьми нСпосрСдствСнно ΠΈΠ· Photoshop.

Β 

Β 

Β 

Β 

ΠžΡΡ‚Π°Π²ΡŒΡ‚Π΅ свой ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ!

  • ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ Π² Π’ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅
Tags:

  • adobe
  • photoshop
  • Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ
Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

< ΠŸΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π°Ρ Β  Π‘Π»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ >

Π›ΡƒΡ‡ΡˆΠΈΠ΅ бСсплатныС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Photoshop для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

0 ∞

Π Π°Π±ΠΎΡ‚Π° Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° — это творчСский процСсс, ΠΈ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π΅Π»ΡΡ‚ΡŒ большС внимания творчСству, Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΡΡ‚Π°Ρ€Π°ΡŽΡ‚ΡΡ всячСски ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ. Для этого ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΈ инструмСнты. На сСгодняшний дСнь сущСствуСт мноТСство ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΡ‰Π΅.

Часто самыС Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΈΠ»ΠΈ самыС ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ инструмСнты ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΌΠΈ, ΠΈ Π½Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π³ΠΎΡ‚ΠΎΠ² Π²Ρ‹ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ Π·Π° Π½ΠΈΡ… дСньги. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ создали ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒ Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌΠΈ, ΠΊΠ°ΠΊ для ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ‚Π°ΠΊ ΠΈ Π»ΡŽΠ±ΠΈΡ‚Π΅Π»Π΅ΠΉ.

  • Layrs Control
    • Cut&Slice
    • Render.ly
    • CSS3Ps
    • Composer
    • GuideGuide
    • WebFont
    • Divine Elemente
    • Random User Generator
    • BlendMeIn
    • FlatIcon

CS6 CC

Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Photoshop прСдставляСт собой Π½Π°Π±ΠΎΡ€ скриптов, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ смоТСтС просто ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ всС Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ эффСкты слоя ΠΈΠ»ΠΈ пустыС слои, Ρ€Π°ΡΡ‚Π΅Ρ€ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эффСкты слоя, задавая для Π½ΠΈΡ… стили Π² соотвСтствии с ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°ΠΌΠΈ плоского Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

А Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ плоскиС интСрфСйсы становятся всС Π±ΠΎΠ»Π΅Π΅ популярными, Ρ‚ΠΎ для ΠΈΡ… создания Π²Π°ΠΌ потрСбуСтся ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Skeuomorphism.it.

CS6 CC

Π­Ρ‚ΠΎΡ‚ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для Ρ€Π΅Π·ΠΊΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ экспорта ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΏΠΎΠ΄ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ устройства. Для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰Π΅Π³ΠΎ с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ экрана, это поистинС Π½Π°Ρ…ΠΎΠ΄ΠΊΠ°. Cut&Slice позволяСт ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слои, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΏΠΎΠ΄ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ устройств.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ синтаксиса, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ ΠΏΡ€ΠΈ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠΈ слоСв, Cut&Slice ΠΌΠΎΠΆΠ΅Ρ‚ автоматичСски Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ дСйствия Π½Π°Π΄ слоСм ΠΈΠ»ΠΈ Π³Ρ€ΡƒΠΏΠΏΠΎΠΉ слоСв. Π’ Ρ‚ΠΎΠΌ числС ΠΎΠ±Ρ€Π΅Π·ΠΊΡƒ, ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ состояния ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ ΠΈΡ… располоТСниС Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π² зависимости ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° устройства.

CC

Render.ly ΠΏΠΎ своСму Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Ρƒ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ схоТ с Cut&Slice, Π½ΠΎ этот ΠΏΠ»Π°Π³ΠΈΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. Он позволяСт ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Ρ‚Π΅ΠΌ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΈ становятся доступны Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ Render.ly Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ экспортируСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Ρ‹ Π²ΠΎ врСмя послСднСй сСссии. Π­Ρ‚ΠΎ позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ быстро ΠΈ эффСктивно.

CS3 +

CSS3Ps — это ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ стили ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Photoshop Π² CSS3 ΠΈ SCSS/SASS ΠΏΠΎΠ΄ Compass. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π΅Ρ‰Π΅ нСсколько ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ тСкстовыС слои, Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ Ρ‚Π΅Π½ΠΈ ΠΈ внСшнСС свСчСниС, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ±Π»Π΅Π³Ρ‡Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ ΠΈ внСшнСй подсвСтки, Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π³Ρ€Π°Π½ΠΈΡ† радиусов ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

Плагин Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° основС ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Ρ‡Ρ‚ΠΎ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ, ΠΈ ΠΏΠ»ΠΎΡ…ΠΎ. Π₯ΠΎΡ€ΠΎΡˆΠΎ это Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ обновлСния ΠΏΠ»Π°Π³ΠΈΠ½Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ Π½ΠΎΠ²Ρ‹ΠΌ функциям ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌ. НСдостаток ΠΆΠ΅ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ для CSS3Ps трСбуСтся постоянноС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ гСнСрируСтся Π½Π° сСрвСрС, Π° это ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

CS5, CS6, Π‘Π‘

Composer — это большой ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΎΠ΄Π½ΠΈ ΠΈ Ρ‚Π΅ ΠΆΠ΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ для Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… слоСв ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ объСм Ρ€ΡƒΡ‚ΠΈΠ½Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Ρ‚Π°ΠΊ Π½Π΅ Π»ΡŽΠ±ΠΈΡ‚ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². К соТалСнию, ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ 4 ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ (ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ стилСй слоя, ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ всС сразу), Π½ΠΎ Π² ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅ этого Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ для ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ для Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… слоСв.

CS5, CS6, Π‘Π‘

Π£Π΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с сСтками Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ… измСрСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ для Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

CS5, CS6, Π‘Π‘

Π’ своСй Ρ€Π°Π±ΠΎΡ‚Π΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ нСстандартныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹. Но, ΠΊ соТалСнию, Π½Π΅ всС ΠΈΠ· Π½ΠΈΡ… Π±ΡƒΠ΄ΡƒΡ‚ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΈ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠ°Ρ… устройств. Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ позволяСт «ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ» тысячи Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ… Π²ΠΈΠ΄ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ ΠΎΠΊΠ½Π΅ Photoshop. Плагин прСдоставляСт доступ ΠΊ бСсплатным Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌ ΠΎΡ‚ WebInk ΠΈ Google.

Divine Elemente — ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π½ΠΎ ΠΈ для Π±Π»ΠΎΠ³Π΅Ρ€ΠΎΠ² ΠΈ Π²Π΅Π±-мастСров, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‚ Π±Π°Π·ΠΎΠ²Ρ‹ΠΌΠΈ знаниями ΠΏΠΎ Photoshop. Как говорится Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ сайтС ΠΏΠ»Π°Π³ΠΈΠ½Π°: «ΠžΠ½ соСдиняСт Photoshop ΠΈ WordPress».

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° Divine Elemente Π΄Π°ΠΆΠ΅ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ смоТСт ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌΡƒ WordPress. ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½, ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ, ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ созданный Π΄ΠΈΠ·Π°ΠΉΠ½ Π² ΠΊΠΎΠ΄ HTML / CSS / PHP.

Π’ Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ Π°Π²Ρ‚ΠΎΡ€Ρ‹ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΎΠ±Π΅Ρ‰Π°ΡŽΡ‚ Π½Π°ΠΌ ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Π² Ρ‚ΠΎΠΌ числС: SEO-ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ, ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ XAMPP ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° прСдлагаСтся бСсплатная нСограничСнная ΠΏΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ использования Ρ‚Ρ€ΠΈΠ°Π»-вСрсия. А Ρ‚Π°ΠΊΠΆΠ΅ платная вСрсия, которая ΠΈΠΌΠ΅Π΅Ρ‚ ряд прСимущСств, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ бСсплатныС обновлСния ΠΏΡ€Π΅ΠΌΠΈΡƒΠΌ Ρ‚Π΅ΠΌΡ‹, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΈ Ρ‚.Π΄.

CS6, Π‘Π‘

Часто для тСстирования созданных ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π²Π΅Π±-страниц Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Π΄Π°Π½Π½Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ с рСалистичными ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ ΠΈ Ρ„ΠΎΡ‚ΠΎ. Π’ этом Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Random User Generator. НаТатиСм всСго ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ муТской ΠΈΠ»ΠΈ ТСнский «пСрсонаТ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ случайныС имя ΠΈ Ρ„Π°ΠΌΠΈΠ»ΠΈΡŽ, Ρ„ΠΎΡ‚ΠΎ, Π½ΠΎ Π² Ρ†Π΅Π»ΠΎΠΌ выглядит ΠΎΡ‡Π΅Π½ΡŒ рСалистично.

Π­Ρ‚Π° функция особСнно ΠΏΠΎΠ»Π΅Π·Π½Π°, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ тСстовый ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Плагин Random User Generator Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Π±Π°Π·Π΅ RandomUser API.

CS6, Π‘Π‘

Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· самых вострСбованных инструмСнтов для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Когда ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π΅Π±-страниц становится Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π²Ρ‹, вСроятно, Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ ΠΎΠ±ΡˆΠΈΡ€Π½ΡƒΡŽ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ высококачСствСнных элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΡƒΠΆΠ΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΊ использованию.

Плагин ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€ бСсплатных дизайнСрских рСсурсов Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, ΠΊΠ°ΠΊ для Photoshop, Ρ‚Π°ΠΊ ΠΈ для Illustrator. Установив BlendMeIn, Π²Ρ‹ смоТСтС ΠΈΡΠΊΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ элСмСнт, Π½Π΅ покидая Photoshop ΠΈΠ»ΠΈ Illustrator. Π”Π°Π½Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ оцСнят ΠΏΠΎ достоинству, ΠΊΠ°ΠΊ профСссионалы, Ρ‚Π°ΠΊ ΠΈ Π»ΡŽΠ±ΠΈΡ‚Π΅Π»ΠΈ.

CS5, CS6, Π‘Π‘

FlatIcon — бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдоставляСт доступ ΠΊ самой большой ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ (Π±ΠΎΠ»Π΅Π΅ 38 000 элСмСнтов) плоских ΠΈΠΊΠΎΠ½ΠΎΠΊ нСпосрСдствСнно ΠΈΠ· Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ срСды. Плагин Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ freepik.com, рСсурса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ источником бСсплатных Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈ . psd Ρ„Π°ΠΉΠ»ΠΎΠ².

Π Π΅Π΄Π°ΠΊΡ†ΠΈΡΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«The Best Free Photoshop Plugins for Web DesignersΒ»

Доступ ΠΊ css3ps.com. CSS3Ps β€” бСсплатный ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ слои Π² стили CSS3.

Доступ ΠΊ css3ps.com. CSS3Ps β€” бСсплатный ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ слои Π² стили CSS3.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΠΎΡ‚Π²Π΅Ρ‚

110 мс

РСсурсы Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Ρ‹

1,6 с

ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° страницы

648 мс

О Π²Π΅Π±-сайтС

ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅ сайт css3ps.com сСйчас, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Π»ΡƒΡ‡ΡˆΠΈΠΌ соврСмСнным ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ CSS3P для России, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с интСрСсными Ρ„Π°ΠΊΡ‚Π°ΠΌΠΈ ΠΎ css3ps.com, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹, вСроятно, Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π·Π½Π°Π»ΠΈ

CSS3Ps β€” это бСсплатный ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для Photoshop, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ для прСобразования слоСв Π² стили CSS3.

ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅ сайт css3ps.com

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹

ΠœΡ‹ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы Css3ps.com ΠΈ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ»ΠΈ, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ врСмя ΠΎΡ‚ΠΊΠ»ΠΈΠΊΠ° составляло 110 мс, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ 2,2 с для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ всСх рСсурсов DOM ΠΈ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π° Π²Π΅Π±-страницы.

Π­Ρ‚ΠΎ довольно Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ 40% Π²Π΅Π±-сайтов ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ быстрСС.

имя

Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅

ΠΎΡ†Π΅Π½ΠΊΠ°

вСс

FCP (First Contentful Paint)

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 1,5 с

96/100

10 %

LCP (отрисовка с наибольшим содСрТаниСм)

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 3,2 с

71/100

90 004 25 %

SI (индСкс скорости)

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 4,5 с

72/100

10 %

TBT (ΠΎΠ±Ρ‰Π΅Π΅ врСмя Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ)

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 1410 мс

15/100

30 %

9 0002 CLS (кумулятивный сдвиг ΠΌΠ°ΠΊΠ΅Ρ‚Π°)

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 0,023

100/ 100

15%

TTI (врСмя Π΄ΠΎ интСрактивности) 910% мс

openapi.js

366 мс

jquery-1.7.2. min.js

129 мс

jquery.watermark.min.js

15 мс

ВсСго наш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ сдСлал 60 запросов Π½Π° Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ всСх элСмСнтов Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС. ΠœΡ‹ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ»ΠΈ, Ρ‡Ρ‚ΠΎ 18% ΠΈΠ· Π½ΠΈΡ… (11 запросов) Π±Ρ‹Π»ΠΈ адрСсованы ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠΌΡƒ Css3ps.com, 18% (11 запросов) β€” Vk. com ΠΈ 13% (8 запросов) β€” Apis.google.com. МСнСС ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ ΠΈΠ»ΠΈ самый ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹ΠΉ элСмСнт, Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ заняла большС всСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ (473 мс), относится ΠΊ Π²Π½Π΅ΡˆΠ½Π΅ΠΌΡƒ источнику Vk.com.

Π Π°Π·ΠΌΠ΅Ρ€ содСрТимого

1,1 ΠœΠ‘

ПослС ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ

494,4 ΠΊΠ‘

На самом Π΄Π΅Π»Π΅ ΠΎΠ±Ρ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π³Π»Π°Π²Π½ΠΎΠΉ страницы Css3ps.com составляСт 1,1 ΠœΠ‘. Π­Ρ‚ΠΎΡ‚ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ 1 ΠΌΠ»Π½ Π»ΡƒΡ‡ΡˆΠΈΡ… Π²Π΅Π±-сайтов ΠΈ опрСдСляСт Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΈ Π½Π΅ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ Π²Π΅Π±-страницу, Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π½ΡΡ‚ΡŒ Ρ†Π΅Π»ΡƒΡŽ Π²Π΅Ρ‡Π½ΠΎΡΡ‚ΡŒ. 70% Π²Π΅Π±-сайтов Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ мСньшС рСсурсов для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. Javascripts Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ 563,6 ΠšΠ‘, Ρ‡Ρ‚ΠΎ составляСт Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ объСма сайта.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ HTML

-70%

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ Π½Π° 13,8 ΠšΠ‘

  • ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π» 19,9 ΠšΠ‘
  • ПослС ΠΌΠΈΠ½ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ 19,7 ΠšΠ‘
  • ПослС сТатия 6,1 ΠšΠ‘

HTML-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ ΠΈ сТат сСрвСром Π²Π΅Π±-сайта. НаиболСС эффСктивным способом являСтся сТатиС ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ GZIP, Ρ‡Ρ‚ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ объСм Π΄Π°Π½Π½Ρ‹Ρ…, ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Π΅ΠΌΡ‹Ρ… ΠΏΠΎ сСти ΠΌΠ΅ΠΆΠ΄Ρƒ сСрвСром ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ. HTML-ΠΊΠΎΠ΄ Π½Π° этой страницС Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½. ΠΠ°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ рСкомСндуСтся, Ρ‡Ρ‚ΠΎΠ±Ρ‹ содСрТимоС этой Π²Π΅Π±-страницы Π±Ρ‹Π»ΠΎ сТато с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ GZIP, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ Π΄ΠΎ 13,8 ΠšΠ‘ ΠΈΠ»ΠΈ 70% исходного Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ изобраТСния

-1%

ΠŸΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ Π½Π° 1,8 ΠšΠ‘

  • ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π» 184,7 ΠšΠ‘
  • ПослС ΠΌΠΈΠ½ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ 182,9 ΠšΠ‘

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π²Π΅Π±-сайта. На Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ Π²Ρ‹ΡˆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Π° Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Π΄ΠΎ ΠΈ послС ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ. Однако изобраТСния CSS3P Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ JavaScript

-64%

ΠŸΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ Π½Π° 358,7 ΠšΠ‘

  • ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π» 563,6 ΠšΠ‘
  • ПослС ΠΌΠΈΠ½ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ 505,5 ΠšΠ‘
  • ПослС сТатия 204,9 ΠšΠ‘

Π›ΡƒΡ‡ΡˆΠ΅ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ JavaScript, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ сайта. На Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ ΠΎΠ±Ρ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ всСх Ρ„Π°ΠΉΠ»ΠΎΠ² JavaScript Π² сравнСнии с ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΠΌΡ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ JavaScript послС Π΅Π³ΠΎ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ сТатия.

ΠΠ°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ рСкомСндуСтся, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС Ρ„Π°ΠΉΠ»Ρ‹ JavaScript Π±Ρ‹Π»ΠΈ сТаты ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ Π΄ΠΎ 358,7 ΠšΠ‘ ΠΈΠ»ΠΈ 64% исходного Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ CSS

-73%

ΠŸΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ сокращСниС Π½Π° 271,2 ΠšΠ‘

  • ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π» 371,7 ΠšΠ‘
  • ПослС ΠΌΠΈΠ½ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ 360,5 ΠšΠ‘
  • ПослС сТатия 100,5 ΠšΠ‘

ΠœΠΈΠ½ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ Ρ„Π°ΠΉΠ»ΠΎΠ² CSS ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Π° для сокращСния Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π° Π²Π΅Π±-страницы. Π§Π΅ΠΌ быстрСС ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ Ρ„Π°ΠΉΠ»Ρ‹ CSS, Ρ‚Π΅ΠΌ Ρ€Π°Π½ΡŒΡˆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½Π° страница. Css3ps.com Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ сТатия всСх Ρ„Π°ΠΉΠ»ΠΎΠ² CSS, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ Π΄ΠΎ 271,2 ΠšΠ‘ ΠΈΠ»ΠΈ 73% исходного Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

Запросов сСйчас

55

ПослС ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ

23

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΠ» 55 запросов CSS, Javascript, AJAX ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π³Π»Π°Π²Π½ΡƒΡŽ страницу CSS3P. ΠœΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒ нСсколько Ρ„Π°ΠΉΠ»ΠΎΠ² CSS ΠΈ JavaScript Π² ΠΎΠ΄ΠΈΠ½ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒ количСство запросов рСсурсов с 30 Π΄ΠΎ 1 для JavaScript ΠΈ с 4 Π΄ΠΎ 1 для CSS ΠΈ, ΠΊΠ°ΠΊ слСдствиС, ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.

css3ps.com

css3ps.com

110 мс

стили.css

стили.css

31 мс

openapi.js

openapi.js

366 мс

jquery-1.7.2.ΠΌΠΈΠ½.js

jquery-1.7.2 .min.js

129 мс

jquery.watermark.min.js

jquery.watermark.min.js

15 мс

scripts.js

scripts.js

15 мс

swfobject.js

swfobject.js

16 мс

Home.js

Home.js

18 мс

logo.png

logo.png

44 мс

photoshop.jpg

photoshop.jpg

50 мс

9 0002 browser.png

browser.png

84 мс

bwVL6zMauxc

bwVL6zMauxc

166 мс

plusone.js

plusone.js

90 мс

widgets.js

widgets.js 900 05

22 мс

all.js

all.js

44 мс

ΡˆΡƒΠΌ.png

Noise.png

83 мс

box-bg.jpg

box-bg.jpg

129 мс

Box.

png

Box.png 900 05

145 мс

213 мс

xd_arbiter. php

xd_arbiter.php

44 мс

xd_arbiter.php

xd_arbiter.php

71 мс

cb=gapi.loaded_0 900 03

cb=gapi.loaded_0

44 мс

cb=gapi.loaded_1

cb=gapi.loaded_1

76 мс

fastbutton

fastbutton

173 мс

www-embed-player-vflfNyN_r.css

www-embed-player-vflfNyN_r.css

83 мс

www-embed-player.js

www-embed -player.js

114 мс

base.js

base.js

183 мс

postmessageRelay

postmessageRelay

291 мс

W5F8_SL0XFawnjxHGsZjJA.ttf

W5F8_SL0XFawnjxHGsZjJA.ttf

241 мс

cb=gapi.loaded_0

cb=gapi.loaded_0

37 мс

cb=gapi.loaded_1

cb=gapi.loaded_1

27 мс

Tqng9ngJVK4Gqvh4e602hP-HqlN49KFEUSDtmrOPmWo.js

Tqng9ngJVK4Gqvh4e602hP-HqlN49KFEUSDtmrOPmWo. js

121 мс

ad_status.js

ad_status.js

98 мс

upload.gif

upload.gif

134 мс

ga.js

40 мс

watch.js

Watch.js

182 MS

Button.0308B81FF1714E446F674B5B9793F2CD.JS

Кнопка.0308B81FF1714E446F674B5B9793F2CD.JS

757F674B5B9793F2CD.JS

7575.1000.1000475.1000.1000475.1000.95.1000 754.-MS. essagerelay.js

3193398744-postmessagerelay.js

67 мс

RPC: Shindig_random. js

rpc:shindig_random.js

45 мс

widget_like.php

widget_like.php

235 мс

zN7GBFwfMP4uA6AR0 HCoLQ.ttf

zN7GBFwfMP4uA6AR0HCoLQ.ttf

34 мс

RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf

RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf 900 05

36 мс

__utm.gif

__utm.gif

19 мс

cb=gapi.loaded_0

cb=gapi.loaded_0

90 004 10 мс

tweet_button.

b9740740e0bcf9b0657c5b11bd4388da.en.html

tweet_button.b9740740e0bcf9b0657c5b11bd4388da.en.html

18 мс

like.php

like.php

83 мс

watch.js

watch.js

463 мс

qeKvIRsJabD.js

qeKvIRsJabD.js

40 мс

LVx-xkvaJ0b.png

LVx-xkvaJ0b.png

30 мс

loader_nav19188_3.js

loader_nav19188_3.js

132 мс

lite.css

lite.css

1 32 мс

lite.js

lite.js

473 мс

lang3_0.js

lang3_0 .js

239 мс

widgets.css

widgets.css

245 мс

xdm.js

xdm.js

248 мс 90 005

al_like.js

al_like.js

246 мс

ΠΉΠΎΡ‚Π°

101 мс

advert.gif

advert.gif

94 мс

like_widget.png

like_widget.png

118 мс

1

92 мс

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ доступности

Π­Ρ‚ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ вашСго ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Высокий

Π¦Π²Π΅Ρ‚Π° Ρ„ΠΎΠ½Π° ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ достаточной контрастности.

Π­Ρ‚ΠΎ возмоТности для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ сСмантики элСмСнтов управлСния Π² вашСм ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° чтСния с экрана.

Высокий

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈΠ»ΠΈ