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

17 ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Chrome-Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

26 БСнтября, 2016, 19:00

28090

Π§Π΅ΠΌ большС ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΏΡ€ΠΎΠ½ΠΈΠΊΠ°Π΅Ρ‚ Π²ΠΎ всС сфСры нашСй ΠΆΠΈΠ·Π½ΠΈ, Ρ‚Π΅ΠΌ большС Ρ€Π°Π±ΠΎΡ‚Ρ‹ Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Если Π²Ρ‹ Π½Π΅ ΠΆΠΈΠ²Π΅Ρ‚Π΅ Π² Π‘Π΅Π²Π΅Ρ€Π½ΠΎΠΉ ΠšΠΎΡ€Π΅Π΅ ΠΈ вашим ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ большС сайтов, Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ эффСктивнСС ΠΈ быстрСС Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ этот Π½Π°Π±ΠΎΡ€ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ для Chrome. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚, ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ, ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ ΠΏΠΎΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½ΡƒΡŽ ΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ элСмСнта Π½Π° страницС ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для Ρ€Π°Π·Π½Ρ‹Ρ… устройств β€” Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ всС это вопрос ΠΏΠ°Ρ€Ρ‹ ΠΊΠ»ΠΈΠΊΠΎΠ².

Muzli

ВсС самоС интСрСсноС для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²: новости, ΡΡ‚Π°Ρ‚ΡŒΠΈ, ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ссылки.

Responsive Web Design Tester

Π­Ρ‚ΠΎ быстрый ΠΈ простой способ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваш Π²Π΅Π±-сайт Π½Π° ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΡΡ‚ΡŒ. Помимо Chrome, поддСрТиваСтся Ρ‚Π°ΠΊΠΆΠ΅ Opera ΠΈ Mozilla Firefox.

Window Resizer

Π­Ρ‚ΠΎΡ‚ инструмСнт позволяСт ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π² Ρ€Π°Π·Π½ΠΎΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ.

Page Ruler

Π›ΠΈΠ½Π΅ΠΉΠΊΠ°, которая ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ ΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ любого элСмСнта Π½Π° любой Π²Π΅Π±-страницС.

Dimensions

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΌΠ΅Ρ€ΡΡ‚ΡŒ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ всС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

ColorZilla

ΠŸΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΉ инструмСнт для снятия ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ°, налоТСния Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° ΠΈ Ρ‚.ΠΏ. НСзамСним для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Π»ΡŽΠ±ΠΈΡ‚ Β«ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ с Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈΒ».

WhatFont

Π‘Π°ΠΌΡ‹ΠΉ простой способ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π½Π° Π²Π΅Π±-страницС.

TypeWonder

ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π½Π° любом Π²Π΅Π±-сайтС Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

CSSβ€Šβ€”β€ŠShack

Π­Ρ‚ΠΎ дСсктопноС Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ слои стилСй (ΠΊΠ°ΠΊ Π² любом графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅) ΠΈ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π² CSS-Ρ„Π°ΠΉΠ».

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ всС популярныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ, Π½ΠΎ бСсплатный ΠΏΡ€ΠΎΠ±Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€ΠΈΠΎΠ΄ Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ отмСнял.

PerfectPixel by WellDoneCode

Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ изобраТСния ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ слоСм ΠΏΠΎΠ²Π΅Ρ€Ρ… HTML ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ попиксСльноС сравнСниС.

Lightshot

На случай, Ссли Π²Ρ‹ Π΅Ρ‰Π΅ Π½Π΅ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ этим ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ инструмСнтом для создания быстрых ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ²: просто выдСляСтС участок экрана, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΡΠΊΡ€ΠΈΠ½ΠΈΡ‚ΡŒ, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚Π΅ Π½Π° сСрвСр.

UX Check

ЗапускаСт ΡΠ²Ρ€ΠΈΡΡ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΎΡ†Π΅Π½ΠΊΡƒ вашСго сайта (ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ).

Code Cola

ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ наглядно CSS-стили ΠΎΠ½Π»Π°ΠΉΠ½-страниц.

Corporate Ipsum

Π“Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ€Π°Π½Π΄ΠΎΠΌΠ½Ρ‹Π΅ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ тСксты для тСстового наполнСния сайта.

Pendule

Набор инструмСнтов Π²Π΅Π±-Π΄Π΅Π²Π΅Π»ΠΎΠΏΠ΅Ρ€Π° для Chrome.

Fontface Ninja

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠΉΡ‚Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π½Π° страницС, ΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΈ ΠΏΠΎΠΊΡƒΠΏΠ°ΠΉΡ‚Π΅.

Prospero For Gmail

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ позволяСт Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠ»ΠΈΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ шаблон фриланс-прСдлоТСния Π² вашС письмо Π½Π° Gmail. ΠžΡΡ‚Π°Π½Π΅Ρ‚ΡΡ лишь Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Medium

5 ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Chrome, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€

Если Π²Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ Google Chrome, Ρ‚ΠΎ навСрняка ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Π»ΠΈΡΡŒ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ для этого Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π’ΠΎΡ‡Π½Π΅Π΅, с ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ количСством Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ. Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΊΡ€ΡƒΡ‚ΠΎΠ΅ Π² этом бСсконСчном спискС ΠΎΡ‡Π΅Π½ΡŒ слоТно. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ссли Π²Π°ΠΌ Π½Π΅ ΠΏΠΎΡΠΎΠ²Π΅Ρ‚ΡƒΡŽΡ‚ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΡ€ΡƒΡ‚ΠΎΠ΅.

Для этого ΠΌΡ‹ здСсь. Π’ нашСй ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ΅ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅! ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° сайта Π½Π° ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ – Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ вывСсти ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Π½Π° Π½ΠΎΠ²Ρ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ.

UX Check Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ-тСст, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Π΅Π· привлСчСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ сравниваСт любой участок сайта Π½Π° основС дСсяти эвристик ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ НильсСна – списка ΠΎΠ±Ρ‰ΠΈΡ… ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠ² создания ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… интСрфСйсов.

Π­Ρ‚ΠΎΡ‚ инструмСнт – идСальноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для ΠΊΠΎΠΌΠ°Π½Π΄, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈΠ»ΠΈ Π΄Π΅Π½Π΅Π³ Π½Π° тСст с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΈΠΌ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ‡Π»Π΅Π½Π°ΠΌΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹!

Π’Ρ‹ Π»ΡŽΠ±ΠΈΡ‚Π΅ ΠΊΠΎΠΏΠ°Ρ‚ΡŒΡΡ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ Π΄Π΅Ρ‚Π°Π»ΠΈ, Π° ΠΏΠΎΡ‚ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π² своСм Π΄ΠΈΠ·Π°ΠΉΠ½Π΅? Π§Ρ‚ΠΎ ΠΆΠ΅, Ρ‚ΠΎΠ³Π΄Π° Fontface Ninja – ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€. ΠŸΡ€ΠΎΡΡ‚ΠΎ Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ курсор Π½Π° тСкст – ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Chrome ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚, Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€, мСТстрочный ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π», ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΈ Π΄Π°ΠΆΠ΅ ΠΊΠΎΠ΄ Ρ†Π²Π΅Ρ‚Π°.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ Π½Π° своСм тСкстС. Если Π²Π°ΠΌ понравится ΡˆΡ€ΠΈΡ„Ρ‚, Π²Ρ‹ Π»Π΅Π³ΠΊΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΊΡƒΠΏΠΈΡ‚ΡŒ Π΅Π³ΠΎ.

Page Ruler Redux – это цифровая Π»ΠΈΠ½Π΅ΠΉΠΊΠ° для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Π΄Π΅Π²Π΅Π»ΠΎΠΏΠ΅Ρ€ΠΎΠ². Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎΠ΅, Π΄ΠΎ пиксСля ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ любого элСмСнта Π²Π΅Π±-страницы Π½Π° экранС.

ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΏΡ€ΠΎΡ‚Π°Ρ‰ΠΈΡ‚Π΅ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Ρ‡Π΅Ρ€Π΅Π· Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π» – ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ высоту ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ элСмСнта. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ достаточный контраст Π² зависимости ΠΎΡ‚ Ρ„ΠΎΠ½Π° Π²Π΅Π±-сайта!

Π­Ρ‚ΠΎ Π½Π΅ просто инструмСнт Π²Ρ‹Π±ΠΎΡ€Π° Ρ†Π²Π΅Ρ‚Π° ΠΈΠ»ΠΈ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠ°. ΠšΡ€ΠΎΠΌΠ΅ опрСдСлСния Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, Color by Fardos ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌΠΈ функциями: ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ² Ρ†Π²Π΅Ρ‚Π°, ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΉ ΠΏΠΎ ΡΠΎΠΏΡ€ΡΠΆΠ΅Π½ΠΈΡŽ Ρ†Π²Π΅Ρ‚ΠΎΠ² Π½Π° основС Ρ‚Π΅ΠΎΡ€ΠΈΠΈ Ρ†Π²Π΅Ρ‚Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°Ρ…Π²Π°Ρ‚ CSS для любого Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° прямо ΠΈΠ· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Π­Ρ‚ΠΎ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Chrome позволяСт ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Казалось Π±Ρ‹, Π·Π°Ρ‡Π΅ΠΌ это Π½ΡƒΠΆΠ½ΠΎ? Но это идСальноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π±Ρ‹ быстро ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Благодаря Window Resizer Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° – ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ваш Π΄ΠΈΠ·Π°ΠΉΠ½ выглядит пСрвоклассно Π½Π° всСх устройствах.

Как Π²ΠΈΠ΄Π½ΠΎ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π²Ρ‹ΡˆΠ΅, Π² инструмСнты прописаны нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ. Но Π΅ΡΡ‚ΡŒ ΠΈ ΠΏΠΎΠ»Π΅ для свободного Π²Π²ΠΎΠ΄Π°, Ρ‡Ρ‚ΠΎ позволяСт ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ для нСпопулярных устройств.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Dribbble

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅:

10 ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΡƒΡ‡Π°Ρ‚ вас ΠΊΠΎΠ΄ΠΈΡ‚ΡŒ

5 подкастов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ фриланс-ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ

10 Π»ΡƒΡ‡ΡˆΠΈΡ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Π»ΠΎΠΊ Netflix для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

25 ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Chrome-Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² β€” Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π½Π° vc.ru

РСсурс Creative Bloq Π²Ρ‹Π±Ρ€Π°Π» 25 Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Google Chrome, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, ΠΏΠΎ мнСнию Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠΈ, ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π² Ρ€Π°Π±ΠΎΡ‚Π΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.

{Β«idΒ»:8572,Β»urlΒ»:Β»https:\/\/vc.ru\/dev\/8572-25-chrome-extensionsΒ»,Β»titleΒ»:Β»25 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 Chrome-\u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432β€³,Β»servicesΒ»:{Β«facebookΒ»:{Β«urlΒ»:Β»https:\/\/www. facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/dev\/8572-25-chrome-extensionsΒ»,Β»short_nameΒ»:Β»FBΒ»,Β»titleΒ»:Β»FacebookΒ»,Β»widthΒ»:600,Β»heightΒ»:450},Β»vkontakteΒ»:{Β«urlΒ»:Β»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/dev\/8572-25-chrome-extensions&title=25 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 Chrome-\u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432β€³,Β»short_nameΒ»:Β»VKΒ»,Β»titleΒ»:Β»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435β€³,Β»widthΒ»:600,Β»heightΒ»:450},Β»twitterΒ»:{Β«urlΒ»:Β»https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/dev\/8572-25-chrome-extensions&text=25 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 Chrome-\u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432β€³,Β»short_nameΒ»:Β»TWΒ»,Β»titleΒ»:Β»TwitterΒ»,Β»widthΒ»:600,Β»heightΒ»:450},Β»telegramΒ»:{Β«urlΒ»:Β»tg:\/\/msg_url?url=https:\/\/vc.
ru\/dev\/8572-25-chrome-extensions&text=25 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 Chrome-\u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432β€³,Β»short_nameΒ»:Β»TGΒ»,Β»titleΒ»:Β»TelegramΒ»,Β»widthΒ»:600,Β»heightΒ»:450},Β»odnoklassnikiΒ»:{Β«urlΒ»:Β»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/dev\/8572-25-chrome-extensionsΒ»,Β»short_nameΒ»:Β»OKΒ»,Β»titleΒ»:Β»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438β€³,Β»widthΒ»:600,Β»heightΒ»:450},Β»emailΒ»:{Β«urlΒ»:Β»mailto:?subject=25 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 Chrome-\u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432&body=https:\/\/vc.ru\/dev\/8572-25-chrome-extensionsΒ»,Β»short_nameΒ»:Β»EmailΒ»,Β»titleΒ»:Β»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443β€³,Β»widthΒ»:600,Β»heightΒ»:450}},Β»isFavoritedΒ»:false}

153 653 просмотров

