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

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

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
No JS Carousel POC

Карусель с фото с возможностью переключения при помощи кнопок.

#CodePen
Выберите правильный вариант для написания «Hello World» на веб-странице?
Anonymous Quiz
11%
System.out.println(“Hello World”)
24%
print («Hello World»)
62%
document.write («Hello World»)
3%
response.write («Hello World»)
🤨15👍1
Какой из следующих методов используется для оценки строки кода Java Script в контексте указанного объекта?
Anonymous Quiz
36%
Eval
8%
ParseDoule
50%
ParseObject
6%
Efloat
👀1
InnerTune

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

#GitHub
👍4
Что из следующего используется для регистрации всех событий кликов в окне?
Anonymous Quiz
12%
window.routeEvents(Event.CLICK );
51%
window.handleEvents (Event.CLICK);
6%
window.raiseEvents(Event.CLICK );
🔥3👍2
↔️ Как мы применяем гибкую вёрстку для адаптива страниц под большие экраны

Статья о применении гибкой вёрстки для адаптации веб-страниц под большие экраны, сосредотачивается на необходимости, компонентах и примерах использования CSS для достижения адаптивности страниц с разрешением свыше 1920 пикселей.

#Полезное
Как добавить значение в массив Java Script?
Anonymous Quiz
55%
arr[arr.length] = value
32%
arr[arr.length+1] = new Arrays()
11%
arr[arr.length-1] = value
3%
arr[arr.length*1] = value
6👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Noisy Risograph Gradient Celestial Body

Генератор градиентов, выполненный с помощью SCSS и JavaScript.

#CodePen
Perplexica

Perplexica - поисковая система на основе ИИ с открытым исходным кодом. Она не только ищет в Интернете, но и понимает ваши запросы, обеспечивая актуальную информацию без ущерба для конфиденциальности.

#GitHub
🎼 Записываем музыку при помощи CSS Grid

Статья предлагает решение для отображения нотной записи на веб-страницах с помощью адаптивного рендерера музыки под названием Scribe, используя CSS Grid и SVG.

#Полезное
👍2🤔1
JavaScript игнорирует лишние пробелы
Anonymous Quiz
61%
Правда
39%
Ложь
👍7👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
No script accordion animation

Карточки с анимацией при наведении.

#CodePen
👍3
Apexcharts.js

Эффективные интерактивные диаграммы JavaScript, основанные на SVG. Простое API и более 100 готовых примеров для создания визуализаций данных.

#GitHub
👍1
Что из перечисленного ниже используется в сценарии JavaScript для вставки специальных символов?
Anonymous Quiz
40%
&
46%
\
5%
-
9%
%
6👍1🔥1
🍳 VRackDB — Просто и со вкусом

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

#Полезное
This media is not supported in your browser
VIEW IN TELEGRAM
Houdini gradient border animation

Анимация градиентной рамки, написанная на чистом CSS.

#CodePen
🗿14👍31
Puter

Открытая операционная система для интернета, которая подходит для создания удаленных рабочих сред и облачных сервисов.

#GitHub
2
Какой язык определяет поведение веб-страницы?
Anonymous Quiz
30%
HTML
4%
CSS
5%
XML
61%
Java Script
🗿6👍5😁31