Рубрика для вдохновения и насмотренности

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

Сегодня подборка от @mikhalev_nikolay:
«Страх белого листа» — то, чего боятся многие новички и даже опытные дизайнеры. Но действительно ли это так страшно и этого нужно бояться? Я считаю, что нет.
Белый лист — это функциональный инструмент, которым нужно уметь пользоваться. Так же считают и дизайнеры сайтов, которых я прикрепил в эту подборку. Но сделать подборку, где преобладало бы только белое пространство в композиции было бы слишком просто.
Поэтому я решил продемонстрировать вам высший пилотаж (по моему мнению. это же моя подборка 🌝) владения всеми инструментами композиции.

И я хочу обратить внимание на то, что здесь нет ни одного акцидентного шрифта, все типографические блоки выполнены в одном (!!!) начертании — Regular, всеми привычном неогротеском. И что примечательно — это не вторичные экраны с описанием. Это главные экраны страниц и всего сайта.

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

Эстафету хочу передать @webdesignerZharkiy.
Кирилл, прости :) Я знаю сколько у тебя работы, но мне всегда было интересно чем ты вдохновляешься 🌝

Всем крутых дизайнов и хорошей недели.

Подборка полезных файлов и иконок для Figma

Ultimate color pallette — aккуратно организованный набор цветовых стилей уже ждет тебя в комьюнити
Install

Mono icons — простой набор иконок с открытым кодом.
Install

Interactive component kit — пак с ходовыми элементами дизайна (кнопки, ползунки и тд), все это завернуто в варианты.
Install

Mega Icon Pack — бесплатный набор из 1000+ векторных иконок.
Install

Marble Effect — cоздаем объемный мраморный эффект для объектов в Figma.
Install

Mesh Gradients — бесплатный набор из 36 сеточных градиентов высокого разрешения.
Install

Customer journey map — шаблон cjm от команды разрабов figma
Install

PIXX — бесплатный набор из 64 пиксельных иконок.
Install

Quill — бесплатный набор иконок для почтового клиента.
Install

#figma

Чек-лист по SEO-оптимизации сайта
Сайты, сделанные на Тильде, индексируются поисковыми системами автоматически.
Вот список из 10 шагов от Tilda Help, которые помогают улучшить результаты выдачи.

Задайте страницам сайта название (Title) и описание (Description)
По умолчанию в результатах поисковых систем выводится та информация, которую вы задали в Настройках страницы → вкладка «Главное». Заголовок для каждой страницы должен быть уникальным. То есть, у вас не должно быть двух страниц с заголовком «Блукрафт Бюро — услуги дизайнеров интерьеров в Москве».

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

Укажите читаемые адреса страниц (человекопонятный URL)
Человекопонятный URL — URL-путь, состоящий из понятных слов, вместо системного адреса. Например, вместо /page4652188.html нужно указать /about. Такие адреса удобны для пользователей и помогают предположить содержание страницы.

Добавьте теги H1, H2, H3
Заголовок c тегом H1, имеет наибольшую значимость для поисковых систем. Задать тег можно в настройках любого блока, где есть заголовок. Если контент сайта имеет четкую структуру, то для заголовков следующих уровней можно задать теги h2 и h3. В отличие от тега h1, их может быть несколько на странице, но и на SEO они влияют слабее.

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

Загрузите фавикон
Фавикон — значок веб-сайта или страницы. Отображается в браузере перед названием страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

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

Проверьте переадресацию https/http и www/без www
Если ваша страница открывается по адресу https://mysite.com и http://mysite.com, или для поисковых систем это две разные страницы с одинаковым содержанием. Это может снижать рейтинг страницы в выдаче.
Если вы настроили https, сделайте переадресацию со страницы c префиксом http на страницу с https. Если вы добавили субдомен www, сделайте переадресацию со страницы без www на страницу с www.

Проверьте, нет ли запрета на индексацию
При необходимости, можно наоборот запретить поисковикам индексировать страницу или сайт. Чтобы запретить индексацию всего сайта, перейдите в Настройки сайта → SEO и поставьте галочку «Запретить поисковикам индексировать сайт».

Опубликуйте все страницы и посмотрите, нет ли ошибок в SEO-рекомендациях
В Настройках сайта → SEO → SEO-рекомендации можно посмотреть отчет Тильды с персональным анализом страниц вашего сайта со списком ошибок SEO-оптимизации и рекомендациями, как их устранить


Добавьте сайт в Google Search Console и Яндекс.Вебмастер
Чтобы роботы быстрее «увидели» вашу страницу и начали показывать ее при поисковых запросах, сайт можно добавить в Google и Яндекс вручную.
Для этого нужно зайти в Настройки сайта → SEO и выбрать Яндекс Вебмастер или Google Search Console и нажать «зарегистрировать сайт».

Новый бесплатный подгон от ANNEXX!

Отныне в десктопе вы имеете возможность масштабировать стандартные блоки под ширину экрана браузера.

Читать здесь: https://t.me/annexx_team/26

🔥 🔥 🔥

В понедельник в Школе Тильды начнется последний поток курса Tilda Start в этом году

Если планировали записаться на курс, приходите сегодня на открытый вступительный урок — начало в 16:00 по Москве, 15:00 по Киеву.

👉 Записаться на открытый урок

🔸🔸🔸

На курсе Tilda Start вы за 4 недели изучите все функции Тильды и научитесь создавать лендинги, сложные многостраничные сайты, интернет-магазины и блоги.

Вас ждет:
— 60+ емких уроков без воды
— 16+ прямых эфиров
— Закрытый чат курса с кураторами
— 3 проекта для практики
— Персональные видеоразборы дз
— Модуль о поиске первых клиентов
— Доступ в клуб выпускников после клуба

Подробнее о курсе: https://tilda.school/start

Хорошие новости!

Вы помните девочку Машу, которой так активно помогали собирать средства на лечение и восстановление после укуса клеща? Нам удалось собрать 195.671 (2.676$) всего за два стрима.

С нами связалась Мария Пономарева и рассказала радостную новость — сегодня Маша летит в Испанию!
Уже прошёл перелёт в Москву и сегодня Машенька будет в Барселоне.

Хотим ещё раз поблагодарить всех вас за помощь и неравнодушие!

⚡️И ещё одна новость — на следующей неделе пройдёт новый благотворительный эфир! Подробности расскажем чуть позже.

Код для замены иконки в аккордеоне TX16N на вашу.
Он прост в использовании, но помогает добавить индивидуальности блоку.

Что нужно сделать?
1. Создать блок TX16N и наполнить его контентом
2. Добавить код ниже в блок Т123
3. В коде изменить существующую ссылку на url вашей иконки.
(Иконку можно загрузить в любой зеро блок и вывести ее за видимую область, чтобы ее не было видно)


Код:
<style>
.t585__opened .t585__lines {
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.t585__lines svg {
display: none;
}
.t585__lines::after {
content: " ";
width: 24px;
height: 24px;
position: absolute;
left: 0;
background-image: url(https://static.tildacdn.com/tild6563-3930-4434-b332-663735346335/caret-down.svg);
background-size: 100%;
}
</style>

Привет 👋
Ловите плейлист с хорошей музыкой для работы от Макса Ширко.

Делитесь своими плейлистами для работы и отдыха 🎧

https://open.spotify.com/playlist/31ii5qBN1kga4cyrcZcsuB?si=Q2oWgs4vRqabNP3ZhsEdkg