При создании сайта на Тильде

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

для браузер Chrome, потому что это самый браузер, но большинство расширений, о которых пойдет речь, имеют свои верси или аналоги для других браузеров.

используем инструменты, которые определяют шрифт на сайте пользователя. помогаето нам быстро разобраться в проблеме со шрифтом. Еще это расширение пригодится, если вы вдруг увидели симпатичный шрифт на ком-нибудь сайте и хотите узнать его название. Обычно мы пользуемся расширениями WhatFont и FontFace Ninja, они быстро показывают, какой шрифт используется в конкретном тексте на странице.

Le système d'information sur la santé (SIS) a été mis en place par le ministère de la Santé et des Soins de longue durée de l'Ontario. Для этого есть много расширений, но мы рекомендуем ColorZilla.

стоить, во-первы, мобильную версию сайта максимально точно покажет только мобильное устройство. Во-вторых, есть встроенные в браузер инструменты разработчика, которые тоже показывают отображение сайта на различных устройствах.

Но есть и расширения, в которых очень удобно смотреть мобильную версию, мы пользуемся Emmet Review.

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

Développeur Web - мощное расширение для разработчиков, в котором много функций, мы чаще всего используем установку разрешения экрана и быстрый просмотр параметров изображений на странице.

Vider le cache - расширение для очистки кеша браузера, помогает бороться с тем, что Chrome часто сохраняет старую версию страницы. и опубликтредактировали страницу и не видите изменений ? Это браузер показывает вам кешированную версию. Clear Cach ее удалит.

Window Resizer показывает параметры окна браузера при изменении его размера. Можно выставить любые параметры из заготовленых.

Règle de page позволяет узнать размер в пикселях любого элемента на странице.

Image Optim оптимизирует изображения GIF, JPEG, PNG без потерь (таких, как уменьшение количества цветов). Если Google PageSpeed ругается, что у вас слишком тяжелые изображения, прогоните их через Image Optim - станут легче.

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

Google Tag Assistant помогает выполнить проверку или диагностику вашего кода GTM и тегов внутри него. Расширение автоматически анализирует ваш код и выявляет возможные проблемы с вашими тегами, которые вы добавили в контейнер GTM и дает рекомендации по их устранению. Также в этом плагине есть функция записи переходов, которая помогает отследить правильность отслеживания кода Google Analytics на сайте.

Facebook Pixel Helper - расширение, которое рекомендует Facebook*. Помогает убедиться, что приложение работает коректно. Поставили пиксель, скачали Helper - горит зеленым, значит все в порядке. Если есть ошибки, раскажет какие.

Иногда интересно посмотреть, какие технологи используются на других сайтах. Для этого удобно использовать Wappalyzer. Кликнув на иконке расширения, можно посмотреть информацию о веб-сервере, языке програмирования, CMS, JavaScript-библиотеках, социальных сетях и счетчиках аналитики.

помощью расширения Similarweb можно посмотреть статистику любого сайта (например, сайта вашего конкурета) по визитам, источникам трафика сайта, в том числе по ключевым словам в поисковых системах. виде диаграм и графиков, которые можно выгрузить. Сервис позволят оценивать не только сайты, но и мобильные приложения.

Trello(и его расширение для Chrome) - один из самых известных таск-менеджеров, рабочий процес в нем раскладывается по доскам и карточкам.

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

Trello очень много возможностей, мы чаще всего используем в карточках чек-листы (кие действия нужно сделать, решить задачу), цветные теги (например, как статус задачи) и, конечно, добавляем разные вложения к задаче - сылки, картинки.

для экрана новой вкладки (New Tab). Основные функции сервиса - быстро закрывает множество окон и сохраняет их списком, который можно открыть одним нажатием. Это удобно, если вы используете определеные веб-инструменты для конкретной задачи, их можно быстро сохранить и открывать одной кнопкой.

Le Grand Suspenseur - заморозка вкладок. По работе приходится открывать много вкладок, они быстро съедают всю память. Этот плагин - волшебная таблетка, которая замораживает неиспользуемые вкладки, очищает память, а, когда нужно, снова размораживат.

ссылку или пост, чтобы потом к ним вернуться, таких расширтений довольно много. структуруем ссылки, в Pinterest загружаем изображения в разые доски. Интересные статьи для чтения оставлям на потом в Instapaper и в Pocket, в последнем удобно присвоить тег, чтобы быстро вспонить тему материала.

работе подержки и повседневных задачах мы часто имем дело с английским языком.

Расширение Google Translate помогает быстро перевести непонятное слово - нужно навести курсор на слово или кликнуть по нему правой кнопкой, также можно перевести всю страницу целиком.

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

Очень удобно пользоваться Grammarly - подсвечивает ошибки в тексте, который вы пишете на английском, в любом окне - и на вашем сайте на Тильде и в собщении в Facebook*.

для себя мы выделяем несколько разнысширений. Lightshot удобно выделить кусок экрана, сразу же его отредактировать и отправить.

Full Page Screen Capture делает фотографию всего окна браузера за один клик. Пару секунд во время создания скриншота сам процесс отображается в стиле игры Pacman.

сделать скриншот страницы или е части и отредактировать снимок - заблюрить ненужное, выделить важное, стрелками, линиями, рамками, написать текст. Затем можно поделиться либо сразу изображением (Cmd+V и в чатике появилась картинка), либо файлом, либо сыллкой на файл, который сохраняется в папку на Диске.

Скринкасты записываем в Screencastify и Monosnap.

Скриншоты - важная часть работы подержки и просто удобный инструмент на каждый день. информацициц на экране или проиллюстрировать свои словать примером.

Pushbullet, чтобы передать файл, ссылку или заметку на Android устройство. проблему пльзователя, или отправить например, направить интересную интересную друзьям и коллегам.

Télégramme, у нас около 15 тематических чатов : разработка, дизайн, удохновение. Кстати, удобно переслать сообщение себе ; для этого зайдите в контакты и кликте на свой юзерпик - откроется ваш чат самим собой.

общения по видеосвязи исполки, например, можно сохранять ссылки. общения по видеосвязи мы используем сервисы Google Hangouts и Sococo - у них удобные функции и простой интерфейс. Google Hangouts, нужно открыть ссылку hangouts.google.com/hangouts, нажать на иконку видеозвонка, получить ссылку и и поделитя ей собеседниками. Участников звонка может быть очень много (Гугл обещает до 100 человек). Sococo тоже могут несколько человек, аватарки покажут статус участников звонка - например, кто подключен и слушает разговор, а кто забыл включить имикрофон или камеру.

интернете легко заблудиться и отвлечься от важного дела, спасает расширение RescueTime - в нем можно посмотреть, как прошел день в браузере : сколько и на что времени было потрачено.

Сервис Better History сортирует историю браузера по дням и собирает в пакеты, которые можно настроить. сайте появляется возможность поискать любое слово в сториии.

Toggl - бесплатный тайм-трекер, помогает измерить продуктивность работы. Повседневные задачи можно удобно отслеживать по таймеру. - логирование времение становится почти незаметным.

браузере позволят вклчить таймер, не открывая дополнительную дополнительную вкладку. разобраться какие задачи сколько занимани и правиланить времени и правильнировать свое расписание вать расписание в будущем.