Фронтенд Гайд
Відкрити в Telegram
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6
Показати більше7 657
Підписники
+224 години
+17 днів
-2830 днів
Архів дописів
7 655
🫥 Скрытые возможности элемента <input>
Статья об элементе <input> в HTML, подробно описывает его скрытые возможности, включая атрибуты inputmode для управления виртуальной клавиатурой, disabled и readonly для управления доступностью и изменяемостью, а также атрибут capture для активации камеры устройства через поле загрузки файла на мобильных устройствах.
#Полезное
7 655
Capa
Инструмент для анализа исполняемых файлов с целью выявления их функциональных возможностей. Это позволяет определить, может ли файл представлять угрозу в виде бэкдора, способного устанавливать службы, или использовать HTTP для установки связи.
#GitHub
7 655
Folding Ticket Detail
Анимация раскладного билета с подробной информацией.
#CodePen
7 655
👀 История о том, как Google подсматривал за нашим сайтом и галлюцинировал
Стартап из ОАЭ создал многоязычный сайт. Google Safe Browsing начал блокировать страницы на арабском языке, выдавая предупреждения о возможных угрозах. Разработчик выяснил, что автоматический перевод браузера создавал фальшивые угрозы, добавляя к тексту фразы о детях и убийствах. Это произошло из-за ошибки с языковой директивой в коде. Исправив ее, команда избежала дальнейших проблем с блокировкой сайта.
#Полезное
7 655
TinyGPT-V
Эффективная языковая модель с высокой скоростью работы, созданная китайскими разработчиками. Она превосходит многие аналогичные модели в тестировании и предназначена для использования на слабых устройствах.
#GitHub
7 655
Image gallery with flex-grow
Пример галереи изображений на CSS + HTML с эффектом наведения.
#CodePen
7 655
📝 As const в Typescript
Статья рассматривает использование as const в TypeScript для создания точных и неизменяемых типов данных. Описываются примеры использования, включая преимущества по сравнению с Object.freeze() и замену enum. В конце подчеркивается, что as const способствует увеличению безопасности и ясности кода.
#Полезное
7 655
Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке.
⏰ Когда: старт уже 18 января.
Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком.
Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником.
Всего 990 ₽ и ваше жгучее желание начать. Приходите с любым бэкграундом: нам не важны возраст, пол, образование и текущая профессия.
Запишитесь прямо сейчас!
Реклама. АНПОО "ХЕКСЛЕТ КОЛЛЕДЖ". ИНН 7839056670.
7 655
lite
Компактный и эффективный текстовый редактор, который расширяется за счет богатой коллекции плагинов и тем. Пользователи могут улучшить его функциональность, устанавливая плагины, и настраивать его, редактируя файл init.lua.
#GitHub
7 655
Simple spinner as background SVG image datauri with style
Минималистичная анимация загрузки.
#CodePen
7 655
🌶 Flask для начинающих
Статья для тех, кто хочет изучить веб-разработку с использованием Flask. В ней рассматриваются основы, начиная с установки и создания базового проекта, затем переходя к ключевым концепциям Flask, работе с данными, использованию шаблонов и интеграции с базами данных. Заключение включает итоги и рекомендации для дальнейшего изучения.
#Полезное
7 655
Monkeytype
Это веб-сайт для тестирования скорости печати, который предлагает разнообразные режимы тестирования и настраиваемые функции. К ним относятся упрощенный дизайн, режим концентрации, индикация ошибок, подсчет слов в минуту, режимы с пунктуацией, плавное движение курсора, система рейтинга, интересные тесты и многое другое.
#GitHub
7 655
Успей ухватить 7 дней бесплатного обучения фронтенд-разработке!
18-24 января Роман Чернов, веб-разработчик с 10-летним стажем, проведёт онлайн-интенсив с практикой и обратной связью.
На эти 7 дней план такой:
- Сверстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключишь Backend и загрузишь сайт на хостинг;
- Получишь советы по доработке своего проекта.
В итоге ты разработаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов.
👉 Забрать бесплатно 7 дней обучения frontend-разработке
А тем, кто ещё только думает переходить в IT, дадим пошаговый план как стать успешным frontend-разработчиком с нуля.
7 655
TURN ON THE SYNTHWAVE
Переключатель темы, реализованный при помощи JavaScript и CSS.
#CodePen
7 655
Переменные apple и Apple (с большой буквы) – это одна и та же или разные?
7 655
📓 Как я написал удобную оболочку над электронным дневником
Созданная автором оболочка включает мобильную адаптацию, темную тему и дополнительные функции, такие как модальные окна уроков, live режим оценок, фильтрация предметов и расчет оценок. Автор подчеркивает удобство использования и решение проблем с оригинальным дневником.
#Полезное
