Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг
25.4K subscribers
1.34K photos
106 videos
28 files
2.39K links
FullStack-материалы от Senior-разработчика для WEB-специалистов

Сотрудничество: @CodingLead

РКН: shorturl.at/qinly
Download Telegram
👨‍💻[Фича 21] Настройка переезда сайта с HTTP на HTTPS

Привет. Мы уже разбирали момент с подключением SSL сертификата, но тогда я не стал говорить про автоматические редиректы.

Это очень важно для SEO сайта, поэтому разобраться стоит. Коротенький урок, изучаем!

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"
📦 У меня появилась идея разработки публичных шаблонов для Tilda.

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

Как это работает?

- Вводите id шаблона, который вам нужен
- Меняете контент на ваш
- Запускаете сайт и он работает

На это придётся потратить не мало времени, поэтому хочу заранее спросить у вас. Нужно или нет? И на какие темы делать шаблоны.

🤙 Напишите своё мнение в бота, это важно: @sitodeal_bot
👨‍💻 SEO настройки сайта на Tilda

Привет всем. Недавно я писал урок о переадрессации на HTTPS и задумался о SEO настройках в целом. Здесь существует много мнений на тему эффективности продвижения сайта созданного на тильде в SEO.

Подробно об этом мы говорить не будем, но небольшой чек-лист по сео оптимизации сайта я настроил. Читаем и проверяем свои сайты - всё ли оптимизировано?

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"
👨‍💻 [Урок 63] Редирект 301 для страниц

Привет всем! Мы уже начали говорить о СЕО и в прошлой статье я уже упомянул такое понятие, как "Редирект 301". В бота обратной связи мне прислали несколько вопросов на эту тему, на них постараюсь сегодня ответить.

Сегодня разбираемся: зачем нужен редирект 301 и как его настроить. Погнали!

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"
👨‍💻 Добавляем иконку в кнопку на tilda

Привет, сайтоделы! Я очень долго отсутствовал и ужасно соскучился за это время. Не передать словами, насколько я рад вернуться, ведь за время моего "отпуска" в тильде произошло много обновлений.

Начнём мы с добавления стиля кнопке. Добавим красивую иконочку на кнопку. Поехали!

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"
This media is not supported in your browser
VIEW IN TELEGRAM
👨‍💻 [Урок 64] Зацикленная анимация

Привет, сайтоделы! Как ваши делишки? Перед новым годом решил порадовать вас парочкой новых уроков. Сегодня рассмотрим крутую анимацию главного блока.

Анимация простая, материалы прикрепляю ниже. Изучаем!)

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Материалы, для урока 64.
​Приветствую сайтодел! 👋

Тяжелый 2020 год закончился. Ты уже вступил в новый перспективный 2021 год. Я уверен, он будет лучше, продуктивней и в разы эффективней для тебя.

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

Теперь я буду делиться с тобой всеми своими знаниями веб-разработки: полезные библиотеки, креативные решения во фронтенде, популярные инструменты, инновации в области создания сайтов и все что связано с этой сферой.

Это лишь малая доля от планируемого контента. Часть из которого уже готова и скоро будет опубликована на канале. Поэтому не забудь купить кофе, оплатить интернет и ожидай скорую публикацию нового поста.
Редактор "Sublime Text"

В
этом уроке я расскажу тебе об отличном редакторе для разработчиков под названием "Sublime Text". Его еще относят не просто к редакторам, а интегрированным средам разработки. То есть "редактор на батарейках".

👨🏻‍💻 ИЗУЧИТЬ УРОК | #sublime
Молниеносная верстка при помощи плагина "Emmet"

Этот плагин многократно увеличивает продуктивность написания кода за счет преобразования простых аббревиатур хештегов в полноценные куски.

В уроке я продемонстрирую как установить и начать использовать его в работе.

👨🏻‍💻 ИЗУЧИТЬ УРОК | #emmet
​ColorZilla - расширение для выбора цвета на сайте

Является аналогом пипетки в Photoshop. Может быть установлено в Firefox либо Chrome. Вызывается простым нажатием на кнопку расширения. Поддерживает историю цветов, анализ палитры на сайте и автоматическое копирование цвета в буфер обмена.

#расширение
​Atom - редактор кода

Бесплатный текстовый редактор с открытым исходным кодом для Linux, macOS, Windows с поддержкой плагинов, написанных на Node.js, и встраиваемых под управлением Git. Большинство плагинов имеют статус свободного программного обеспечения, разрабатываются и поддерживаются сообществом.

#редактор