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

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

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
Box-Shadow — свойство, позволяющее разработчикам применять....
Anonymous Quiz
7%
Границы
88%
Тени
3%
Закругленные углы
1%
Предысторию
5👍2
👨‍🎓 Разработка автоматизированной очереди для сдачи лабораторных работ

Статья описывает разработку системы управления очередью для сдачи лабораторных работ в техническом учебном заведении. Автор начинает с проблемы неэффективной организации очереди и представляет выбранные технологии (HTML5, CSS3, PHP, MySQL). Затем описывается процесс разработки фронтенда и бэкенда системы, включая структуру базы данных и методы работы с ней. В заключение, автор обсуждает хранение сессий и шифрование паролей.

#Полезное
👍2
🤨66🗿6🤔4😱4😁2👾2🤯1👨‍💻1
Notepad Next

Notepad++ доступен на Windows, GNU/Linux и MacOS, но не совсем безопасен для критически важной работы.

#GitHub
Все ли браузеры полностью поддерживают CSS3?
Anonymous Quiz
65%
Да.
35%
Нет.
👍2
🧑🏻‍💻 Поверхностный анализ работы DOM на библиотеках JavaScript

Статья рассматривает работу с DOM на библиотеках JavaScript (Vue, React, Angular), объясняя Real DOM, Shadow DOM и Virtual DOM. Она содержит примеры и помогает понять разницу между ними для лучшего понимания работы с браузером.

#Полезное
3
Как изменить размер фонового изображения с помощью CSS3?
Anonymous Quiz
83%
background-size: 80px 60px;
5%
background-proportion: 80px 60px;
3%
alpha-effect: bg-resize 80px 60px;
9%
Нет верного ответа
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Avatar input

Иконка Аватара с возможностью добавления своего из галереи.

#CodePen
👍1
👍61
screenshot-to-code

Приложение превращает скриншоты в HTML и CSS код, используя GPT-4 Vision для генерации кода и DALL-E 3 для создания схожих изображений. Основано на React/Vite для интерфейса и FastAPI для серверной части, требует ключ API OpenAI для доступа к GPT-4 Vision.

#GitHub
👍31
Какие из этих операторов преобразования CSS3 являются допустимыми.
Anonymous Quiz
43%
matrix()
36%
modify()
11%
skip()
10%
simulate()
👍3
Какой префикс вам нужен, чтобы свойства CSS3 работали в старых браузерах Mozilla Firefox?
Anonymous Quiz
36%
-webkit-
58%
-moz-
4%
-o-
3%
-gecko-
👍3
В вертикальном смещении теней блока (-1) означает, что тень блока будет находиться ниже блока?
Anonymous Quiz
56%
Правда
44%
Ложь
В чем разница между движками и средами выполнения JavaScript?

Статья разъясняет различия между движками и средами выполнения JavaScript, а также обсуждает термины ECMAScript и JavaScript, объясняя их взаимосвязь и функциональность.

#Полезное
This media is not supported in your browser
VIEW IN TELEGRAM
3d css Booklet

3D книга с возможностью пролистывания страниц.

#CodePen
Каковы первые три значения text-shadow по порядку?
Anonymous Quiz
10%
vertical, blur, horizontal
16%
blur, vertical, horizontal
41%
vertical, horizontal, blur
32%
horizontal, vertical, blur
FastForward

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

#GitHub
2
Какой фрагмент кода отсутствует при создании тени текста? #basicTextShadow p {text-shadow: 1px 1px 3px; }
Anonymous Quiz
58%
цвет
10%
элемент
15%
идентификационное имя
17%
высота тени текста
🗿51
Как создать закругленные углы с помощью CSS3?
Anonymous Quiz
3%
border[round]: 30px;
3%
corner-effect: round;
92%
border-radius: 30px;
2%
alpha-effect: round-corner;