iMacros β€” Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π² тСстировании Π²Π΅Π±-страниц. ВмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠ΄Π΅Π»Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΈ ΠΈ Ρ‚Π΅ ΠΆΠ΅ дСйствия Π½Π° страницС, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ Π½ΡƒΠΆΠ½ΠΎ лишь Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡƒΡŽ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ дСйствий Π² iMacros ΠΈ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ способно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сайтами, Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ Java, Flash, Flex, Ajax ΠΈ Silverlight.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Π»ΡŽΠ±ΠΈΡ‚ Β«ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈΒ» β€” позволяСт ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ со всСм спСктром ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Google Fonts, Π½Π΅ внося ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΠΊΠΎΠ΄ страницы. МоТно ΠΌΠ΅Π½ΡΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ сам ΡˆΡ€ΠΈΡ„Ρ‚, Π½ΠΎ ΠΈ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€, ΡΡ‚ΠΈΠ»ΡŒ написания ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

ΠŸΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡΡ, ΠΏΠΎ словам Π°Π²Ρ‚ΠΎΡ€Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°, для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ выглядит ΡˆΡ€ΠΈΡ„Ρ‚, ΠΏΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ Π²Π½ΠΎΡΠΈΡ‚ΡŒ фактичСскиС измСнСния Π² ΠΊΠΎΠ΄ страницы.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Google Chrome, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ ΠΈ ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π΄Π°ΠΆΠ΅ с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ β€” Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ, ΠΏΠΎ мнСнию Cretive Bloq, всСм, ΠΊΠΎΠΌΡƒ Ρ…ΠΎΡ‚ΡŒ Ρ€Π°Π· Π² своСй Ρ€Π°Π±ΠΎΡ‚Π΅ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ ΠΈΠΌΠ΅Ρ‚ΡŒ Π΄Π΅Π»ΠΎ со встроСнным тСкстом.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ использован Π½Π° Ρ‚ΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ страницС, Π½Π΅ производя ΠΏΠΎΡ‡Ρ‚ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… дСйствий β€” навСдя курсор ΠΌΡ‹ΡˆΠΈ Π½Π° надпись.

YSlow β€” инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ провСряСт ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Ρ‚ΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Π²Π΅Π±-страницы, Π½ΠΎ ΠΈ подсказываСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ, Ρ‡Ρ‚ΠΎ Π΅Ρ‘ Ρ‚ΠΎΡ€ΠΌΠΎΠ·ΠΈΡ‚. Для этого Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ провСряСт сайт Π½Π° соотвСтствиС 23 ΠΈΠ· 34 ΠΏΡ€Π°Π²ΠΈΠ» ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, сформулированных ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Yahoo.

Π¦Π΅Π»Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов для управлСния элСмСнтами сайта β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для Π°Π½Π°Π»ΠΈΠ·Π° Π²Π΅Π±-рСсурсов ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², тСстирования ΠΊΠΎΠ΄Π° ΠΈ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎΠ³ΠΎ измСнСния ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΈ внСшнСго Π²ΠΈΠ΄Π° страницы.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для автоматичСской ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ, удовлСтворяСт Π»ΠΈ сайт основным ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°ΠΌ SEO, достаточно Π»ΠΈ ΠΎΠ½ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅Π½ ΠΈ ΡƒΠ΄ΠΎΠ±Π΅Π½ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ Π² Π²ΠΈΠ΄Π΅ своСобразного Ρ‡Π΅ΠΊ-листа β€” ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ ΠΈΠ· Π½Π΅Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹Ρ… ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ошибки.

ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π² автоматичСском Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ измСнСния, внСсённыС Π² ΠΊΠΎΠ΄ страницы ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ инструмСнтов Chrome DevTools. Как ΠΎΡ‚ΠΌΠ΅Ρ‡Π°Π΅Ρ‚ Π°Π²Ρ‚ΠΎΡ€ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°, инструмСнт ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ большоС количСство Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Β«ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΒ» Π»ΡŽΠ±ΡƒΡŽ страницу Π² ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π½ΡƒΡŽ схСму ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° β€” wireframe. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ Π½Π΅ выходя ΠΈΠ· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΎΠΉ любой страницы Π² сСти.

Ripple Emulator β€” Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅-эмулятор для Google Chrome, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ… с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌΠΈ экрана. ΠœΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ использовано Π² сочСтании с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ для тСстирования ΠΈ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ рСсурсов.

Streak β€” Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΉ ящик Π½Π° Gmail Π² CRM-систСму. МоТно ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ статус сдСлок ΠΈ ΠΏΠ΅Ρ€Π΅Π³ΠΎΠ²ΠΎΡ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ вСдутся Π² элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ с ΠΊΠΎΠ½Ρ‚Ρ€Π°Π³Π΅Π½Ρ‚Π°ΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Streak для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ запросов ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ отслСТивания исправлСний присланных ошибок ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для быстрого поиска ΠΏΠΎ популярному рСсурсу для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Stack Overflow.

ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹ΠΉ доступ ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΏΠΎ PHP 5.5 ΠΈΠ· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

PerfectPixel β€” Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Google Chrome. Оно позволяСт Β«Π½Π°Π»ΠΎΠΆΠΈΡ‚ΡŒΒ» Π½Π° Π²Π΅Π±-страницу ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΡƒΡŽ сСтку ΠΈ ΡΠ²Π΅Ρ€ΡΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΉ Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ расстояния.

МоТно Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ изобраТСния β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ β€” Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠ°ΡΡΡ страница Π² точности Π΅ΠΌΡƒ соотвСтствуСт:

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ для просмотра исходного ΠΊΠΎΠ΄Π° страниц ΠΈ рСдактирования CSS-ΠΊΠΎΠ΄Π°.

МоТно ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ‚Π΅Π½ΠΈ, окруТности бокса ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ пСрСтаскивания ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠ°. ПослС внСсСния ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠΈΠΉΡΡ ΠΊΠΎΠ΄ ΠΈ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² ΠΊΠΎΠ΄Π΅ сайта.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ опрСдСляСт, ΠΊΠ°ΠΊΠΈΠ΅ JavaScript-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ, Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ ΠΈΠ»ΠΈ CMS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π½Π° рСсурсС.

User-Agent Switcher β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Β«ΠΌΠ°ΡΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΒ» Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Google Chrome ΠΏΠΎΠ΄ Internet Explorer, Opera ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

ВстроСнный эмулятор Internet Explorer для Chrome.

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΈ бСсплатный ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Β«Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒΒ» изобраТСния ΠΈΠ»ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° β€” ΠΈ сразу ΠΆΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ для Chrome.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-сСрвисы для Ρ‚Π΅Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΡ‚Ρ€Π°Π΄Π°ΡŽΡ‚ Π΄Π°Π»ΡŒΡ‚ΠΎΠ½ΠΈΠ·ΠΌΠΎΠΌ β€” дСмонстрируя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ, ΠΊΠ°ΠΊ сайт видят Ρ‚Π΅, ΠΊΡ‚ΠΎ страдаСт этим Π·Π°Π±ΠΎΠ»Π΅Π²Π°Π½ΠΈΠ΅ΠΌ. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ доступныС сСрвисы.

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ высоту, ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ любого элСмСнта Π½Π° страницС.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ провСряСт Π²Π΅Π±-страницу Π½Π° Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Β«Π±ΠΈΡ‚Ρ‹Ρ…Β» ΠΈΠ»ΠΈ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ссылок.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π½Π΅ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅, сколько Π² поискС вдохновСния ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π² Google Chrome ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с сСрвиса Flickr. ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° Π½Π΅Π³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ Π½Π° страницу Π°Π²Ρ‚ΠΎΡ€Π°, Π³Π΄Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π΅Π³ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΠΌΠΈ.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΏΠΎΡ…ΠΎΠΆΠ΅Π΅ Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π² этом спискС β€” Ρ‚ΠΎΠ»ΡŒΠΊΠΎ вмСсто Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈΠ· Flickr Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²ΠΈΠ΄ΠΈΡ‚ ΠΏΡ€ΠΈΠ·Π½Π°Π½Π½Ρ‹Π΅ произвСдСния искусства β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠΎΠ»ΠΎΡ‚Π½Π° кисти Π’Π°Π½ Π“ΠΎΠ³Π° ΠΈΠ»ΠΈ МанС.

ΠžΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΎΡ‚ Google для сТатия Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ экономию Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Google Chrome.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ для web-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Β» Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π½Π° DLE

НС знаю ΠΊΠ°ΠΊΠΈΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π’Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ, Π½ΠΎ я ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ Google Chrome. Будя ΠΏΠΎ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ ЯндСкс Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, Opera ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅, стащили Ρƒ Π½Π΅Π³ΠΎ ΠΊΠΎΠ½ΡΠΎΠ»ΡŒΠ½ΡƒΡŽ панСль, ΠΌΠ½Π΅ этого достаточно. Π—Π½Π°Ρ‡ΠΈΡ‚ Ρ…Ρ€ΠΎΠΌ Π»ΡƒΡ‡ΡˆΠ΅, Π»ΠΈΡ‡Π½ΠΎ ΠΌΠΎΠ΅ ΠΌΠ½Π΅Π½ΠΈΠ΅. Π”Π° ΠΈ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ ΠΎΠ½ Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… своих ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ².
Π’ ΠΎΠ±Ρ‰Π΅ΠΌ Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π»ΡƒΡ‡ΡˆΠ΅ я ΠΏΠΎΠΊΠ°ΠΆΡƒ Π’Π°ΠΌ ΠΊΠ°ΠΊΠΈΠΌΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ я ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ. Π£Π²Π΅Ρ€Π΅Π½ ΠΎΠ½ΠΈ Π’Π°ΠΌ пригодятся ΠΊΠ°ΠΊ ΠΈ ΠΌΠ½Π΅.
ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ² ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ измСряСт Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π»ΡŽΠ±Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ. Π― сразу понял, Ρ‡Ρ‚ΠΎ этот инструмСнт самый Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΠΈ самый вострСбованный для мСня.
Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ Π½Π° любом сайтС. Π’ΠΎΠΆΠ΅ самоС Ρ‡Ρ‚ΠΎ ΠΈ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Π§Ρ‚ΠΎ Π±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ линию, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Π»ΠΈΠ½Π΅ΠΉΠΊΠ΅ Π΄Π²ΠΎΠΉΠ½Ρ‹ΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ. Ну ΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½ΠΎ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½Π΅ΠΉΠΊΠ΅. Π’ Π΄Π°Π½Π½ΠΎΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΈ Π΅ΡΡ‚ΡŒ мноТСство настроСк, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ, Π½Π°ΠΆΠ°Π² Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ ΠΎΠΊΠ½Π°. ΠœΠΎΠ³Ρƒ ΠΏΠΎΡ…Π²Π°ΡΡ‚Π°Ρ‚ΡŒΡΡ, Π΄Π°Π½Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ сдСлал я.
НавСрноС самоС популярноС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ сущСствуСт ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ. Оно Ρ‚ΠΎΡ‡Π½ΠΎ опрСдСляСт Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Ρ†Π²Π΅Ρ‚, Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ.
ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ Π΄Π²ΠΈΠΆΠΎΠΊ (CMS) сайта, Π²Π΅Ρ€ΡΠΈΡŽ PHP, JS Ρ„Ρ€Π΅ΠΉΠΌΠΎΡ€ΠΊΠΈ, скрипты установлСнныС Π½Π° сайтС, ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ систСму, систСмы ΠΎΠΏΠ»Π°Ρ‚Ρ‹, Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ, систСму ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² ΠΈ Ρ‚.Π΄. А Ρ‚Π°ΠΊ ΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠ΅Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, Π½Π°Π±ΠΈΡ€Π°ΡŽΡ‰Π΅Π΅ популярности Library Sniffer for Google Chrome
Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ распознаСт тСкст с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Часто ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ скидываСт ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ сайтов Π² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Ρ… ΠΈ Π½ΡƒΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.



ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΡΡ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ с сайтом Π² точности Π΄ΠΎ пиксСля. Π•ΡΡ‚ΡŒ мноТСство настроСк, ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, сдвиг ΠΈ Ρ‚. Π΄. Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΏΠΎΠ΄ вСрстку PixelPerfect.

На этом ΠΏΠΎΠΊΠ° всС. Если Π’Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅ Π΅Ρ‰Ρ‘ ΠΊΠ°ΠΊΠΈΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ инструмСнты для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, ΠΏΠΈΡˆΠΈΡ‚Π΅ Π² коммСнтариях ΠΈ я добавлю ΠΈΡ… Π² список этой ΡΡ‚Π°Ρ‚ΡŒΠΈ.

И Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅, Ρ‡Ρ‚ΠΎ наш сайт Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ чисто Π½Π° Ρ€Π΅ΠΊΠ»Π°ΠΌΠ΅. А Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΎΡ†Π΅Π½ΠΈΡ‚Π΅ ΡΡ‚Π°Ρ‚ΡŒΡŽ, Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ Π½ΠΈΠΆΠ΅ πŸ˜€

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами

Как я ΠΌΠΎΠ³Ρƒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами Π½Π° страницС.

Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ экран-младший ΠΏΡ€Π°Π²ΠΈΡ‚Π΅Π»ΡŒ:

бСсплатная Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ Π»ΠΈΠ½Π΅ΠΉΠΊΠ° для экрана ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°

