Web разработка

Best CSS Button Generator — генератор олдовых стилей кнопок на CSS Сервис предлагает удобный интерфейс для дизайна кнопок, которые легко интегрируются с различными фреймворками и библиотеками Вы можете выбрать из 30+ предопределённых стилей или цветовых тем, которые затем можно легко настроить, чтобы они соответствовали интерфейсу вашего сайта Стоимость: #бесплатно #CSS #web

​Search: новый HTML-элемент в 2023 Статья рассматривает новый семантический элемент <search> в стандарте HTML, предназначенный для разделов страницы, используемых для поиска или фильтрации. #статья #html

Form Builder — инструмент для создания форм без написания кода Утилита достаточно интуитивна, к тому же позволяет создавать формы для сбора данных без необходимости писать код С её помощью вы можете легко добавлять различные поля в форму, такие как строки, числа, переключатели и даты, а затем генерировать код для вставки формы на ваш веб-сайт или в приложение Стоимость: #бесплатно #формы #no_code

​Код, написанный на 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 #веб

😎Самый модный в мире инженер — Data-инженер в толстовке от Слёрм. Именно такую мы дарим первым 10 студентам, которые поступят на курс «Data-инженер»! Тем, кто хочет сделать следующий карьерный шаг, мы готовы предложить профессию дата-инженер — курс по профессии, которая не потеряет актуальности в ближайшие 5 лет, стартует уже 4 сентября! Узнать подробнее можно по ссылке ✨ Мы ведем за руку от азов профессии до уровня начинающего специалиста. На пути становления вам помогут: 👤Три senior-инженера. 👨🏼‍💻Видеолекции. 💭Работа в групповом чате. 🤝Встречи со спикерами. 🗒Практические задания. 💯Учебный проект от спикеров. 📈Финальный проект Записаться на курс можно на нашем сайте ⚡️

​Утечки памяти в JavaScript Авторы рассмотрели распространённые типы данной проблемы, а также рассказали, как использовать инструменты разработки Chrome, чтобы найти их. #javascript #безопасность

⚡️Маст-хэв список для программистов, каналы с последними книжными новинками, библиотеками, разбором кода и актуальной информацией, связанной с вашим языком программирования. Лучший способ получать свежие обновлении и следить за трендами в разработке. Машинное обучение: 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 Тестирование: https://t.me/+F9jPLmMFqq1kNTMy Java: t.me/javatg 💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy Папка машинное обучение: https://t.me/addlist/_FjtIq8qMhU0NTYy 📕 Бесплатные Книги для программистов: https://t.me/addlist/YZ0EI8Ya4OJjYzEy 🎞 YouTube канал: https://www.youtube.com/@uproger 😆ИТ-Мемы: t.me/memes_prog 🇬🇧Английский: t.me/english_forprogrammers

CSS Selectors/Combinators Classifier — классификатор селекторов и комбинаторов CSS Он предназначен для организации и выделения селекторов и комбинаторов CSS по типам Особенностью инструмента является возможность быстро и эффективно группировать и классифицировать селекторы CSS, что помогает упростить процесс написания и отладки CSS-кода Стоимость: #бесплатно #CSS #web #code

Используем background-attachment, чтобы прикрепить фон к области просмотра👇 card { background: radial-gradient(circle at var(--x) var(--y), ...); background-attachment: fixed; } ➡️ Полный пример здесь. #css #tip by Jhey

SnipCSS — инструмент для извлечения CSS из веб-компонентов С его помощью буквально в пару кликов можно извлечь HTML, CSS и изображения, связанные с определённым элементом на любой веб-странице, превращая его в повторно используемый веб-компонент При этом вы также можете заменить любой авторский текст, изображение и SVG на данные, сгенерированные AI, или иконки под лицензией MIT Стоимость: #бесплатно (но есть платные тарифы) #CSS #web #code

Colorspire — творческая платформа для цветового вдохновения Здесь вы найдёте коллекцию изысканных цветовых палитр, инструменты для создания собственных цветовых комбинаций и возможность делиться творческими идеями Платформа предоставляет исчерпывающие данные о каждом цвете, включая коды (HEX, RGB) и их значения в различных системах цветопередачи А ещё у Colorspire есть плагин для Adobe XD! Стоимость: #бесплатно #color #дизайн

ColorZilla — удобный инструмент для работы с цветами и графикой веб-страниц ColorZilla предоставляет палитру цветов, селектор цвета, определение цвета на веб-странице, измерение отступов и размеров элементов, а также возможность создания градиентов и генерации CSS-кода В первую очередь, утилита будет полезна веб-дизайнерам, разработчикам и графическим специалисто, которым нужны удобные инструменты для работы с цветами и графикой на веб-страницах Стоимость: #бесплатно #цвет #web

​Руководство по наложению изображений в CSS Обычно мы создаём наложения в CSS, чтобы получить изображения за текстом, значками или другими изображениями. Это руководство покажет вам, как красиво наносить слои как на фоновые изображения, так и на обычные <img> элементы в CSS.  Подробнее: https://blog.logrocket.com/guide-image-overlays-css/ #css #фронтенд

