Букмарклет "Тонкие узоры": предварительный просмотр фоновых узоров на вашем веб-сайте

В настоящее время фоновые изображения, цвета или узоры важны не только для веб-сайтов, основанных на дизайне, но и для блогов или обычных веб-сайтов. Тем не менее, есть еще один печальный факт: не так просто найти фоновые шаблоны, которые подходят для содержимого вашего веб-сайта на переднем плане. Это становится более утомительным, когда вам нужно проверить, подходит ли один шаблон или нет, поскольку вам придется выполнять некоторую работу с кодом, чтобы каждый раз менять фоновый шаблон.

В этой ситуации вы можете использовать букмарклет, который поможет вам найти и протестировать наиболее подходящий фоновый рисунок для вашего сайта. Теперь давайте посмотрим на этот классный инструмент. Этот инструмент, приобретенный Toptal, впечатляет и определенно полезен для всех веб-дизайнеров.

закладограмма

Прежде чем перейти к фактическому содержанию, давайте познакомим вас с букмарклетом. Букмарклет — это набор закладок, которые могут выполнять функции, отличные от простого направления на определенную страницу. В случае с Subtle Patterns этот букмарклет фактически открывает небольшой виджет на экране браузера для настройки параметров фона страницы без воспроизведения кода.

Тонкие узоры и букмарклет

Как было сказано ранее, в Subtle Patterns есть огромная коллекция фоновых узоров. Пользователи, скорее всего, веб-дизайнеры, могут скачать эти фоновые узоры и использовать их по своему усмотрению. Каждая загрузка будет содержать высококачественные фоновые узоры разных размеров. По сравнению с вашим долгим поиском фоновых узоров использование этого веб-сайта полезно, и кажется, что на веб-сайте также есть очень хорошая коллекция. Веб-сайт также может предварительно просмотреть определенные фоновые узоры, чтобы вы могли получить широкое представление перед загрузкой.

Брэд Джаспер — человек, стоящий за Bookmarklet, и он доступен БЕСПЛАТНО. Используя этот инструмент, вы можете легко найти подходящие фоновые шаблоны для своего веб-сайта, а также увидеть их вживую на своем веб-сайте без необходимости кодирования, что легко для дизайнеров. Теперь мы можем посмотреть, как использовать этот инструмент.

Как использовать букмарклет "Тонкие узоры"?

Сначала вам нужно перейти к Сайт Брэда Джаспера чтобы получить упомянутый букмарклет.

Затем перетащите эту зеленую кнопку на панель закладок, как указано на веб-сайте. Вы закончили с установкой. Затем вы можете начать играть с фоновыми узорами. Если вы хотите изменить фоновые узоры одного веб-сайта, но хотите увидеть их вживую перед применением, вы можете использовать букмарклет Subtle Patterns. Просто зайдите на сайт (скажем Google.com) и щелкните закладку, которую вы добавили на панели закладок.

На экране появится небольшой виджет, подобный приведенному выше, с раскрывающимся меню параметров. Вы можете выбрать различные фоновые узоры из меню, и сайт будет иметь выбранный узор всего за несколько секунд. Смотрите, мы выбрали различные фоновые шаблоны для Google с помощью этого виджета.

Если в одной категории есть разные варианты, вы можете их использовать. Например, на первом изображении вы можете видеть виджет, отображающий масштаб 1/329, что означает, что в этой категории 329 разновидностей. Вы можете видеть различные изображения, нажимая стрелки на экране или саму клавишу со стрелкой на клавиатуре.

Всякий раз, когда вы найдете наиболее подходящий фоновый узор для своего блога, просто нажмите на название шаблона в букмарклете. Он перейдет на веб-сайт Subtle Patterns, загрузит этот конкретный фоновый узор и использует его в своем сайт / блог.

Букмарклет «Тонкие узоры»: другие примечательные особенности

Помимо простого изменения всего фонового рисунка, этот инструмент также позволяет вам изменить фоновый рисунок определенной области, например заголовка. Для этого вам нужно нажать кнопку настроек в виджете и выбрать область, которую вы хотите изменить.

В данном случае мы выделили верхнюю часть и выбрали фоновый рисунок. Как видите, разница между подразделениями очевидна. Эта функция делает инструмент более полезным, поскольку вам придется применять несколько шаблонов для нескольких областей на веб-странице.

Вы можете использовать этот виджет на любом из веб-сайтов и увидеть магию фоновых изображений. Предположим, у вас есть веб-сайт, и вы не знаете, какой фоновый рисунок выбрать, этот букмарклет Subtle Patterns определенно поможет вам исправить это.

Мы с уверенностью можем сказать, что букмарклет Subtle Patterns — это необходимый инструмент для каждого веб-дизайнера, и он довольно прост в использовании. Каково ваше мнение об этом инструменте? Поделитесь им через комментарии.