Фронтенд Гайд
7.19K subscribers
627 photos
309 videos
301 links
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов!

Все представлено в виде готового кода, бери и юзай в своем проекте.

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
Каков правильный HTML для создания текстовой области?
Anonymous Quiz
12%
<input type="textbox">
50%
<input type="textarea">
39%
<textarea>
3
Какой HTML-код правильный для вставки фонового изображения?
Anonymous Quiz
24%
<background img="background.gif">
5%
<body bg="background.gif">
71%
<body style="background-image:url(background.gif)">
👌32👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Boxy Preloaders

Анимированные индикаторы загрузки сайта.

#CodePen
Элементы блока обычно отображаются без начала новой строки.
Anonymous Quiz
57%
Да
43%
Нет
magika

Инструмент на основе ИИ для определения типов файлов. Он использует оптимизированную модель Keras для быстрой и точной идентификации файлов. Доступен как инструмент командной строки Python и веб-демо.

#GitHub
👍1
В HTML вы можете встраивать элементы SVG непосредственно в HTML-страницу.
Anonymous Quiz
93%
Правда
7%
Ложь
👍6👏41
⌚️ Часы на синусах и косинусах в CSS

Статья демонстрирует создание часового циферблата с помощью CSS и математических функций sin() и cos(). Она объясняет, как разместить числа и стрелки на циферблате, используя переменные и CSS-стили для определения их позиций.

#Полезное
Какие из этих элементов являются элементами <table>
Anonymous Quiz
11%
<thead><body><tr>
5%
<table><head><tfoot>
8%
<table><tr><tt>
77%
<table><tr><td>
12 Column Grid Layout

Макеты сетки из 12 столбцов. Может подойти, как отзывы клиентов на сайте.

#CodePen
Какой атрибут в HTML используется для указания необходимости заполнения поля ввода?
Anonymous Quiz
63%
required
4%
formvalidate
26%
placeholder
8%
validate
👍5
tech-interview-handbook

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

#GitHub
Обзор синтаксиса Tailwind CSS

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

#Полезное
👍4
Как открыть ссылку в новой вкладке/окне браузера?
Anonymous Quiz
7%
<a href="url" new>
19%
<a href="url" target="new">
74%
<a href="url" target="_blank">
👍7👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
Neumorphic Fitbit UI

Интерфейс приложения, выполненный на чистом CSS и SVG.

#CodePen
Какой элемент HTML используется для указания нижнего колонтитула документа или раздела?
Anonymous Quiz
8%
<section>
82%
<footer>
10%
<bottom>
🔥6🤨6👍41
Какой тип ввода определяет ползунок?
Anonymous Quiz
5%
search
36%
slider
14%
controls
45%
range
👍51
This media is not supported in your browser
VIEW IN TELEGRAM
whisper-clip

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

#GitHub