эта Π»ΠΈΠ½Π΅ΠΉΠΊΠ° экрана являСтся ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ инструмСнтом, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Ρ‚ΠΎΡ‡Π½ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π½Π° вашСм экранС. Π­Ρ‚ΠΎ особСнно ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π²Π΅Π±-страницы ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΅Ρ‰Π΅. Π›ΠΈΠ½Π΅ΠΉΠΊΠ° Π­ΠΊΡ€Π°Π½Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ пиксСли, Π΄ΡŽΠΉΠΌΡ‹, Π¦ΠΈΡ†Π΅Ρ€ΠΎ ΠΈΠ»ΠΈ Π‘Π°Π½Ρ‚ΠΈΠΌΠ΅Ρ‚Ρ€Ρ‹.

Source экран-младший ΠΏΡ€Π°Π²ΠΈΡ‚Π΅Π»ΡŒ


Firefox Dev Tools Ruler

использованиС линСйки

инструмСнт Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²ΠΎΠΊΡ€ΡƒΠ³ Π²ΠΎ всС Π²Ρ€Π΅ΠΌΠ΅Π½Π°. Она обСспСчиваСт способ быстро ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, насколько высока ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΎΠΊΠ° страница, насколько Π²Π΅Π»ΠΈΠΊΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΈΠ»ΠΈ Π±ΠΎΠΊΠΎΠ²Ρ‹Π΅ ΠΏΠ°Π½Π΅Π»ΠΈ, ΠΈ сколько Π²Ρ‹ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΠ»ΠΈ.

инструмСнт Β«Π»ΠΈΠ½Π΅ΠΉΠΊΠΈΒ» Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, поэтому сначала Π΅Π³ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ. Для этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ:

  • ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ПанСль инструмСнтов (я часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ ctrl + shift+I ΠΊΠ°ΠΊ быстрый способ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ инструмСнтов, Π½ΠΎ это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ я, F12 Ρ‚ΠΎΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΈ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π½Π° страницС ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ элСмСнт» часто Π»Π΅Π³ΠΊΠΎ способ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ),
  • ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ΡΡŒ Π½Π° панСль ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² (это Π·Π½Π°Ρ‡ΠΎΠΊ ΡˆΠ΅ΡΡ‚Π΅Ρ€Π΅Π½ΠΊΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов справа, ΠΈΠ»ΠΈ ctrl + shift + O),
  • Ρ‚Π°ΠΌ Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ², Π½Π΅ Π±ΠΎΠΉΡ‚Π΅ΡΡŒ, просто ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠ· Π΄ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π°Β» доступныС ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Β» ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π€Π»Π°ΠΆΠΎΠΊΒ» ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ для страницы Β» установлСн,
  • послС Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ, Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ малСнький Π·Π½Π°Ρ‡ΠΎΠΊ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто Π½Π°ΠΆΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ.

Source ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ элСмСнтов ΠΈ расстояний Π² Firefox DevTools


Но Π― Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°!

Chrome

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹-Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-Магазин Chrome:

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

изобраТСния ΠΈ HTML Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹

ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ элСмСнтами: изобраТСния, поля Π²Π²ΠΎΠ΄Π°, ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π²ΠΈΠ΄Π΅ΠΎ, GIF, тСкст, ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ всС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π² Π±Ρ€ΠΎΡƒΠ·Π΅Ρ€.

ΠŸΡ€Π°Π²ΠΈΡ‚Π΅Π»ΡŒ Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρ‹-Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-Магазин Chrome:

ΠΏΡ€Π°Π²ΠΈΡ‚Π΅Π»ΡŒ страницы позволяСт Π²Π°ΡˆΠ΅ΠΌΡƒ нарисуйтС Π²Π½Π΅ правитСля ΠΊ любой страницС ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Π°, высота ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΅Π³ΠΎ.

особСнности

  • нарисуйтС правитСля ΠΊ любой страницС ΠΈ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высота ΠΈ Π²Π΅Ρ€Ρ…Π½Π΅Π΅, Π½ΠΈΠΆΠ½Π΅Π΅, Π»Π΅Π²ΠΎΠ΅ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅
  • ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ края Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€
  • ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ клавиши со стрСлками для пСрСмСщСния ΠΈ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ
  • ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, ΠΈΠ΄ΡƒΡ‰ΠΈΠ΅ ΠΎΡ‚ ΠΊΡ€Π°Π΅Π² Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ
  • Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ
  • Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Β«Ρ€Π΅ΠΆΠΈΠΌ элСмСнта», Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ элСмСнты Π½Π° страницС, ΠΊΠ°ΠΊ Π²Ρ‹ Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ курсор ΠΌΡ‹ΡˆΠΈ Π½Π° Π½ΠΈΡ…
  • ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Ρ‡Π΅Ρ€Π΅Π· Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΠΈ, Π΄Π΅Ρ‚ΠΈ ΠΈ Ρ€ΠΎΠ΄Π½Ρ‹Π΅ элСмСнты любого измСряСмого элСмСнта

Firefox

MeasureIt-дополнСния Firefox:

нарисуйтС правитСля Ρ‡Π΅Ρ€Π΅Π· любой Π²Π΅Π±-страницС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈΠ»ΠΈ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ элСмСнтов страницы Π² пиксСлях.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅-Π½Π΅ совмСстим с Firefox Quantum

Google Chrome β€” всё ΠΏΠΎ этой Ρ‚Π΅ΠΌΠ΅ для программистов

7 Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Π‘hrome, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ стоит ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π² Chrome β€” лишь ΠΎΠ΄Π½ΠΈ ΠΈΠ· ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов. РассказываСм ΠΎ сСрвисах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ пригодятся Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ.

Π’ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΊΠ°ΠΊ элСмСнты Ρ„Π°ΠΉΠ»ΠΎΠ²ΠΎΠΉ систСмы: ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Π» Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ TabFS

Если Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² систСмС ΠΊΠ°ΠΊ ΠΏΠ°ΠΏΠΊΠΈ с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΈΡ… состояниСм, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ·Π²Π»Π΅ΠΊΠ°Ρ‚ΡŒ тСкст, изобраТСния ΠΈ скрипты.

10 ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Google Chrome для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

Π₯Π²Π°Ρ‚ΠΈΡ‚ ΠΌΡƒΡ‡ΠΈΡ‚ΡŒΡΡ с вёрсткой, Π½Π΅Π½Π°Π²ΠΈΠ΄Π΅Ρ‚ΡŒ pixel perfect ΠΈ ΠΎΡ‚ΠΌΠ΅Ρ€ΡΡ‚ΡŒ расстояния дСрСвянной Π»ΠΈΠ½Π΅ΠΉΠΊΠΎΠΉ. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ эти Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

Π§Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΊΠΎΠΌΠ°Π½Π΄Π° Tproger: инструмСнты для ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΈΠ½Π³Π° ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Π΅Π±-сайта

РассказываСм, ΠΊΠ°ΠΊ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ°ΠΊΠΈΡ… инструмСнтов ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ. ΠŸΡ€ΠΎΠ²Π΅Ρ€Π΅Π½ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ Tproger.

Π’ ΠΏΠΎΠΌΠΎΡ‰ΡŒ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ: ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈ инструмСнты для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Chrome DevTools

Если Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ с Chrome DevTools, Ρ‚ΠΎ Π²Ρ‹ ΠΏΠΎ адрСсу: здСсь прСдставлСна ΠΏΠΎΠ΄ΠΎΠ±ΠΎΡ€ΠΊΠ° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ.

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Chrome

Π£ вас Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ навСрняка Π΅ΡΡ‚ΡŒ хотя Π±Ρ‹ ΠΎΠ΄Π½ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅. Если Π²Π°ΠΌ интСрСсно ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π΄Π΅Π»Π°ΡŽΡ‚ΡΡ, Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ наш ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΏΠΎ написанию самого простого ΠΏΠ»Π°Π³ΠΈΠ½Π° для Google Chrome.

Vimium β€” Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ ΡΠ΅Ρ€Ρ„ΠΈΡ‚ΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Chrome Π±Π΅Π· ΠΌΡ‹ΡˆΠΊΠΈ, ΠΊΠ°ΠΊ Π² Vim

Для ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Google Chrome Π±Π΅Π· ΠΌΡ‹ΡˆΠΊΠΈ Ρƒ нас Ρ…ΠΎΡ€ΠΎΡˆΠΈΠ΅ новости: ΠΌΡ‹ Π½Π°ΡˆΠ»ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Vimium, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ прСдоставляСт горячиС клавиши для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈ управлСния Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ ΠΏΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ с популярным Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ Vim.

Π£Π΄ΠΎΠ±Π½Ρ‹Π΅ возмоТности консоли Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Chrome, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ Π·Π½Π°Ρ‚ΡŒ

API ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки Chrome DevTools содСрТит большоС количСство ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ для выполнСния простых Π·Π°Π΄Π°Ρ‡: Π²Ρ‹Π±ΠΎΡ€Π° ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ элСмСнтов DOM, отобраТСния Π΄Π°Π½Π½Ρ‹Ρ… Π² Ρ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, запуска ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠ° ΠΈ ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΈΠ½Π³Π° событий DOM.  β€¦

РаспознаваниС голоса ΠΈ Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ тСкста Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π² 3 строки Π½Π° JavaScript: дСмонстрация ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΊΠΎΠ΄Π°

РаспознаваниС Ρ€Π΅Ρ‡ΠΈ β€” ΠΎΠ΄Π½Π° ΠΈΠ· ΡΠΈΠΌΠ²ΠΎΠ»ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‰ΠΈΡ… соврСмСнный ΠΌΠΈΡ€ возмоТностСй, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΡ‹ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ благодаря Siri ΠΈ Google Now. Но ΠΎΠ½Π° присутствуСт Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ассистСнтах: Π²Ρ‹ Π·Π°ΠΌΠ΅Ρ‡Π°Π»ΠΈ ΠΈΠΊΠΎΠ½ΠΊΡƒ микрофона…

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Chrome для своСго сайта мСньшС Ρ‡Π΅ΠΌ Π·Π° 5 ΠΌΠΈΠ½ΡƒΡ‚

Google Chrome ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎ ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π²Π΅Ρ‰ΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, созданиС собствСнных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π”Π°, ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ своС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π·Π° 5 ΠΌΠΈΠ½ΡƒΡ‚, Π° Ρ‚ΠΎ ΠΈ мСньшС.

Must have Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Google Chrome для web-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Rutorika Digital Agency


Наша ΠΊΠΎΠΌΠ°Π½Π΄Π° находится Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½ΠΎΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ процСсса ΠΈ постоянном стрСмлСнии Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π½Π° Π·Π°Π΄Π°Ρ‡ΠΈ Ρ€ΠΎΠ²Π½ΠΎ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, сколько ΠΎΠ½ΠΈ Π·Π°ΡΠ»ΡƒΠΆΠΈΠ²Π°ΡŽΡ‚ ΠΈ Π½ΠΈ ΠΌΠΈΠ½ΡƒΡ‚ΠΎΠΉ большС.

БСгодня Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ β€” ΠΎΠ΄Π½Π° ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ офисного сотрудника. А Ссли инструмСнт ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Ρ‚ΠΎΡ‡ΠΈΡ‚ΡŒ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ β€” Π½Π°Π΄ΠΎ Ρ‚ΠΎΡ‡ΠΈΡ‚ΡŒ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ.

Π₯ΠΎΡ‡Ρƒ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Google Chrome (ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΅Π³ΠΎ), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π½Π°ΠΌ Π² повсСднСвной Ρ€Π°Π±ΠΎΡ‚Π΅. Они рассортированы ΠΏΠΎ катСгориям, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π°ΠΌ ΠΏΡ€ΠΎΡ‰Π΅ Π±Ρ‹Π»ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ для сСбя. Π₯отя ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ Π·Π°ΠΌΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ β€” устанавливайтС всС.

Π˜Π½Ρ„ΠΎΡ€ΠΌΠ΅Ρ€Ρ‹

Checker Plus for Gmail ΠΎΠΏΠΎΠ²Π΅Ρ‰Π°Π΅Ρ‚ вас ΠΎ Π½ΠΎΠ²Ρ‹Ρ… элСктронных ΠΏΠΈΡΡŒΠΌΠ°Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ Π½Π΅ пропустили Π½ΠΈΡ‡Π΅Π³ΠΎ Π²Π°ΠΆΠ½ΠΎΠ³ΠΎ ΠΈ срочного.

Feedly Notifier β€” RSS-Ρ‡Π΅ΠΊΠ΅Ρ€, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ увСдомлСния ΠΎΠ± ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΠΈΡ… вас новостях ΡƒΠΆΠ΅ Ρ‡Π΅Ρ€Π΅Π· ΠΌΠ³Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ послС ΠΈΡ… ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ.


Web-сёрфинг

Hola ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π·Π°Π±Ρ‹Ρ‚ΡŒ ΠΎ РоскомнадзорС ΠΈ спискС Π·Π°ΠΏΡ€Π΅Ρ‰Π΅Π½Π½Ρ‹Ρ… сайтов. ΠœΠ΅Π½ΡΠΉΡ‚Π΅ ip ΠΈ ΠΈΡ‰ΠΈΡ‚Π΅ Ρ‚Ρƒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, которая Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π°, Π²Π½Π΅ зависимости ΠΎΡ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΊ Π½Π΅ΠΉ Π½Π°Π΄Π·ΠΈΡ€Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ-ΠΊΠ°Ρ€Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΎΡ€Π³Π°Π½ΠΎΠ².

