Qidiruv uchun matnni kiriting
Ilg‘or kanal qidiruvi

Купить живой трафик

2 руб / подписчик
img
reklama

Telegram Analytics

TGStat хизмати янгиликларидан бохабар бўлиш учун обуна бўл!
img
reklama

SearcheeBot

Telegram-каналлар оламидаги сизнинг йўлбошчингиз.
img
reklama

Вёрстка сайтов | HTML, CSS, JS

@free_html_lessons
Kanal geosi va tili: Rossiya, Ruscha

👋 Привет, друг!
В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду.
Присоединяйся и начинай учиться!
Связь: @Tigran1963

Bog‘liq kanallar  |  O‘xshash kanallar
Kanal geosi va tili
Rossiya, Ruscha
Toifa
Texnologiyalar
Statistika
Kanal siznikimi? Tasdiqlash Kanal tarixi
Postlar filtri

Вёрстка сайтов | HTML, CSS, JS

4 Oct, 14:16

Telegram'da ochish Ulashish Shikoyat qilish
Открытый вебинар курса «Микросервисная архитектура»

Бизнес-логика в микросервисах — где она должна жить?

На уроке 22 октября в 19:00 мск разберём паттерны Saga, API Composition, Shared Kernel и ошибки при декомпозиции. Регистрируйтесь!

Зарегистрироваться

#реклама 16+
otus.ru
О рекламодателе
114 0 0
Вёрстка сайтов | HTML, CSS, JS

4 Oct, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
149 0 1
Вёрстка сайтов | HTML, CSS, JS

3 Oct, 11:50

Telegram'da ochish Ulashish Shikoyat qilish
Мета теги Apple

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

Основные мета-теги Apple
1. Добавление сайта на главный экран (Web App Mode)
Чтобы пользователи могли добавлять сайт на главный экран с интерфейсом как у приложения:

Этот тег активирует полноэкранный режим веб-приложения, исключая элементы браузера (например, адресную строку).
2. Установка цветовой темы статус-бара
Можно задать цвет статус-бара для веб-приложения:

Значения:
• default — стандартный вид статус-бара (белый текст на чёрном фоне).
• black — чёрный фон статус-бара.
• black-translucent — полупрозрачный чёрный статус-бар.

3. Иконка приложения для главного экрана
Чтобы настроить иконку для сайта, добавляем:

Можно указать несколько иконок разных размеров:




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


5. Запрет автоматического масштабирования
Чтобы отключить автоматическое изменение масштаба страницы, можно использовать:


6. Оптимизация заголовков и переходов
Тег для более плавного отображения шрифтов и стиля текста:


Этот тег предотвращает автоматическое преобразование телефонных номеров в ссылки.

Зачем использовать мета-теги Apple?
• Улучшение пользовательского опыта для владельцев iOS-устройств.
• Добавление сайта на главный экран с функциональностью, схожей с нативным приложением.
• Брендирование сайта с помощью иконок и кастомного интерфейса.


#html | #полезности
188 0 6 2
Вёрстка сайтов | HTML, CSS, JS

2 Oct, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
230 2 6 1
Вёрстка сайтов | HTML, CSS, JS

1 Oct, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
Макет для тренировки (skeyndor)

Перейти к макету 🧑‍💻

#макет@free_html_lessons
256 0 4
Вёрстка сайтов | HTML, CSS, JS

30 Sep, 12:30

Telegram'da ochish Ulashish Shikoyat qilish
Как правильно объявить переменную в CSS?
So‘rovnoma
  •   $color: blue;
  •   --color: blue;
  •   @color: blue;
  •   !color: blue;
  •   -color: blue;
  •   Никак, только с препроцессорами
  •   Посмотреть ответы
17 ta ovoz
295 2 0
Вёрстка сайтов | HTML, CSS, JS

29 Sep, 10:20

Telegram'da ochish Ulashish Shikoyat qilish
Задача: Быстрая пятёрка

Брайан, Миа, Хан, Жизель и Доминик участвуют в уличной гонке.

Правила соревнования простые. Маршрут пролегает через N контрольных точек, пронумерованных числами от 1 до N (N – целое положительное число). Контрольная точка номер N является финишем. Чтобы победить в соревновании, каждому из участников нужно пройти все контрольные точки по порядку. Пропуск контрольных точек, а также нарушение порядка их прохождения считается жульничеством и ведёт к дисквалификации участника.

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

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

