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

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

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
3D Scrolling Gallery/Timeline

3D-прокрутка, выполненная с помощью SVG, CSS и библиотеки GSAP.js

#CodePen
🔥4
HTML-код, написанный на MAC, можно просматривать на ПК с установленной ОС Windows 7. Пользователь сможет увидеть тот же дизайн, который был разработан на ПК MAC?
Anonymous Quiz
74%
Да
26%
Нет
👍3👨‍💻1
OpenVoice

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

#GitHub
🔥3
🎮 Desert Racer: Первая игра, разработанная исключительно на CSS с возможностью управления свайпом

Статья описывает создание игры “Desert Racer” на CSS с управлением свайпом, включая детектирование столкновений и функционал свайпа. Это первая такого рода игра.

#Полезное
Тег <meta> нельзя определить в теге <head>.
Anonymous Quiz
77%
Ложь
23%
Правда
🤔16👍3👀32🗿2
This media is not supported in your browser
VIEW IN TELEGRAM
Product Filtering UI

Система фильтра товаров на сайте.

#CodePen
IOPaint

IOPaint - это инструмент на основе ИИ, который может модифицировать изображения. Он предлагает функции, такие как удаление объектов, замена частей изображения, увеличение размера изображений и добавление текста.

#GitHub
👍2
Что из перечисленного является атрибутами тега шрифта?
Anonymous Quiz
6%
Face
39%
Size
15%
Color
40%
Все вышеперечисленное
👍6🗿6🤔2
8 неочевидных уязвимостей при разработке e-commerce проекта на NextJSм

Статья обсуждает важность безопасности при разработке e-commerce проекта на NextJS, указывая на неочевидные уязвимости, такие как утечка данных через API фильтры, неправильная проверка прав доступа и возможность внедрения вредоносных скриптов при создании сущностей.

#Полезное
This media is not supported in your browser
VIEW IN TELEGRAM
Time

Цифровые часы. Реализованы с помощью CSS и JavaScript.

#CodePen
Что из следующего используется для увеличения высоты строки?
Anonymous Quiz
25%
Cellspacing
22%
Cellpadding
36%
Row span
17%
Col span
1
shittier

Утилита “испортит” структуру кода, добавляя случайные пробелы, отступы и разрывы строк. Она сохраняет работоспособность кода, но делает его сложным для чтения. Все действия с Shittier осуществляются через командную строку, и изменения можно сохранить в исходном файле или в новом файле.

#GitHub
👨‍💻3
This media is not supported in your browser
VIEW IN TELEGRAM
Stars rating animation

Анимированный виджет рейтинга.

#CodePen
🔥8
Ширина = «100» и ширина = «100%» — это одно и то же?
Anonymous Quiz
91%
Нет
9%
Да
👍4