AdBlock ΡƒΠ±Π΅Ρ€Ρ‘Ρ‚ Π½Π°Π·ΠΎΠΉΠ»ΠΈΠ²ΡƒΡŽ Ρ€Π΅ΠΊΠ»Π°ΠΌΡƒ Π½Π° сайтС, Π·Π°Ρ‰ΠΈΡ‚ΠΈΡ‚ ваши ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ ΠΈ ΠΏΠΎΠ΄Π°Ρ€ΠΈΡ‚ ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½Ρ‹ΠΉ сёрфинг ΠΏΠΎ Π±Π΅Π·Π±Ρ€Π΅ΠΆΠ½Ρ‹ΠΌ просторам ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°.

Google Similar Pages Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΌΠ΅Ρ‚Π°Ρ‚Π΅Π³ΠΈ провСряСмого сайта ΠΈ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΏΠΎ Π½ΠΈΠΌ сайты, ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ ΠΏΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ ΠΈ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅.


Web-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°

Web-developer Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π² Π΄ΠΆΠ΅Π½Ρ‚Π»ΡŒΠΌΠ΅Π½ΡΠΊΠΈΠΉ Π½Π°Π±ΠΎΡ€ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡƒΠ²Π°ΠΆΠ°ΡŽΡ‰Π΅Π³ΠΎ сСбя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, с Π½ΠΈΠΌ Π°Π½Π°Π»ΠΈΠ· ΠΊΠΎΠ΄Π° ΠΈ функционирования web-страниц становится Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΡ‰Π΅ ΠΈ быстрСС.

Cache Killer сбрасываСт кэш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ страницы, Ρ‡Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ Π²ΠΎ врСмя Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ сайтом. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ смоТСтС Π·Π°Π±Ρ‹Ρ‚ΡŒ ΠΎ сочСтании клавиш Ctrl+Shift+R.


Web-Π΄ΠΈΠ·Π°ΠΉΠ½

Webpage Screenshot позволяСт ΠΌΠ΅Π½ΡΡ‚ΡŒ тСксты Π½Π° сайтС прямо Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. ΠžΡ‡Π΅Π½ΡŒ удобная функция, Ссли Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΡƒ-Π»ΠΈΠ±ΠΎ Π½Π΅Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ тСкстовыС измСнСния.

WhatFont β€” Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ курсор Π½Π° тСкст ΠΈ случится магия. Π‘ этим ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΡƒΠΆΠ΅ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π»Π΅Π·Ρ‚ΡŒ Π² консоль, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΡΡΠ½ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π½Π° Ρ‚ΠΎΠΌ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΌ сайтС.

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


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

На этом всё, надСюсь, Π²Π°ΠΌ Π±Ρ‹Π»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ.
Π”Π΅Π»ΠΈΡ‚Π΅ΡΡŒ своими Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΌΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ Π² коммСнтариях.

Page Ruler Redux β€” Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ Chrome

Π›ΠΈΠ½Π΅ΠΉΠΊΠ° для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² для получСния ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π² пиксСлях ΠΈ позиционирования для измСрСния элСмСнтов Π½Π° любой Π²Π΅Π±-страницС. πŸ’»

 Page Ruler Redux - это основной инструмСнт Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½Ρ‹Π΅ измСрСния Π²Π΅Π±-элСмСнтов для интСрфСйсной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайтов, Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π·Π°Π΄Π°Ρ‡ΠΈ, которая ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ для получСния Ρ‚ΠΎΡ‡Π½Ρ‹Ρ… ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ Π»ΡŽΠ±Ρ‹Ρ… Π²Π΅Π±-элСмСнтов . πŸ“

πŸ“¦ ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ
============
⚑ Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½Ρ‹Π΅ измСрСния Π²Π΅Π±-элСмСнтов.⚑ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, пСрСтаскивая Π΅Π΅ ΠΌΡ‹ΡˆΡŒΡŽ ΠΈΠ»ΠΈ клавишами со стрСлками. 
⚑ ДизайнСрскиС Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ ΠΎΡ‚ ΠΊΡ€Π°Π΅Π² Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ для идСального позиционирования.
⚑ Π Π΅ΠΆΠΈΠΌ элСмСнта для получСния ΠΈ отслСТивания Ρ‚ΠΎΡ‡Π½Ρ‹Ρ… ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ элСмСнтов HTML с Π²Π΅Π±-сайта.
⚑ Π Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚ для идСального контраста Π½Π° Ρ‚Π΅ΠΌΠ½Ρ‹Ρ… ΠΈ свСтлых сайтах.
⚑ 100% бСсплатно навсСгда.
⚑ ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½ΠΎΠ΅ Π½Π° github ΠΈ gitlab.
⚑ Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ-ΠΏΠΎΠ΄Ρ€Π°ΠΆΠ°Ρ‚Π΅Π»Π΅ΠΉ, Π² Page Ruler Redux ΠΠ˜ΠšΠžΠ“Π”Π Π½Π΅Ρ‚ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ врСдоносного ПО, я, ΠΊΠ°ΠΊ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π΅Π³ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь.
⚑ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠ΅ сообщСство: Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π½ΠΎΠ²ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠΈΠ»ΠΈ Ρƒ вас Π΅ΡΡ‚ΡŒ идСя? просто Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ вопрос Π½Π° github ΠΈ, Ссли Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, я Π½Π°Π΄ Π½ΠΈΠΌ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽ!

❗ВаТно
============
⚑ Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π½Π° Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… страницах `chrome`, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽΒ« Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ доступ ΠΊ URL-адрСсам Ρ„Π°ΠΉΠ»ΠΎΠ² Β»Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ.πŸ“– ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°
============
⚑ Если Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ вопросы, Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ Π½ΠΎΠ²Ρ‹Ρ… функциях ΠΈΠ»ΠΈ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ ΠΎΠ± ошибкС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ²ΡΠ·Π°Ρ‚ΡŒΡΡ со ΠΌΠ½ΠΎΠΉ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ: https://github.com/Esteban-Rocha/page-ruler-redux/issues. 

⚑ Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ мСня, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΡ‚Π°Ρ‚ΡŒ Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ рСпозитория, ΡΠΎΠΎΠ±Ρ‰Π°Ρ‚ΡŒ ΠΎΠ± ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ…, ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡΡ…, ΠΎΠ±Π·ΠΎΡ€Π°Ρ… ΠΈ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ голосовоС ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ люди удаляли вСрсии врСдоносных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ-ΠΏΠΎΠ΄Ρ€Π°ΠΆΠ°Ρ‚Π΅Π»Π΅ΠΉ.

⭐ ΠžΡ†Π΅Π½ΠΈΡ‚ΡŒ PPR
============
⚑ Если Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ этот инструмСнт ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ, ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ, поТалуйста, 5 ΠΌΠΈΠ½ΡƒΡ‚Π°ΠΌΠΈ вашСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ⭐⭐⭐⭐⭐ ΠΎΠ±Π·ΠΎΡ€.НСкоторыС сторонниС ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ участники, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠ΅ΡΡ отслСТиваниСм Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹, ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π»ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Ρ‹Π²Π°Π»ΠΈ Π΅Π³ΠΎ ΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π»ΠΈ Π·Π°Ρ€Π°ΠΆΠ΅Π½Π½Ρ‹Π΅ вСрсии с Ρ€Π΅ΠΊΠ»Π°ΠΌΠΎΠΉ ΠΈ врСдоносным ПО.

🍻 Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΈ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Page Ruler Redux ΡΠΊΡ€Ρ‹Ρ‚ΡŒ эти ΠΏΠΎΠ΄Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΏΠΈΠΈ ΠΈΠ· Google Chrome Store. 

Как я ΠΌΠΎΠ³Ρƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Chrome для измСрСния расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами Π² пиксСлях?

Π˜Π·ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ…Ρ€ΠΎΠΌ

Π˜Π·ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ β€” Google Chrome, ΠžΠ±Π·ΠΎΡ€. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² для измСрСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² экрана.Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ измСряСт Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΡ‚ указатСля ΠΌΡ‹ΡˆΠΈ Π²Π²Π΅Ρ€Ρ… / Π²Π½ΠΈΠ· ΠΈ просто ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ ΠΈΡ… Π² Chrome, Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅. # Π‘ΠΎΡ‡Π΅Ρ‚Π°Π½ΠΈΠ΅ клавиш Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΈ ΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ измСрСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сочСтания клавиш ALT + D. # Π“Ρ€Π°Π½ΠΈΡ†Ρ‹ области Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ радиус

Page Ruler Redux, Π›ΠΈΠ½Π΅ΠΉΠΊΠ° Web Developer \ Designer для получСния ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π² пиксСлях ΠΈ позиционирования для измСрСния элСмСнтов Π½Π° любой Π²Π΅Π±-страницС. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π½Π° Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол, Π²ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π² Chrome ΠΈ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ сСбС Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΠ΅ Β».(287). Π₯ΠΎΡ€ΠΎΡˆΠΈΠΌ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΌ Π½Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ 80 символов, Π½ΠΎ Π½Π° Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… экранах ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… столбцах ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ 45 символов. Π₯отя всС это ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π»Π΅Ρ‚Π΅Ρ‚ΡŒ ΠΈΠ· ΠΎΠΊΠ½Π° Π² зависимости ΠΎΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈΠ»ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π°. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ Π΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ своСму ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ! Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠ΅Ρ€Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΈ создании для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°.

MeasureIt !, MeasureIt β€” ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для измСрСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты Π²Π΅Π±-страниц. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π½Π° Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол, Π²ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π² Chrome ΠΈ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ сСбС MeasureIt, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ располоТСниС ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΎΡ‡ΠΊΠ°Ρ…. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… эллипсов (Ρ‚Ρ€ΠΈ Ρ‚ΠΎΡ‡ΠΊΠΈ, Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½Ρ‹Π΅ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ) Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ любого ΠΎΠΊΠ½Π° Chrome. Π’ΠΎ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ мСню Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π» Β«ΠœΠ°ΡΡˆΡ‚Π°Π±Β». НаТмитС ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«+Β» ΠΈΠ»ΠΈ Β«-Β» Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«ΠœΠ°ΡΡˆΡ‚Π°Π±Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Π²Π΅Π±-сайт.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ измСрСния пиксСлСй

PixelZoomer, Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ расстояний. ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌ инструмСнтом PixelZoomer являСтся ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт, Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ Π»ΠΈΠ½Π΅ΠΉΠΊΠ°. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ΡˆΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ выдСлСния Π½Π° снимкС экрана.Π¨Π°Π³ 1. Π—Π°Ρ…Π²Π°Ρ‚ΠΈΡ‚Π΅ экран ΠΈΠ»ΠΈ ΠΎΠΊΠ½ΠΎ, Π½Π°ΠΆΠ°Π² PrtScn ΠΈΠ»ΠΈ Alt + PrtScn. Π¨Π°Π³ 2: Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ эту страницу, Π½Π°ΠΆΠ°Π² Ctrl + V. Π¨Π°Π³ 3: Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ 2 пиксСля, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄Π»ΠΈΠ½Ρƒ. Π¨Π°Π³ 1. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ снимок экрана ΠΈΠ»ΠΈ ΠΎΠΊΠ½Π°, Π½Π°ΠΆΠ°Π² ⌘ Command + ⇧ Shift + 3 ΠΈΠ»ΠΈ ⌘ Command + ⇧ Shift + 4.

PixelZoomer для Chrome, Online Π½Π° Π»ΠΈΠ½Π΅ΠΉΠΊΠ΅ пиксСлСй экрана. Главная β€ΊΠ˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚β€Ί Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ β€ΊΠžΠ½Π»Π°ΠΉΠ½-Π»ΠΈΠ½Π΅ΠΉΠΊΠ° пиксСлСй. Π¨Π°Π³ 1. Π—Π°Ρ…Π²Π°Ρ‚ΠΈΡ‚Π΅ экран ΠΈΠ»ΠΈ ΠΎΠΊΠ½ΠΎ, Π½Π°ΠΆΠ°Π² PrtScn ΠΈΠ»ΠΈ Alt + PrtScn. Π¨Π°Π³ 2: Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ это. Π‘Π°ΠΌΡ‹ΠΉ Π²Π°ΠΆΠ½Ρ‹ΠΉ инструмСнт PixelZoomer β€” это ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт, Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ Π»ΠΈΠ½Π΅ΠΉΠΊΠ°. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ΡˆΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ выдСлСния Π½Π° экранС. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ пиксСля Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€, наТимая ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ.

Online Ruler, MeasureIt β€” ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для измСрСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты Π²Π΅Π±-страниц. Π˜Π·ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ Π΅Π³ΠΎ Π² пиксСлях. прСдлагаСтся Video Downloader & Useful Tools. Pixel Ruler β€” это бСсплатноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ позволяСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΡ‹ΡˆΡŒ для динамичСского измСрСния пиксСлСй.Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‚ΠΎΡ‡Π½ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ изобраТСния Π½Π° экранС Π² пиксСлях, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ…Ρ€ΠΎΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅

Π˜Π·ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ β€” Google Chrome, ΠžΠ±Π·ΠΎΡ€. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² для измСрСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² экрана. Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ измСряСт Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΡ‚ указатСля ΠΌΡ‹ΡˆΠΈ Π²Π²Π΅Ρ€Ρ… / Π²Π½ΠΈΠ· ΠΈ просто ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ ΠΈΡ… Π² Chrome, Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅. # Π‘ΠΎΡ‡Π΅Ρ‚Π°Π½ΠΈΠ΅ клавиш Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΈ ΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ измСрСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сочСтания клавиш ALT + D. # Π“Ρ€Π°Π½ΠΈΡ†Ρ‹ области Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ радиус Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°

