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

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

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
Какой атрибут нужно изменить, чтобы сделать элементы невидимыми?
Anonymous Quiz
50%
visibilty
30%
visible
9%
invisibility
11%
invisible
👍4
Что из следующего не является допустимым именем переменной JavaScript?
Anonymous Quiz
48%
2java
19%
_java_and_ java _names
9%
javaandjava
24%
Ничего из вышеперечисленного
🗝 Применение ключевого слова revert-layer в CSS

Статья описывает применение каскадных слоев в CSS и ключевое слово revert-layer, позволяющее управлять приоритетом стилей и вернуться к исходным значениям.

#Полезное
Какой из приведенных ниже способов создания экземпляра даты неверен?
Anonymous Quiz
33%
new Date(dateString)
15%
new Date()
24%
new Date(seconds)
28%
new Date(year, month, day, hours, minutes, seconds, milliseconds)
🤨6👍2
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 — простую базу данных для хранения временных рядов, описывая её особенности и преимущества. Показывает, как она помогает строить графики с различной длительностью, подчеркивая её простоту и эффективность..

#Полезное