Web разработка
04 June 2024 11:02
Луший и простой способ освоить кодинг.
Обучиться азам CSS можно с помощью крутой игры Grid Garden — нужно просто вбивать правильный код и выращивать морковку, поливая её водой.
Игра Доступна абсолютно бесплатно, ссылка вот.
Читать полностью…
Web разработка
03 May 2024 13:43
🍏 Apple выпустили множество новых красивых дизайн-шаблонов для Figma.
Забиарйте себе)
apple" rel="nofollow">https://www.figma.com/@
@
Читать полностью…
Web разработка
16 April 2024 07:27
Создание поля ввода с помощью HTML и CSS 🚀
https://github.com/atherosai/ui/tree/main/input-04
На фронте
Читать полностью…
Web разработка
04 April 2024 09:59
Адаптивная анимация прокрутки CSS с повторно используемыми ключевыми кадрами 🔥
p { --from: 0 100%; --to: 0 -100%; }
.tile { --to: 0 -150%; }
@keyframes move {
0% { translate: var(--from); }
100% { translate: var(--to); }
}
p, .tile {
animation: move;
animation-timeline: --section;
animation-range: entry 20% 120%;
}
@
Читать полностью…
Web разработка
16 March 2024 13:03
Pure CSS Tic-tac-toe
Игра крестики-нолики. Написана на чистом CSS.
#css
https://codepen.io/ziga-miklic/pen/QWrGyW
Читать полностью…
Web разработка
13 March 2024 12:11
Совет по CSS 💡
Используя color-mix() или синтаксис относительных цветов, мы можем динамически изменять прозрачность любого цвета.
@
Читать полностью…
Web разработка
18 January 2024 13:56
💡Совет CSS и JS💡
Этот вариант теперь работает во всех браузерах и поддерживает настройки движения через CSS и JS
Размытый текст при выходе?
@ keyframes fade {
to { opacity: 0; filter: blur(2rem); }
}
h2 {
animation: fade;
animation-timeline: view();
animation-range: cover 40% cover 85%;
}Как насчет круглой формы на прокрутке? Это анимированный клип-патч
@ keyframes unclip {
to { clip-path: ellipse(220% 200% at 50% 175%); }
}Создайте клип-пат с большим размером, смещенный по вертикали. При прокрутке анимируйте его
.content {
clip-path: ellipse(220% 200% at 50% 300%);
animation: unclip both linear;
animation-timeline: --article;
animation-range: entry;
}Вторая секция сочетает в себе открепление и одновременное уменьшение масштаба изображения
@ keyframes scale-down {
0% { scale: 5; }
}
img {
animation: scale-down;
animation-timeline: --article;
animation-range: entry;
}
Читать полностью…
Web разработка
08 December 2023 19:30
🐘 Начинаем год с курса по PHP
Как вы планируете провести январь? Студенты нового курса по PHP от Слёрм уже поставили уведомления и ждут первую встречу со спикерами!
PHP-разработчик: от основ до Middle
Это большой курс, где комплексно разбирается PHP: от базовых тем и к самой сложной мякотке программирования. Таких же курсов на российском рынке больше нет: серьезно, в Слёрме проверяли.
Вы научитесь:
☕️ Разрабатывать приложения на PHP, используя базовые концепции и синтаксис языка
☕️ Разбираться в основных принципах работы с PHP-библиотеками
☕️ Проектировать и разрабатывать функциональность для веб-сайтов и веб-приложений.
Подробная программа на сайте Слёрм 💎
Реклама. ООО «Слёрм» г. Лиски, ОГРН 1193668020545 Erid: 2VtzqvwrNGS
Читать полностью…
Web разработка
19 October 2023 20:33
Вышел GigaChat нового поколения. Разработчики @ качественно обновили его, изменив свой подход к обучению. Благодаря этому сервис стал лучше отвечать на запросы пользователей — примерно в два раза. При этом GigaChat также запустили в VK, аудитория сервиса уже достигла более 1 млн пользователей.
Попробовать.
@
Читать полностью…
Web разработка
22 September 2023 17:16
FigDart — мост между Figma и Flutter для разработчиков
FigDart — это плагин для Figma, созданный для ускорения разработки и оптимизации рабочего процесса в Flutter
Он позволяет легко конвертировать стилизацию из Figma в повторно используемый код Dart, обеспечивая бесшовный переход от дизайна к разработке
В будущем планируется добавление функциональности для конвертации компонентов Figma в Flutter-виджеты
Стоимость: #бесплатно
#Figma #Flutter
Читать полностью…
Web разработка
14 September 2023 13:42
Search: новый HTML-элемент в 2023
Статья рассматривает новый семантический элемент <search> в стандарте HTML, предназначенный для разделов страницы, используемых для поиска или фильтрации.
#статья #html
Читать полностью…
Web разработка
08 August 2023 18:04
Код, написанный на JavaScript, обрабатывается движком. Но как именно это происходит «под капотом» и какие процессы в этом задействованы?
В общих чертах и с очень наглядными анимациями
А если решили погрузиться серьёзно, вот огромный цикл статей, которые раскроют внутреннее устройство Java Script лучше любой книги:
1. Обзор движка, механизмов времени выполнения, стека вызовов
2. О внутреннем устройстве V8 и оптимизации кода
3. Управление памятью, четыре вида утечек памяти и борьба с ними
4. Цикл событий, асинхронность и пять способов улучшения кода с помощью async/await
5. WebSocket и HTTP/2+SSE — что выбрать
6. Особенности и сфера применения WebAssembly
7. Веб-воркеры и пять сценариев их использования
8. Сервис-воркеры
9. Веб push-уведомления
10. Отслеживание изменений в DOM с помощью MutationObserver
11. Движки рендеринга веб-страниц и советы по оптимизации их производительности
12. Сетевая подсистема браузеров, оптимизация её производительности и безопасности
13. Анимация средствами CSS и JavaScript
14. Абстрактные синтаксические деревья, парсинг и его оптимизация
15. Классы и наследование, транспиляция в Babel и TypeScript
16. Системы хранения данных
17. Технология Shadow DOM и веб-компоненты
18. WebRTC и механизмы P2P-коммуникаций
19. Пользовательские элементы
20. Паттерны и анти-паттерны
21. JavaScript ES8 и переход на async/await
#javascript #веб
Читать полностью…
Web разработка
06 August 2023 11:01
⚡️Маст-хэв список для программистов, каналы с последними книжными новинками, библиотеками, разбором кода и актуальной информацией, связанной с вашим языком программирования.
Лучший способ получать свежие обновлении и следить за трендами в разработке.
Машинное обучение: t.me/ai_machinelearning_big_data
Python: t.me/pythonl
C#: t.me/csharp_ci
C/C++/ t.me/cpluspluc
Data Science: t.me/data_analysis_ml
Devops: t.me/devOPSitsec
Go: t.me/Golang_google
Базы данных: t.me/sqlhub
Rust: t.me/rust_code
Javascript: t.me/javascriptv
React: t.me/react_tg
PHP: t.me/phpshka
Android: t.me/android_its
Мобильная разработка: t.me/mobdevelop
Linux: t.me/+A8jY79rcyKJlYWY6
Big Data: t.me/bigdatai
Хакинг: t.me/linuxkalii
Тестирование: /channel/+F9jPLmMFqq1kNTMy
Java: t.me/javatg
💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка машинное обучение: /channel/addlist/_FjtIq8qMhU0NTYy
📕 Бесплатные Книги для программистов: /channel/addlist/YZ0EI8Ya4OJjYzEy
🎞 YouTube канал: uproger" rel="nofollow">https://www.youtube.com/@
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
Читать полностью…
Web разработка
04 August 2023 09:19
Используем background-attachment, чтобы прикрепить фон к области просмотра👇
card {
background: radial-gradient(circle at var(--x) var(--y), ...);
background-attachment: fixed;
}
➡️ Полный пример здесь.
#css #tip by Jhey
Читать полностью…
Web разработка
20 July 2023 11:46
Colorspire — творческая платформа для цветового вдохновения
Здесь вы найдёте коллекцию изысканных цветовых палитр, инструменты для создания собственных цветовых комбинаций и возможность делиться творческими идеями
Платформа предоставляет исчерпывающие данные о каждом цвете, включая коды (HEX, RGB) и их значения в различных системах цветопередачи
А ещё у Colorspire есть плагин для Adobe XD!
Стоимость: #бесплатно
#color #дизайн
Читать полностью…
2120