Dimensions, Mockups.Π’Π°Ρˆ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠ΅Ρ€Π΅Π΄Π°Π» Π²Π°ΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG ΠΈΠ»ΠΈ JPEG? ΠŸΡ€ΠΎΡΡ‚ΠΎ помСститС ΠΈΡ… Π² Chrome, Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ Β«Π Π°Π·ΠΌΠ΅Ρ€Ρ‹Β» ΠΈ Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ измСрСния. Π‘ΠΎΡ‡Π΅Ρ‚Π°Π½ΠΈΠ΅ клавиш. Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ области просмотра Chrome Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° для тСстирования Π²Π΅Π±-сайтов ΠΈΠ»ΠΈ, ΠΊΠ°ΠΊ я, Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ просмотра Π±Ρ‹Π»Π° Ρ‚ΠΎΡ‡Π½ΠΎ 1920Γ—1080 ΠΏΡ€ΠΈ записи скринкастов Π² 1080p.

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Chrome, ΠšΡ€ΠΎΠΌΠ΅ этого, Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅.Π― Π±Ρ‹ ΠΏΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» Dimensions, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Chrome, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ постоянно, ΠΈ Π²Ρ‹ всСгда Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ 128Γ—128; ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π²ΠΎ врСмя установки ΠΈ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ Chrome. Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ 48Γ—48, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π½Π° страницС управлСния Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ (chrome: // extensions). Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ 16Γ—16, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² качСствС Π·Π½Π°Ρ‡ΠΊΠ° для страниц Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ. Π—Π½Π°Ρ‡ΠΎΠΊ 16Γ—16 Ρ‚Π°ΠΊΠΆΠ΅ отобраТаСтся Π½Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ.

Как ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π²Π΅Π±-страницы Π² пиксСлях

НайдитС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнта Π²Π΅Π±-страницы: TechWeb: Boston, инструкции ΠΏΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² любого элСмСнта Π½Π° вашСй Π²Π΅Π±-страницС. Π¨ΠΈΡ€ΠΈΠ½Π° области содСрТимого составляСт 550 пиксСлСй Π² всС стандартныС Ρ‚Π΅ΠΌΡ‹ Flexi: Π¨Π°Π³ 1: Π—Π°Ρ…Π²Π°Ρ‚ экрана ΠΈΠ»ΠΈ ΠΎΠΊΠ½Π°, Π½Π°ΠΆΠ°Π² PrtScn ΠΈΠ»ΠΈ Alt + PrtScn Π¨Π°Π³ 2: Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π½Π° эту страницу, Π½Π°ΠΆΠ°Π² Ctrl + V Π¨Π°Π³ 3: Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ 2 пиксСля, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄Π»ΠΈΠ½Ρƒ

Π Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-страницы , Как ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π½Π° Π²Π΅Π±-сайтС? Одна ΠΈΠ· Ρ‚Π°ΠΊΠΈΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ β€” это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠ·Π½Π°Ρ‚ΡŒ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана Π² пиксСлях.Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана β€” это Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π½Π° своСм ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π΅, Π² Ρ‚ΠΎΡ‡ΠΊΠ°Ρ… (пиксСлях). ΠŸΡ€ΠΎΡ‰Π΅ говоря, Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ β€” это ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ этих Ρ‚ΠΎΡ‡Π΅ΠΊ Π½Π° вашСм экранС Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Π­Ρ‚Π° ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ измСряСтся ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ высотой экрана.

MeasureIt !, Π˜Π·ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ Π΅Π³ΠΎ Π² пиксСлях. Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ располоТСниС ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π² Ρ‚ΠΎΡ‡ΠΊΠ°Ρ… Π² пиксСлях. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ высоту ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнтов Π½Π° Π²Π΅Π±-страницС. Если Ρƒ вас Π΅Ρ‰Π΅ Π½Π΅ установлСно это ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π² Firefox, сначала Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π΅Π³ΠΎ, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° панСль инструмСнтов ΠΈΠ»ΠΈ Π² мСню Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹Β» ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π Π°Π·Π½ΠΎΠ΅Β»> Β«Π›ΠΈΠ½Π΅ΠΉΠΊΠ° отобраТСния».ПослС Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ любой ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π½Π° Π²Π΅Π±-страницС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ пиксСли, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ для ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° HTML.

Redux ruler chrome

Page Ruler Redux, Для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол Π²ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π² Chrome ΠΈ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΡƒ Page Ruler Redux β€” это основной инструмСнт Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, этот Page Ruler Redux β€” основной инструмСнт Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ измСрСния Π²Π΅Π±-элСмСнтов для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π·Π°Π΄Π°Ρ‡ΠΈ, которая ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ.

Esteban-Rocha / page-ruler-redux: отличная Π»ΠΈΠ½Π΅ΠΉΠΊΠ° страниц, Page Ruler Redux β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Google Chrome, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ располоТСниС Π² пиксСлях, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ элСмСнты Π½Π° Π»ΡŽΠ±Ρ‹Ρ… Π²Π΅Π±-функциях β€”β€” * НарисуйтС Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° любой страницС ΠΈ просмотритС ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈ Π²Π΅Ρ€Ρ…, Π½ΠΈΠ·, Π»Π΅Π²ΠΎ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ * ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ края Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ * Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ клавиши со стрСлками для пСрСмСщСния ΠΈ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ * ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, отходящиС ΠΎΡ‚ ΠΊΡ€Π°Π΅Π² Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ * Π’Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ с ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ внСсти измСнСния точности 9000 3

10 Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Chrome для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Page Ruler β€” это нСбольшоС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Chrome, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт вывСсти Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° Π»ΡŽΠ±ΡƒΡŽ страницу ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π΅Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² пиксСлях. Π₯ромированная Π»ΠΈΠ½Π΅ΠΉΠΊΠ° страниц ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ β€”β€” * НарисуйтС Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° любой страницС ΠΈ просмотритС ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈ Π²Π΅Ρ€Ρ…Π½Π΅Π΅, Π½ΠΈΠΆΠ½Π΅Π΅, Π»Π΅Π²ΠΎΠ΅ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ * ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ края Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ * Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ клавиши со стрСлками для пСрСмСщСния ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ * ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, отходящиС ΠΎΡ‚ ΠΊΡ€Π°Π΅Π² Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ * Π’Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ с ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ внСсти измСнСния Π² Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ

Π›ΠΈΠ½Π΅ΠΉΠΊΠ° пиксСлСй Google

Π›ΠΈΠ½Π΅ΠΉΠΊΠ°, ΠŸΡ€ΠΎΡΡ‚Π°Ρ, удобная ΠΈ точная Π»ΠΈΠ½Π΅ΠΉΠΊΠ° для вашСго Π’Π΅Π»Π΅Ρ„ΠΎΠ½! Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΌΠΎΠ½Π΅Ρ‚Ρƒ ΠΈΠ»ΠΈ ΠΊΡ€Π΅Π΄ΠΈΡ‚Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ для ΠΊΠ°Π»ΠΈΠ±Ρ€ΠΎΠ²ΠΊΠΈ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Π² любом мСстС, ΠΊΠΎΠ³Π΄Π° Ρƒ вас Π½Π΅Ρ‚ с собой настоящСй Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ! РазмСститС Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° Π²Π΅Π±-страницС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ элСмСнты Π² пиксСлях.Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° свою ΠΌΡ‹ΡˆΡŒ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для измСрСния Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ Π½Π° Π²Π΅Π±-страницС, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² / ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ². Π₯арактСристики 1.Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π½Π° экранС ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅

Π˜Π½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½Ρ‹Π΅ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Π½Π° экранС вмСстС с ΠΈΡ… ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Π°ΠΌΠΈ Π½Π° Π²Π΅Π±-страницС. Pixel Ruler (пробная вСрсия) НСзамСнимый инструмСнт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Android-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. Π˜Π·ΠΌΠ΅Ρ€ΡΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта Π² своСм ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ прямо Π½Π° устройствС Android. Π‘ΠΎΠ»ΡŒΡˆΠ΅ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€

Google AR ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Β«Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅Β» ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρ‹ Android Π² Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ, ΠΊΠ°ΠΌΠ΅Ρ€Ρƒ Π½Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, Π° Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ Π΄Π²Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ для измСрСния расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ.Π’ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ Ρ€ΡƒΠ»Π΅Ρ‚ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ высоту ΠΈΠ»ΠΈ Π΄Π»ΠΈΠ½Ρƒ. Pixel Ruler β€” Π²Π°ΠΆΠ½Ρ‹ΠΉ инструмСнт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Android-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. Π˜Π·ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ пиксСля Π² своСм ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ прямо Π½Π° устройствС Android. Π‘ΠΎΠ»ΡŒΡˆΠ΅ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ»ΠΈ

Designer ruler chrome extension

Page Ruler Redux β€” это основной инструмСнт Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Π°ΠΌ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ измСрСния Π²Π΅Π±-элСмСнтов с Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎ пиксСля для интСрфСйсной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайтов, Π²Π΅Π±-сайтов. Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ»ΠΈ любая Π·Π°Π΄Π°Ρ‡Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ

ΠžΠ±Π·ΠΎΡ€. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° свою ΠΌΡ‹ΡˆΡŒ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для измСрСния Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ Π½Π° Π²Π΅Π±-страницС, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² / ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ². ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ 1. НаТмитС Π½Π° экран, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ с линиями сСтки. 2. НаТми ΠΈ

БобствСнно ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π½Π΅ Π² этом. Chrome Π½Π΅Π΄Π°Π²Π½ΠΎ прСдставил Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡƒΡŽ диспСтчСром Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ рядом с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ вашСго профиля Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Chrome. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹

Page ruler redux extension chrome

Page Ruler Redux, Π›ΠΈΠ½Π΅ΠΉΠΊΠ° Web Developer \ Designer для получСния ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈ позиционирования Π² пиксСлях. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π½Π° Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол, Π²ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π² Chrome ΠΈ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΡƒ. Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½ΠΎΠ³ΠΎ ПО ΠΈΠ»ΠΈ Page Ruler Redux β€” это основной инструмСнт Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Π°ΠΌ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ измСрСния Π²Π΅Π±-элСмСнтов с Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎ пиксСля для интСрфСйсной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайта, Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π·Π°Π΄Π°Ρ‡ΠΈ, которая ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ

Esteban-Rocha / page -ruler-redux: ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰Π°Ρ Π»ΠΈΠ½Π΅ΠΉΠΊΠ° страниц, Page Ruler Redux β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Google Chrome, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ располоТСниС Π² пиксСлях, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ элСмСнты Π½Π° Π»ΡŽΠ±Ρ‹Ρ… Π²Π΅Π±-функциях β€”β€” * ΠΠ°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° Π»ΡŽΠ±ΡƒΡŽ страницу ΠΈ просмотритС ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈ Π²Π΅Ρ€Ρ…Π½Π΅Π΅, Π½ΠΈΠΆΠ½Π΅Π΅, Π»Π΅Π²ΠΎΠ΅ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ * ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ края Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ * Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ клавиши со стрСлками для пСрСмСщСния ΠΈ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π°

10 Chrome Extensions для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, Page Ruler β€” это нСбольшоС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Chrome, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт вывСсти Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° Π»ΡŽΠ±ΡƒΡŽ страницу ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π΅Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² пиксСлях. Π›ΠΈΠ½Π΅ΠΉΠΊΠ° страниц Chrome Page Ruler β€” популярноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для измСрСния элСмСнтов Π½Π° Π²Π΅Π±-страницах. Π˜Π·ΠΌΠ΅Ρ€ΡΠΉΡ‚Π΅ Π΅Π³ΠΎ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту Π² пиксСлях Π½Π° Π»ΡŽΠ±Ρ‹Ρ… сайтах. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΈ нарисуйтС Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π² пиксСлях. Π¦Π²Π΅Ρ‚Π½ΠΎΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ для Π·Π°ΠΌΠ΅Ρ€Ρ‰ΠΈΠΊΠΎΠ² Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ Ρ€Π΅ΠΆΠΈΠΌ. Π§Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅. Π‘Π»Π°Π³ΠΎΠ΄Π°Ρ€ΠΈΠΌ вас Π·Π° установку ΠΈ ΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ 5 Π·Π²Π΅Π·Π΄ΠΎΡ‡Π΅ΠΊ Page Ruler!

Π•Ρ‰Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ

25+ Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Google Chrome для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

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

И сущСствуСт мноТСство Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Chrome Π² Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… процСссах проСктирования.

ΠœΡ‹ собрали ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΡƒΡŽ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ ΠΈΠ· 25 Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Google Chrome для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

ΠŸΠ°Π»ΠΈΡ‚Ρ€Π° сайта


Site Palette создаСт комплСксныС ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ совмСстно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ.Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ†Π΅Π½Π½Ρ‹ΠΌ, Ρ‚Π°ΠΊ это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ с любого Π²Π΅Π±-сайта Π² качСствС вдохновСния для Π±ΡƒΠ΄ΡƒΡ‰ΠΈΡ… Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΉ. Он Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ со Sketch, Google Art Palette ΠΈ ΠΎΠ±Ρ€Π°Π·Ρ†Π°ΠΌΠΈ Adobe, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ бСсплатный API.

CSS-Π₯ΠΈΠΆΠΈΠ½Π°


CSS-Shack позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ стили слоСв Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π° CSS. Он ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Ρ‡Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, ΠΎΡ‚ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта Π΄ΠΎ простой ΠΊΠ½ΠΎΠΏΠΊΠΈ.

ΠŸΠΈΡΠ°Ρ‚Π΅Π»ΡŒ

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

WhatFont


WhatFont ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π½Π° ваш ΠΆΠΈΠ²ΠΎΡ‚Ρ€Π΅ΠΏΠ΅Ρ‰ΡƒΡ‰ΠΈΠΉ вопрос ΠΎ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅: ΠΊΠ°ΠΊΠΎΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ Π½Π° этом Π²Π΅Π±-сайтС? Π­Ρ‚ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΠΎ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΏΡƒΡ‚Π΅ΠΌ ΠΈΡ… ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ указатСля ΠΌΡ‹ΡˆΠΈ. Он ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΎΠ±Ρ‰ΠΈΠ΅ слуТбы для Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².

Π§Π΅ΠΊΠ±ΠΎΡ‚


Checkbot ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΈ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ SEO, скорости ΠΈ бСзопасности Π½Π° вашСм сайтС.Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ для поиска Π½Π΅Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΡ… ссылок, ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰Π΅Π³ΠΎΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, нСбСзопасной страницы, нСдопустимого HTML ΠΈ мноТСства Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ²Π»ΠΈΡΡ‚ΡŒ Π½Π° удобство использования. Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ содСрТит ΠΏΡ€Π°Π²ΠΈΠ»Π° для Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΄Π°ΠΆΠ΅ нСсколько Π²Π΅Ρ‰Π΅ΠΉ, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ Π½Π΅ Π·Π°Π΄ΡƒΠΌΡ‹Π²Π°Π»ΠΈΡΡŒ.

PerfectPixel


PerfectPixel позволяСт Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚Ρ‹ΠΉ HTML-ΠΊΠΎΠ΄ ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ сравнСниС с Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎ пиксСля. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ для создания Π΄ΠΈΠ·Π°ΠΉΠ½Π° с идСальной Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎ пиксСля.

Π›ΠΈΠ½Π΅ΠΉΠΊΠ° страниц


Page Ruler β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Google Chrome, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ располоТСниС Π² пиксСлях. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ для измСрСния любого элСмСнта Π½Π° Π²Π΅Π±-сайтС. Π•Π³ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ благодаря интСрфСйсу пСрСтаскивания со стрСлками ΠΈ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌΠΈ.

ΠœΡƒΠ·Π»ΠΈ 2


Muzli 2 β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Chrome, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π΄ΠΎΡ…Π½ΠΎΠ²ΠΈΡ‚ΡŒ. Π­Ρ‚ΠΎ Π²ΠΈΡ‚Ρ€ΠΈΠ½Π° новостСй Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ UX со всСго Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡ‰Π°Ρ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ· Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 120 ΠΊΠ°Π½Π°Π»ΠΎΠ² Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС.

SVG-Π³Ρ€Π°Π±Π±Π΅Ρ€


SVG-Grabber позволяСт ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ Β«Π·Π°Ρ…Π²Π°Ρ‚ΠΈΡ‚ΡŒΒ» всС рСсурсы SVG с Π²Π΅Π±-сайта ΠΏΡƒΡ‚Π΅ΠΌ копирования ΠΊΠΎΠ΄Π°.Π­Ρ‚ΠΎ инструмСнт с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΎΡ‡Π΅Π½ΡŒ вСсСло ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ.

Π’ΠΊΠ°Ρ†ΠΊΠΈΠΉ станок


Loom β€” это инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π΄Π΅Π»Π°Ρ‚ΡŒ снимки экрана, Π·Π°ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ с ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ всС ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Π’ΠΎΠ³Π΄Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ссылкой. Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… с людьми, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ находятся Π² Ρ€Π°Π·Π½Ρ‹Ρ… мСстах.

ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π°


Window Resizer позволяСт ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π² соотвСтствии с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ экрана. ВСстируйтС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Бписок Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ настраиваСтся.УстановитС ΡˆΠΈΡ€ΠΈΠ½Ρƒ / высоту ΠΎΠΊΠ½Π°, ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠΊΠ½Π°, прСдустановлСнный Π·Π½Π°Ρ‡ΠΎΠΊ (Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚, Π½ΠΎΡƒΡ‚Π±ΡƒΠΊ, Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол) ΠΈ Π΄Π°ΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ примСнСния Π½ΠΎΠ²Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΊΠΎ всСму ΠΎΠΊΠ½Ρƒ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊ области просмотра.

Stylebot


Stylebot ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ внСшний Π²ΠΈΠ΄ Π²Π΅Π±-сайтов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ настраиваСмого CSS. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ стили ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ элСмСнт ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ измСнСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ внСсти Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅. ВнСситС измСнСния Π² ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Ρ†Π²Π΅Ρ‚Π°, поля, Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ Π΄Π°ΠΆΠ΅ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ CSS Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ.

Alexa Traffic Π Π΅ΠΉΡ‚ΠΈΠ½Π³


Alexa Traffic Rank Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²Π΅Π±-источники. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ быстрый ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ доступ ΠΊ сайту Alexa Traffic Rank ΠΈ сайтам, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅ΡΡ‚ΡŒ ссылки. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, насколько Ρ…ΠΎΡ€ΠΎΡˆΠΎ сайт оцСниваСтся. Π£Π·Π½Π°ΠΉΡ‚Π΅ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ сайт находят с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ поиска, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡƒΡŽ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ Alexa, ΠΈΠ»ΠΈ посмотритС, ΠΊΠ°ΠΊ ΠΎΠ½ выглядСл Π² ΠΏΡ€ΠΎΡˆΠ»ΠΎΠΌ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Wayback Machine.

ColorZilla


ColorZilla β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Chrome, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΡƒ для ΠΏΠΎΠ΄Π±ΠΎΡ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈΠ· всСго Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π°, ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ ΠΈ Π΄Π°ΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹.

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ курсор


Custom Cursor β€” ΠΎΠ΄Π½ΠΎ ΠΈΠ· Ρ‚Π΅Ρ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ для развлСчСния. Π­Ρ‚ΠΎ позволяСт Π²Π°ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ курсор ΠΌΡ‹ΡˆΠΈ практичСски Π½Π° любой Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ сСбС ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ свои изобраТСния ΠΈΠ»ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΡƒΡŽ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ.

Π‘ΠΏΠ΅ΠΊΡ‚Ρ€


Spectrum позволяСт ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ любой Π²Π΅Π±-сайт ΠΈ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΅Π³ΠΎ Π³Π»Π°Π·Π°ΠΌΠΈ людСй с Ρ€Π°Π·Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌ Π·Ρ€Π΅Π½ΠΈΠ΅ΠΌ. Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт для ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… возмоТностСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ касаСтся Ρ†Π²Π΅Ρ‚Π° ΠΈ контраста.

Π‘ΠΊΠ°Π½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ CSS


Π‘ΠΊΠ°Π½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ CSS позволяСт ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ, ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ CSS с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ использования инструмСнта Β«ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ элСмСнт». Π˜ΡΡ‚ΠΈΠ½Π½ΠΎΠ΅ прСимущСство Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ навСсти курсор, Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΈ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ всС ΠΏΡ€Π°Π²ΠΈΠ»Π° элСмСнта Π² ΠΎΠ΄Π½ΠΎ ΠΌΠ³Π½ΠΎΠ²Π΅Π½ΠΈΠ΅.

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΌΠΎΠΈ ссылки


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

Google Π˜ΡΠΊΡƒΡΡΡ‚Π²ΠΎ ΠΈ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Π°


Google Arts & Culture замСняСт ΡƒΡ€ΠΎΠ΄Π»ΠΈΠ²Ρ‹Π΅ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅ Π² Chrome. Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½ΡƒΡŽ ΠΏΠΎΡ€Ρ†ΠΈΡŽ искусства с ΡˆΠ΅Π΄Π΅Π²Ρ€Π°ΠΌΠΈ ΠΈ описаниями искусства, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅.

ВСст Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ


Resolution Test β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Chrome, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-страницы ΠΏΡ€ΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ… экрана. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ, Π½ΠΎ эффСктивный.

Fontface Ninja


FontFace Ninja β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Π²Π°ΠΌ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ, ΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ, Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Π½Π°ΠΉΠ΄Π΅Π½Π½Ρ‹Π΅ Π½Π° любом Π²Π΅Π±-сайтС.

Π—Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ


Image Downloader позволяСт массово Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ изобраТСния с Π²Π΅Π±-страницы. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ изобраТСния, содСрТащиСся Π½Π° страницах, ΠΈ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° Π½ΠΈΡ…, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅, высотС ΠΈ URL. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠΈΠ΅ΡΡ изобраТСния ΠΈ скачайтС.

RescueTime


RescueTime β€” это максимальноС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π‘Π»Π΅Π΄ΠΈΡ‚Π΅ Π·Π° Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ Π² сСти вСсь дСнь (Ссли ΠΎΡΠΌΠ΅Π»ΠΈΠ²Π°Π΅Ρ‚Π΅ΡΡŒ).

ΠšΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ Π˜ΠΏΡΡƒΠΌ


Corporate Ipsum ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ слов-Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»Π΅ΠΉ для тСкста-заполнитСля (lorem ipsum).

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° просмотра ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Google


Google Font Previewer позволяСт Π²Π°ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΈΠ· ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° Google Font с нСсколькими Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ стиля ΠΈ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ… Π½Π° Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

Π“Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ°


Grammarly позволяСт ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΈ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π²ΠΎ врСмя Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ Π³Π»ΡƒΠΏΡ‹Ρ… ошибок, Ρ‡Ρ‚ΠΎΠ±Ρ‹ вся ваша Ρ€Π°Π±ΠΎΡ‚Π° β€” ΠΎΡ‚ элСктронных писСм Π΄ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² β€” выглядСла Π±ΠΎΠ»Π΅Π΅ Π±Π΅Π·ΡƒΠΏΡ€Π΅Ρ‡Π½ΠΎ.

КакоС вашС любимоС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Google Chrome?

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ознакомились с нашСй ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠ΅ΠΉ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Google Chrome для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π½Π°ΠΌ ΠΈ сообщитС, ΠΊΠ°ΠΊΠΈΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π²Π°ΠΌ нравятся большС всСго.ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Π»ΠΈ Π»ΠΈ Π²Ρ‹ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΠΈΠ· Π²Ρ‹ΡˆΠ΅ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»Π΅Π½Π½Ρ‹Ρ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ? Π§Ρ‚ΠΎ Π²Ρ‹ ΠΎ Π½ΠΈΡ… Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅?

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами

Как ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами Π½Π° ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠΉ страницС.

Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ JR Screen:

БСсплатная Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ Π»ΠΈΠ½Π΅ΠΉΠΊΠ° для экрана вашСго ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°

Π­Ρ‚Π° Π»ΠΈΠ½Π΅ΠΉΠΊΠ° экрана β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Ρ‚ΠΎΡ‡Π½ΠΎ Π˜Π·ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π½Π° экранС. Π­Ρ‚ΠΎ особСнно ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π²Π΅Π±-страниц ΠΈΠ»ΠΈ Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ Π΅Ρ‰Π΅.Π›ΠΈΠ½Π΅ΠΉΠΊΠ° экрана ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ пиксСли, Π΄ΡŽΠΉΠΌΡ‹, ΠΏΠΈΠΊ ΠΈΠ»ΠΈ сантимСтры.

Source JR Экранная Π»ΠΈΠ½Π΅ΠΉΠΊΠ°


Π›ΠΈΠ½Π΅ΠΉΠΊΠ° инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Firefox

ИспользованиС линСйок

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ всСгда ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ. Он обСспСчиваСт способ быстро ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ высоту ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ страницы, Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ столбцы ΠΈΠ»ΠΈ Π±ΠΎΠΊΠΎΠ²Ρ‹Π΅ ΠΏΠ°Π½Π΅Π»ΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, поэтому Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ сначала Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π³ΠΎ.Для этого:

  • ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ панСль инструмСнтов (я часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ ctrl + shift + I ΠΊΠ°ΠΊ быстрый способ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ инструмСнтов, Π½ΠΎ это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ я, F12 Ρ‚ΠΎΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, ΠΈ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π½Π° страницС ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ элСмСнт». Часто Π±Ρ‹Π²Π°Π΅Ρ‚ Π»Π΅Π³ΠΊΠΎ способ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это),
  • ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΡΡ Π½Π° панСль ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² (это Π·Π½Π°Ρ‡ΠΎΠΊ ΡˆΠ΅ΡΡ‚Π΅Ρ€Π΅Π½ΠΊΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, ΠΊΡ€Π°ΠΉΠ½ΠΈΠΉ ΠΏΡ€Π°Π²Ρ‹ΠΉ, ΠΈΠ»ΠΈ ctrl + shift + O),
  • Ρ‚Π°ΠΌ ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠΏΡ†ΠΈΠΉ, Π½Π΅ Π±ΠΎΠΉΡ‚Π΅ΡΡŒ, просто ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠ· Π΄ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° «ДоступныС ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов» ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π€Π»Π°ΠΆΠΎΠΊ Β«ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ для страницы» установлСн,
  • послС Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ Ρƒ вас Π±ΡƒΠ΄Π΅Ρ‚ красивый малСнький Π·Π½Π°Ρ‡ΠΎΠΊ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ элСмСнтов ΠΈ расстояний Π² Firefox DevTools


Но я Ρ…ΠΎΡ‡Ρƒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°!

Π₯Ρ€ΠΎΠΌ

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ β€” Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ Chrome:

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

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ ΠΈ элСмСнты HTML

Π˜Π·ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ элСмСнтами: изобраТСния, поля Π²Π²ΠΎΠ΄Π°, ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π²ΠΈΠ΄Π΅ΠΎ, Π³ΠΈΡ„ΠΊΠΈ, тСкст, ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ всС, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

Π›ΠΈΠ½Π΅ΠΉΠΊΠ° страниц β€” Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ Chrome:

Page Ruler позволяСт вывСсти Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° Π»ΡŽΠ±ΡƒΡŽ страницу ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Π°, высота ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

Π₯арактСристики

  • НарисуйтС Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° любой страницС ΠΈ просмотритС ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈ Π²Π΅Ρ€Ρ…Π½Π΅Π΅, Π½ΠΈΠΆΠ½Π΅Π΅, Π»Π΅Π²ΠΎΠ΅ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅
  • ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ края Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ клавиши со стрСлками для пСрСмСщСния ΠΈ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ
  • ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, Π²Ρ‹ΡΡ‚ΡƒΠΏΠ°ΡŽΡ‰ΠΈΠ΅ ΠΎΡ‚ ΠΊΡ€Π°Π΅Π² Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ
  • Π’Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ внСсти измСнСния Π² Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ
  • Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Β«Π Π΅ΠΆΠΈΠΌ элСмСнта», Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ элСмСнты Π½Π° страницС ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΈΡ… указатСля ΠΌΡ‹ΡˆΠΈ
  • ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΌΠΈ, Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠΌΠΈ ΠΈ родствСнными элСмСнтами любого измСряСмого элСмСнта

Firefox

MeasureIt β€” ДополнСния для Firefox:

НарисуйтС Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° любой Π²Π΅Π±-страницС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈΠ»ΠΈ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ элСмСнтов страницы Π² пиксСлях.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ β€” нСсовмСстимо с Firefox Quantum

15 ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Chrome для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

Π Π°Π±ΠΎΡ‚Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” это вСсСло ΠΈ ΠΏΠΎΠ»Π½ΠΎ творчСства. Однако каТдая Ρ€Π°Π±ΠΎΡ‚Π° Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ стСпСни связана с Ρ…Π»ΠΎΠΏΠΎΡ‚Π°ΠΌΠΈ ΠΈ ΡƒΡ‚ΠΎΠΌΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Ρ€ΡƒΡ‡Π½Ρ‹ΠΌ Ρ‚Ρ€ΡƒΠ΄ΠΎΠΌ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Π²Π°ΠΌ Тизнь, ΠΌΡ‹ пСрСчислили 15 Π½Π°ΡˆΠΈΡ… Π»ΡŽΠ±ΠΈΠΌΡ‹Ρ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Chrome, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ²Ρ‹ΡˆΠ°ΡŽΡ‚ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ, Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‚ творчСский ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π» ΠΈΠ»ΠΈ Π² Ρ†Π΅Π»ΠΎΠΌ Π΄Π΅Π»Π°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π±ΠΎΠ»Π΅Π΅ ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ. По ΠΎΠ±Ρ‰Π΅ΠΌΡƒ ΠΏΡ€ΠΈΠ·Π½Π°Π½ΠΈΡŽ, Ρ‚Ρ€ΠΈ инструмСнта Π²Π½ΠΈΠ·Ρƒ Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ Chrome.Однако ΠΎΠ½ΠΈ Π½Π°ΠΌ Ρ‚Π°ΠΊ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΈΡΡŒ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ всС ΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ ΠΈΡ… Π² этот список.

1. Colorzilla

Никому Π½Π΅ нравится возня с HEX-ΠΊΠΎΠ΄ΠΎΠΌ. Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ΅Π΄ΠΈΠΉΠ½Ρ‹Π΅ объявлСния с Ρ‚Π΅ΠΌΠΈ ΠΆΠ΅ Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½Ρ‹ΠΌΠΈ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, Ρ‡Ρ‚ΠΎ ΠΈ Π½Π° Π²Π΅Π±-сайтС. НС всСгда ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ Π΅ΡΡ‚ΡŒ Π±Ρ€Π΅Π½Π΄Π±ΡƒΠΊ. По ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, для Ρ†Π²Π΅Ρ‚ΠΎΠ² этого Π½Π΅ трСбуСтся, Ссли Ρƒ вас установлСна ​​Colorzilla. Π‘ ColorZilla Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π½ΠΎΠ΅ считываниС ΠΈΠ· любой Ρ‚ΠΎΡ‡ΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, быстро Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ этот Ρ†Π²Π΅Ρ‚ ΠΈ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ мноТСство Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΌ доступным ΠΏΠ°Π»ΠΈΡ‚Ρ€ΠΎΠΉ Ρ†Π²Π΅Ρ‚ΠΎΠ².

2. ΠŸΠ°Π»ΠΈΡ‚Ρ€Π° сайта

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ всС Ρ†Π²Π΅Ρ‚Π° с Π²Π΅Π±-сайта, Ρ‚ΠΎ ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° сайта β€” это инструмСнт для вас. ΠŸΠ°Π»ΠΈΡ‚Ρ€Π° сайта создаСт Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ Π½Π° основС ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠΈ Π²Π΅Π±-сайта. Он Ρ‚Π°ΠΊΠΆΠ΅ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΠ±Ρ‰ΠΈΠ΅ ссылки ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ автоматичСски сгСнСрированныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Sketch.

3.WhatFont

Π’Ρ‹ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΏΡ‹Ρ‚Π°Π»ΠΈΡΡŒ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π½Π° Π²Π΅Π±-сайтС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π°ΠΌ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ нравится? И ΠΊΠ°ΠΊ часто Π²Ρ‹ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΈ с пустыми Ρ€ΡƒΠΊΠ°ΠΌΠΈ? WhatFont распознаСт ΡˆΡ€ΠΈΡ„Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ для любого Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π° тСкста, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Ρ‹ ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Π΅Ρ‚Π΅ΡΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Π³ΠΎ курсора. ΠžΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π² агСнтствС ΠΈ ваш ΠΊΠ»ΠΈΠ΅Π½Ρ‚ Π·Π°Π±Ρ‹Π» Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ½ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² своСй ΠΌΠ΅Π΄ΠΈΠΉΠ½ΠΎΠΉ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ΅ . ..

4. Π—Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Если Π²Π°ΠΌ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ понадобится массовая Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с Π²Π΅Π±-страницы, Image Downloader β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для вас.Π­Ρ‚ΠΎ особСнно ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ инструмСнт для агСнтств ΠΈ ΠΈΠ·Π΄Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ большоС количСство ΠΌΠ΅Π΄ΠΈΠΉΠ½Ρ‹Ρ… объявлСний для ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΌΠ°Π»ΠΎΠ³ΠΎ ΠΈ срСднСго бизнСса, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π² распоряТСнии Π½Π΅ слишком ΠΌΠ½ΠΎΠ³ΠΎ рСсурсов. Π—Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния Π½Π° страницС ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅, высотС ΠΈ URL-адрСсу ΠΈΠ»ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ отобраТСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, столбцы, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ Ρ†Π²Π΅Ρ‚ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹.

5. Pageruler

БохраняйтС ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹Π΅ пиксСли вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Pageruler. Π­Ρ‚ΠΎΡ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт позволяСт Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ располоТСниС Π² пиксСлях, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ элСмСнты Π½Π° любой Π²Π΅Π±-страницС.

6. ДизайнСрская Π»ΠΈΠ½Π΅ΠΉΠΊΠ°

Designers Ruler β€” это простая экранная Π»ΠΈΠ½Π΅ΠΉΠΊΠ°, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π”Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ, просто, хотя ΠΎΠ½ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя нСсколько ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… ΠΎΠΏΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список ΠΈ Ρ‚ΠΈΠΏ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ.

7. ΠšΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ Π˜ΠΏΡΡƒΠΌ

НС ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ€Π΅ΡˆΠ°Π΅ΠΌ Π»ΠΈ ΠΌΡ‹ здСсь Π½Π°ΡΡ‚ΠΎΡΡ‰ΡƒΡŽ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, Π½ΠΎ Corporate Ipsum Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ случайноС ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΌΡƒΠΌΠ±ΠΎ-юмбо, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ отличаСтся ΠΎΡ‚ ΠΎΠ±Ρ‰ΠΈΡ… тСкстов lorem ipsum.Π§Ρ‚ΠΎ особСнно ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π² этом инструмСнтС, Ρ‚Π°ΠΊ это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒ ΠΏΠΎ слову ΠΈΠ»ΠΈ Π°Π±Π·Π°Ρ†Ρƒ. ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Π°Ρ экономия Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ!

8. ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π°

Π¦ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ хотят Π·Π½Π°Ρ‚ΡŒ, подходят Π»ΠΈ ΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ экрана. Window Resizer позволяСт ΠΈΠΌΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана ΠΈΠ»ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свой Π΄ΠΈΠ·Π°ΠΉΠ½ Π² любом ΠΈΠ· Π½ΠΈΡ…. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт для ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

9.Π’Π΅ΠΌΠ½Ρ‹ΠΉ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŒ

Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для ΡƒΡ…ΠΎΠ΄Π° Π·Π° Π³Π»Π°Π·Π°ΠΌΠΈ позволяСт Π² Π½ΠΎΡ‡Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅ Ρ‚Π΅ΠΌΡ‹ для Π²Π΅Π±-сайтов Π½Π° Π»Π΅Ρ‚Ρƒ. Dark Reader ΠΈΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ яркиС Ρ†Π²Π΅Ρ‚Π°, дСлая ΠΈΡ… контрастными ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌΠΈ для чтСния Π½ΠΎΡ‡ΡŒΡŽ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΡΡ€ΠΊΠΎΡΡ‚ΡŒ, ΠΊΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ, Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ сСпии, Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ, настройки ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈ список игнорирования. ΠŸΠ΅Ρ€Π΅Π΄ установкой ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ.

10. Π£Π΄Π»ΠΈΠ½ΠΈΡ‚Π΅Π»ΡŒ Ρ…Ρ€ΠΎΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Pexels

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ†Π΅Π½ΠΈΡ‚ врСмя ΠΎΡ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ вдохновСния.Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Pexels chrome ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΊΡ€Π°ΡΠΈΠ²ΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅ Π½ΠΎΠ²ΡƒΡŽ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ заставит вас ΡƒΠ΄ΠΈΠ²Π»ΡΡ‚ΡŒΡΡ ΠΏΠ°Ρ€Ρƒ Ρ€Π°Π· Π² дСнь. Pexels β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… поставщиков стоковых Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‰ΠΈΠΉ мноТСство бСсплатных ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ².

11. Easy Screen Capture

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

12. RescueTime для Google Chrome β„’

Π’Ρ‹ заняты вСсь дСнь, Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Π½Π΅Π΄Π΅Π»ΠΈ. Однако ΠΊ ΠΊΠΎΠ½Ρ†Ρƒ Π½Π΅Π΄Π΅Π»ΠΈ ΡƒΠΆΠ΅ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Π²ΡΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π²Ρ‹ Π΄Π΅Π»Π°Π»ΠΈ. НС говоря ΡƒΠΆΠ΅ ΠΎ ΠΊΠΎΠ½Ρ†Π΅ мСсяца. Π—Π²ΡƒΡ‡ΠΈΡ‚ Π·Π½Π°ΠΊΠΎΠΌΠΎ? RescueTime ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прСдставлСниС ΠΎ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Π½Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Π΅.НапримСр, Ссли Π²Ρ‹ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚Π΅ врСмя Π½Π° созданиС ΠΌΠ΅Π΄ΠΈΠΉΠ½Ρ‹Ρ… объявлСний для ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π²Ρ‹ смоТСтС ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, сколько часов Π²Ρ‹ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΠ»ΠΈ Π½Π° ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ для ΠΊΠ°ΠΊΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ².

13. TinyJPG / TinyPNG

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

14. Шрифтовая Π±Π΅Π»ΠΊΠ°

НС всС Ρ„Π°ΠΉΠ»Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΎΡ‡Π΅Π½ΡŒ ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½Ρ‹ Π² сСти. По этой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ Bannerwise ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ„Π°ΠΉΠ»Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² .ttf. Если Ρƒ вас Π½Π΅Ρ‚ Ρ„Π°ΠΉΠ»Π° ΡˆΡ€ΠΈΡ„Ρ‚Π° .ttf, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Π° ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Fontsquirrel. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ваши ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Π·Π°ΠΊΠΎΠ½Π½ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΎ Π½Π° встраиваниС Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ стСпСни Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Π»Π°Π΄Π΅Ρ‚ΡŒ авторскими ΠΏΡ€Π°Π²Π°ΠΌΠΈ Π½Π° ΡˆΡ€ΠΈΡ„Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅.

15. Coolors.co

Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ вдохновСния для своих ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²ΠΎΠ², Coolors.co ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ схСму. Coolors.co Ρ‚Π°ΠΊΠΆΠ΅ создаСт Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы Π½Π° основС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ позволяСт Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΡƒΡ‚ΠΎΡ‡Π½ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ свойства, ΠΊΠ°ΠΊ Ρ‚Π΅ΠΌΠΏΠ΅Ρ€Π°Ρ‚ΡƒΡ€Π°, ΠΎΡ‚Ρ‚Π΅Π½ΠΎΠΊ ΠΈ Π½Π°ΡΡ‹Ρ‰Π΅Π½Π½ΠΎΡΡ‚ΡŒ. Coolors.co ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ экспорта ΠΈ позволяСт Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ всС Π² ΠΎΠ±Π»Π°ΠΊΠ΅.

И послСднСС, Π½ΠΎ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½ΠΎΠ΅: ΠΌΡ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ наша ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° Bannerwise Ρ‚Π°ΠΊΠΆΠ΅ являСтся довольно изящным инструмСнтом.Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΡ€Π°ΡΠΈΠ²ΡƒΡŽ ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΌΠ΅Π΄ΠΈΠΉΠ½ΡƒΡŽ Ρ€Π΅ΠΊΠ»Π°ΠΌΡƒ. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΠΈΠ»ΠΈ ΡƒΠ·Π½Π°ΠΉΡ‚Π΅ большС, связавшись с Π½Π°ΠΌΠΈ!

Page Ruler: Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Google Chrome для тСстирования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Pixel Perfect Web

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

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ познакомимся с ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· самых популярных Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Google Chrome Β«Page RulerΒ», ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ создано для облСгчСния слоТностСй тСстирования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса.

Как слСдуСт ΠΈΠ· названия, Page Ruler позволяСт Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ для опрСдСлСния полоТСния, ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ области. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² пиксСлях любого Π²Π΅Π±-элСмСнта Π½Π° страницС.


ΠŸΠΎΡ‡Π΅ΠΌΡƒ Page Ruler?

Π’ Ρ€Π°ΠΌΠΊΠ°Ρ… ΠΎΠ±ΡˆΠΈΡ€Π½ΠΎΠ³ΠΎ тСстирования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎΠ΅ располоТСниС, Ρ€Π°Π·ΠΌΠ΅Ρ€, Π΄Π»ΠΈΠ½Ρƒ ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π²Π΅Π±-элСмСнта.ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами ΠΈ отступом Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Π°. Page Ruler прСдоставляСт ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ для выполнСния Ρ‚Π°ΠΊΠΎΠΉ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ. Π•Π³ΠΎ Π»Π΅Π³ΠΊΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

Π₯арактСристики Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ страниц:

1) Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° любой Π²Π΅Π±-страницС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈ Π²Π΅Ρ€Ρ…Π½Π΅Π΅, Π½ΠΈΠΆΠ½Π΅Π΅, Π»Π΅Π²ΠΎΠ΅ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ области.
2) Π Π°Π·ΠΌΠ΅Ρ€ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ послС Π΅Π΅ рисования.
3) Π Π°Π·ΠΌΠ΅Ρ€ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ с ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, располоТСнной Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΉ части Π²Π΅Π±-страницы.
4) Β«Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ€Π΅ΠΆΠΈΠΌ элСмСнтов» ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для поиска ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π²Π΅Π±-элСмСнтов Π½Π° страницС. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π΄Π΅Π»Π΅Π½Ρ‹ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΈΡ… указатСля ΠΌΡ‹ΡˆΠΈ.
5) ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ 10 Ρ€Π°Π·Π½Ρ‹Ρ… языков.

