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

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

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
Как добавить значение в массив 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
Javascript вопрос: Может ли использоваться деструктуризация в объявлении функции в блоке перечисления аргументов (то есть, в круглых скобках, перед телом функции)?
Anonymous Quiz
72%
Да
16%
Нет
11%
Узнать ответ
👍71
This media is not supported in your browser
VIEW IN TELEGRAM
Custom Tooltip

Пользовательская подсказка появляется при нажатии на элементе меню. Функционал реализован с помощью чистого CSS.

#CodePen
👍1
💻 Quarkus - это облачный фреймворк, разработанный для написания приложений на Java.

Основные характеристики Quarkus:
· Оптимизация для контейнеризации: проектирование Java-приложений с минимальным потреблением ресурсов, что делает их идеальными для работы в контейнерах.

· Cloud Native: поддержка принципов 12-факторной архитектуры для работы в средах, таких как Kubernetes.

· Объединение императивного и реактивного подходов: комбинирование неблокирующего и императивного стилей программирования в одной модели.

· Соблюдение стандартов: основан на популярных стандартах и фреймворках (RESTEasy и JAX-RS, Hibernate ORM и JPA, Netty, Eclipse Vert.x, Eclipse MicroProfile, Apache Camel и др.).

· Microservice First: обеспечивает быстрое время запуска и высокую производительность Java-приложений.

curl -Ls https://sh.jbang.dev | bash -s - trust add https://repo1.maven.org/maven2/io/quarkus/quarkus-cli/
curl -Ls https://sh.jbang.dev | bash -s - app install --fresh --force quarkus@quarkusio


#GitHub
4
This media is not supported in your browser
VIEW IN TELEGRAM
Craftum

Генератор лендингов с искусственным интеллектом, создающий страницу по запросу за 3 минуты. После генерации сайт можно свободно редактировать в конструкторе.

@craftumcom | Попробовать
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Modal Mitosis

Создание расширяемого поля с контентом, который раскрывается по мере необходимости, используя исключительно CSS с применением фильтра goo для SVG и переключателя checkbox.

#CodePen
👍7
🖥 Руководство по версиям и возможностям Java

Вы можете использовать это руководство, чтобы найти и установить последнюю версию Java, понять различия между дистрибутивами Java (AdoptOpenJdk, OpenJDK, OracleJDK и т.д.), А также получить обзор возможностей языка Java, включая версии Java 8-13. Ознакомившись с различиями между Java 8, Java 11 и Java 13, вы сможете лучше понимать, какую версию использовать в своем проекте.

#Полезное
1