​7 инструментов для начинающих веб-разработчиков, которые ускорят работу над проектом В подборке вы найдёте CSS-генераторы, ИИ-инструменты для подбора шрифтов, удаления фона с картинок и другие полезные сервисы. Сохраните себе, чтобы не потерять. 1. Lorem Picsum — это генератор заполнителей для изображений с множеством параметров настройки. Укажите параметры для ваших картинок непосредственно в URL-адресах. 2. FontJoy находит интересные сочетания шрифтов с помощью ИИ. 3. PFPmaker создает профессиональные фотографии профиля на основе любой фотографии. Он использует ИИ для удаления фона, искусственно делает вашу фотографию красивее и автоматически генерирует десятки вариантов изображения. 4. Carbon поможет создавать красивые изображения вашего кода. 5. CSSGradient упрощает создание новых веб-градиентов. Включает набор инструментов, которые помогут вам повысить уровень работы с градиентом. 6. Neumorphism.io — неоморфные формы не так просто создавать, но генератор Neumorphism упрощает этот процесс. 7. Remove.bg — позволяет удалять фон на любой фотографии автоматически. #инструменты #веб

7 CSS проектов для начинающих веб-разработчиков, которые ускорят работу над проектом В подборке вы найдёте CSS-генераторы, ИИ-инструменты для подбора шрифтов, удаления фона с картинок и другие полезные сервисы. Сохраните себе, чтобы не потерять. 1. Lorem Picsum — это генератор заполнителей для изображений с множеством параметров настройки. Укажите параметры для ваших картинок непосредственно в URL-адресах. 2. FontJoy находит интересные сочетания шрифтов с помощью ИИ. 3. PFPmaker создает профессиональные фотографии профиля на основе любой фотографии. Он использует ИИ для удаления фона, искусственно делает вашу фотографию красивее и автоматически генерирует десятки вариантов изображения. 4. Carbon поможет создавать красивые изображения вашего кода. 5. CSSGradient упрощает создание новых веб-градиентов. Включает набор инструментов, которые помогут вам повысить уровень работы с градиентом. 6. Neumorphism.io — неоморфные формы не так просто создавать, но генератор Neumorphism упрощает этот процесс. 7. Remove.bg — позволяет удалять фон на любой фотографии автоматически. #инструменты #веб @htmlcssjavas

​Что такое ECMAScript и что туда входит? Наверняка, многие из вас знакомы с языком программирования JavaScript? Так вот ECMAScript — это стандарт JavaScript (и некоторых других языков), который устанавливает правила, синтаксис и другие критерии создания кода. Его ежегодно дополняет сообщество разработчиков. Самые последние обновления ECMAScript включают в себя новые функции и методы, которые помогают разработчикам писать более гибкий и мощный код. И вот, какие функции были добавлены в ECMAScript в 2023 году: https://tproger.ru/articles/chto-bylo-dobavleno-v-ecmascript-v-2023-godu/ #js #веб

🔥PHP-разработчики, которые имеют опыт и сильную практику разработки на Битрикс24, по-прежнему востребованы российскими компаниями и останутся таковыми в будущем. ❗️На курсе “Разработчик Битрикс24” в ОТУС вы научитесь программировать свободно, без учета доктрины платформы и получите ценные навыки, которые сформируют качественно новое представление о продукте и помогут вывести Битрикс24 на более высокий уровень в любой компании. Приходите на практическое занятие «Компонент списка таблицы БД» в ОТУС 8 июня в 20:00, где мы с экспертом рассмотрим, как создавать свои таблицы в БД Битрикс24, а также создадим комплексный компонент списка, включая такие элементы, как фильтр, пагинация, кнопки действий. После урока вы научитесь: - Cоздавать свои компоненты для Битрикс24 - Добавлять выгрузку данных списка в Excel - Добавлять свои данные и действия в шаблон 👉Для участия зарегистрируйтесь https://otus.pw/tBao/ Бесплатный вебинар подойдет начинающим и опытным разработчикам PHP, которые хотят получить навык разработки в Битрикс 24. Полный курс можно приобрести удобным для вас способом, в том числе и в рассрочку. Нативная интеграция информация о продукте www.otus.ru

​​Основные коды состояния HTTP на котиках Недавно писали про расшифровку большинства самых популярных кодов состояния HTTP. А вот забавный проект, который показывает коды состояния на котиках. Можно использовать в своих проектах — по ссылке с указанием кода сервис отдаёт мем, который наглядно иллюстрирует код ошибки: https://http.cat/ #инструменты #веб

ButterCMS — гибкая headless CMS для разработчиков ButterCMS предлагает интуитивное и удобное управление контентом для ваших приложений С его помощью вы получите полный контроль над кодом, сохраняя при этом простоту использования благодаря встроенному интерфейсу для редактирования контента Есть в платформе и встроенные SEO-инструменты и поддержка мультиязычного контента Стоимость: #бесплатно (но есть платные тарифы) #CMS #SEO #контент