Установка:

Page Ruler β€” это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Google Chrome, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ всСго Π·Π° нСсколько ΠΊΠ»ΠΈΠΊΠΎΠ².

Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ страниц для Google Chrome

НаТмитС эту ΠΊΠ½ΠΎΠΏΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° страницу установки Page Ruler Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Google Chrome. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ страницу, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅:

β€” Как ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅, Π±ΡƒΠ΄Π΅Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² ChromeΒ».Если Π²Ρ‹ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ эту ΠΊΠ½ΠΎΠΏΠΊΡƒ, Π²Π°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅Β» Π²ΠΎ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ ΠΎΠΊΠ½Π΅.

β€” ΠŸΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚Π΅ своС дСйствиС Π²ΠΎ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ ΠΎΠΊΠ½Π΅, ΠΈ установка Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°. Вуаля !!

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ страниц?

ИспользованиС Page Ruler для тСстирования Π²Π΅Π±-интСрфСйса ΠΎΡ‡Π΅Π½ΡŒ просто. ПослС установки Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ Page Ruler Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Google Chrome.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π²Π΅Π±-страницу Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ страниц, ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов.

Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π²Ρ‹ΡˆΠ΅, Π²Π²Π΅Ρ€Ρ…Ρƒ Π²Π΅Π±-страницы отобраТаСтся полоса Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ страниц, содСрТащая ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ для измСрСния:

Π¨ΠΈΡ€ΠΈΠ½Π° , Высота , Π‘Π»Π΅Π²Π° , Π‘Π²Π΅Ρ€Ρ…Ρƒ , Π‘ΠΏΡ€Π°Π²Π° ΠΈ Π‘Π½ΠΈΠ·Ρƒ .

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΠΌ ΠΏΠΎΠ»Π΅ поиска, располоТСнноС Π½Π° ΠΏΡ€Π°Π²ΠΎΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ страницы Testing Journals, ΠΈ посмотрим, ΠΊΠ°ΠΊ ΠΎΠ½ΠΎ выглядит.

Π¨ΠΈΡ€ΠΈΠ½Π° : Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ ΡˆΠΈΡ€ΠΈΠ½Π° Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ области / элСмСнта.
Высота : Высота Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ области / элСмСнта.
Π‘Π»Π΅Π²Π° : расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π»Π΅Π²Ρ‹ΠΌ ΠΊΠΎΠ½Ρ†ΠΎΠΌ Π²Π΅Π±-страницы ΠΈ Π»Π΅Π²ΠΎΠΉ ΠΏΠΎΠ²Π΅Ρ€Ρ…Π½ΠΎΡΡ‚ΡŒΡŽ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ области / элСмСнта.
Π’Π΅Ρ€Ρ… : расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΌ ΠΊΠΎΠ½Ρ†ΠΎΠΌ Π²Π΅Π±-страницы ΠΈ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠΎΠ²Π΅Ρ€Ρ…Π½ΠΎΡΡ‚ΡŒΡŽ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ области / элСмСнта.
Π‘ΠΏΡ€Π°Π²Π° : расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π»Π΅Π²Ρ‹ΠΌ ΠΊΠΎΠ½Ρ†ΠΎΠΌ Π²Π΅Π±-страницы ΠΈ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠΎΠ²Π΅Ρ€Ρ…Π½ΠΎΡΡ‚ΡŒΡŽ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ области / элСмСнта.
Низ : расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΌ ΠΊΠΎΠ½Ρ†ΠΎΠΌ Π²Π΅Π±-страницы ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΠΎΠ²Π΅Ρ€Ρ…Π½ΠΎΡΡ‚ΡŒΡŽ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ области / элСмСнта.