Гарантируется, что хотя бы три участника не будут жульничать. Гарантируется, что, достигнув финиша, участник больше никуда не едет. Участники не посещают одну контрольную точку дважды.

Подробнее по ссылке 👨‍💻

#домашка
314 0 0
Вёрстка сайтов | HTML, CSS, JS

28 Sep, 10:28

Telegram'da ochish Ulashish Shikoyat qilish
325 2 7 2
Вёрстка сайтов | HTML, CSS, JS

27 Sep, 12:36

Telegram'da ochish Ulashish Shikoyat qilish
Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. Функции в TypeScript
2. CSS навигация
3. Задача: Шифр подстановки

Лучшие фронтенд вакансии @job_webdev:
1. react разработчик для ML OPS
2. HTML-верстальщик
3. react разработчик новой системы

Лучшие дизайн вакансии @job_webdesign:
1. ux/ui дизайнер внутренних процессов
2. Web-дизайнер
3. Web-дизайнер

#лучшеезанеделю
321 0 2
Вёрстка сайтов | HTML, CSS, JS

26 Sep, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
Задача: Шифр подстановки

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

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

Подробнее по ссылке 👨‍💻

#домашка
316 2 0
Вёрстка сайтов | HTML, CSS, JS

25 Sep, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
Макет для тренировки (rectop)

Перейти к макету 🧑‍💻

#макет@free_html_lessons
349 0 5
Вёрстка сайтов | HTML, CSS, JS

24 Sep, 10:29

Telegram'da ochish Ulashish Shikoyat qilish
Timeline Tree

Посмотреть на codepen 👨‍💻

#практика
389 0 3 1
Вёрстка сайтов | HTML, CSS, JS

23 Sep, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
420 0 5 1
Вёрстка сайтов | HTML, CSS, JS

22 Sep, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
CSS навигация

Посмотреть на codepen 👨‍💻

#практика
417 2 6
Вёрстка сайтов | HTML, CSS, JS

21 Sep, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
Функции в TypeScript: параметры, void, never и overloads

Читать 👨‍💻

#ts | #теория
450 2 8 1
Вёрстка сайтов | HTML, CSS, JS

20 Sep, 09:40

Telegram'da ochish Ulashish Shikoyat qilish
430 0 4
Вёрстка сайтов | HTML, CSS, JS

19 Sep, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
Задача: npm install

Вася устроился фронтенд-разработчиком в крупную IT-компанию. В свой первый рабочий день он клонировал себе git-репозиторий проекта и сразу же стал смотреть package.json. Будучи любителем всего нового, Вася сразу увидел, что некоторые пакеты в dependencies устарели. Недолго думая, он сразу поменял в файле их версии на самые последние и выполнил npm install. Какой ужас! Консоль заполнили строки с описанием ошибок, ведь оказалось, что многие пакеты были связаны между собой через peerDependencies, а их свежие версии несовместимы.

Помогите Васе обновить зависимости до самых свежих совместимых версий.

Подробнее по ссылке 👨‍💻

#домашка
401 2 5
Вёрстка сайтов | HTML, CSS, JS

18 Sep, 15:26

Telegram'da ochish Ulashish Shikoyat qilish
Что делает @media(any-hover: hover)
So‘rovnoma
  •   Св-ва внутри него применяются на устройствах, на которых не доступно наведение (смартфоны и т.п)
  •   Св-ва внутри него применяются при наведении
  •   Св-ва внутри него применяются на устройствах, на которых доступно наведение (пк, ноутбуки и т.п)
38 ta ovoz
392 0 1 1
Вёрстка сайтов | HTML, CSS, JS

18 Sep, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
Макет для тренировки (miramoney)

Перейти к макету 🧑‍💻

#макет@free_html_lessons
412 0 7
Вёрстка сайтов | HTML, CSS, JS

17 Sep, 10:05

Telegram'da ochish Ulashish Shikoyat qilish
15 micro-interactions (полезные паттерны)

Посмотреть на codepen 👨‍💻

#практика
464 0 4
20 ta oxirgi post ko‘rsatilgan.