НСкоторыС ярлыки:

ALT + P : Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ / ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ страницы
Клавиши со стрСлками : ΠŸΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π² любом Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ
Клавиши со стрСлками + Shift : ΠŸΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° 10 пиксСлСй
Клавиши со стрСлками + Ctrl : Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° 1 пиксСль
Клавиши со стрСлками + Shift + Ctrl : ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° 10 пиксСлСй
Клавиши со стрСлками + Ctrl + Alt : ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° 10 пиксСлСй

Как Π½Π°ΠΉΡ‚ΠΈ элСмСнт Π½Π° Π²Π΅Π±-страницС?

НавСдитС ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΊΡ€Π°ΠΉΠ½ΠΈΠΉ Π»Π΅Π²Ρ‹ΠΉ ΡƒΠ³ΠΎΠ» ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ страниц, ΠΈ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ€Π΅ΠΆΠΈΠΌ элСмСнта».

Π§Ρ‚ΠΎ ΠΆ, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅ всС ΠΎΠ± этом Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΈ Google Chrome для тСстирования Π²Π΅Π±-интСрфСйса. ΠŸΠΎΠΈΠ³Ρ€Π°ΠΉΡ‚Π΅ с Π½ΠΈΠΌ ΠΈ ΠΈΠ·Π²Π»Π΅ΠΊΠΈΡ‚Π΅ ΠΈΠ· Π½Π΅Π³ΠΎ максимум ΠΏΠΎΠ»ΡŒΠ·Ρ‹. Бпасибо Π·Π° Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ ΠΈ ΡƒΠ΄Π°Ρ‡Π½ΠΎΠ³ΠΎ тСстирования !!


Входная строка ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

Входная строка ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

Входная строка ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. ОписаниС: НСобработанноС ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π²ΠΎ врСмя выполнСния Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Π²Π΅Π±-запроса.ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ трассировку стСка, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ± ошибкС ΠΈ Π΅Π΅ происхоТдСнии Π² ΠΊΠΎΠ΄Π΅.

БвСдСния ΠΎΠ± ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ: System.FormatException: входная строка ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

Ошибка источника:

НСобработанноС ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ создано Π²ΠΎ врСмя выполнСния Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Π²Π΅Π±-запроса. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ происхоТдСнии ΠΈ мСстонахоТдСнии ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ трассировки стСка ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ Π½ΠΈΠΆΠ΅.

Врассировка стСка:
[FormatException: входная строка ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. ]
   System.Number.StringToNumber (строка str, ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ NumberStyles, NumberBuffer & number, информация NumberFormatInfo, логичСскоС parseDecimal) +12838615
   System.Number.ParseInt32 (String s, ΡΡ‚ΠΈΠ»ΡŒ NumberStyles, информация NumberFormatInfo) +122
   БистСма.Convert.ToInt32 (строковоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅) +48
   SOAR.Web.Controllers.ProductController.Details (ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ строки) +73
   lambda_method (Closure, ControllerBase, Object []) +104
   System.Web.Mvc.ActionMethodDispatcher.Execute (ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ ControllerBase, ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Object []) +19
   System.Web.Mvc.ReflectedActionDescriptor.Execute (ControllerContext controllerContext, ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ IDictionary`2) +224
   System.Web.Mvc.ControllerActionInvoker.InvokeActionMethod (ControllerContext ControllerContext, ActionDescriptor actionDescriptor, ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ IDictionary`2) +27
   БистСма.Web.Mvc. <> C__DisplayClass15.  b__12 () +57
   System.Web.Mvc.ControllerActionInvoker.InvokeActionMethodFilter (Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ IActionFilter, ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ контСкст ActionExecutingContext, ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ Func`1) +260
   System. Web.Mvc. <> C__DisplayClass17.  b__14 () +26
   System.Web.Mvc.ControllerActionInvoker.InvokeActionMethodWithFilters (ControllerContext controllerContext, Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ IList`1, ActionDescriptor actionDescriptor, ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ IDictionary`2) +205
   БистСма.Web.Mvc.ControllerActionInvoker.InvokeAction (ΠšΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠšΠΎΠ½Ρ‚Π΅ΠΊΡΡ‚ ΠšΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠšΠΎΠ½Ρ‚Π΅ΠΊΡΡ‚, Π‘Ρ‚Ρ€ΠΎΠΊΠ° Π˜ΠΌΡΠ”Π΅ΠΉΡΡ‚Π²ΠΈΡ) +326
   System.Web.Mvc.Controller.ExecuteCore () +109
   System.Web.Mvc.ControllerBase.Execute (RequestContext requestContext) +92
   System.Web.Mvc.ControllerBase.System.Web.Mvc.IController.Execute (RequestContext requestContext) +12
   System.Web.Mvc. <> C__DisplayClassb.  b__5 () +34
   System.Web.Mvc.Async. <> C__DisplayClass1.  b__0 () +16
   БистСма.Web.Mvc.Async. <> C__DisplayClass8`1.  b__7 (IAsyncResult _) +15
   System.Web.Mvc.Async.WrappedAsyncResult`1.End () +59
   System.Web.Mvc. <> C__DisplayClasse.  b__d () +48
   System. Web.Mvc.SecurityUtil.  b__0 (дСйствиС f) +12
   System.Web.Mvc.SecurityUtil.ProcessInApplicationTrust (дСйствиС дСйствия) +24
   System.Web.Mvc.MvcHandler.EndProcessRequest (IAsyncResult asyncResult) +66
   System.Web.Mvc.MvcHandler.System.Web.IHttpAsyncHandler.EndProcessRequest (Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ IAsyncResult) +11
   System.Web.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute () +9849413
   System.Web.HttpApplication.ExecuteStepImpl (шаг IExecutionStep) +50
   System.Web.HttpApplication.ExecuteStep (шаг IExecutionStep, логичСскоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΎ синхронно) +163
 


Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎ вСрсии: Microsoft.ВСрсия .NET Framework: 4.0.30319; ВСрсия ASP.NET: 4.8.4261.0 .