Web разработка

0:06

CSS Bear Toggle

Уникальный переключатель-медведь на HTML и SCSS.

#html #css

https://codepen.io/agoodwin/pen/gKpKqw

1.6K viewsedited 06:49

Studio 3T — многоплатформенный графический браузер данных и редактор для MongoDB

Инструмент имеет встроенную поддержку поиска с помощью перетаскивания, что позволяет крайне удобно создавать сложные запросы поиска

В то же время Studio 3T обеспечивает безопасные соединения с единичными экземплярами MongoDB и наборами реплик

Стоимость: #бесплатно

#mongodb #editr #gui

1.3K views10:44

Download progress animation

Анимация прогресс загрузки. Минималистично, лаконично.

#js #css #html #coden

https://codepen.io/aaroniker/pen/ZEYmPqM

1.3K viewsedited 17:06

atom-wakatime – Плагин для редактора кода atom, который предоставляет интеграцию с сервисом для метрик продуктивности WakaTime

https://github.com/wakatime/atom-wakatime

@htmlcssjavas

1.3K views09:42

Создание адаптивных изображений с помощью image-set

✔️

Создание адаптивных изображений с помощью image-set

https://dev-gang.ru/article/sozdanie-adaptivnyh-izobrazhenii-s-pomosczu-imageset-e5qej65iit/

@htmlcssjavas

Please open Telegram to view this post

VIEW IN TELEGRAM

dev-gang.ru

image-set - это функция CSS, которая позволяет вам сделать изображение отзывчивым, показывая варианты одного и того же изображения для разных разрешений экрана, когда это необходимо. Эта функция почти такая же, как атрибут HTML srcset для тегов img .

1.1K views11:28

JS Bin — платформа для изучающих ванильный JS, HTML и CSS

С его помощью вы сможете не только чему-то научиться, но также поэкспериментировать и даже преподавать, если у вас есть свои ученики

В JS Bin встроено множество функций. При этом по словам самих разработчиков, их цель — стать частью цепочки инструментов разработчиков для решения проблем, изучения технологий и обучения

@htmlcssjavas

1.0K views10:35

Создание приложения погоды на Vue.js

Узнайте, как создать приложение погоды в Vue JS, используя Open Weather Map API и restful api для получения данных о погоде. При этом здесь также используется современный Javascript Fetch API наряду с методами и состояниями Vue JS.

Подробнее:

https://youtu.be/JLc-hWsPTUY

#видео #vue

@htmlcssjavas

1.1K viewsedited 11:29

0:12

Windframe — инструмент для быстрого создания/прототипирования сайтов с помощью Tailwind CSS

С его помощью вы сможете сильно ускориться в создании веб-сайтов. Вам будет доступна либо их разработка с нуля, либо на основе множества готовых tailwind-шаблонов

При этом создавать или настраивать дизайн можно при помощи многочисленных опций

Стоимость: #бесплатно (но есть платные тарифы)

#web #css

1.2K views09:00

🛡

15 источников со шпаргалками для разработчиков

Поскольку технологии веб-программирования быстро развиваются, нам приходится изучать много нового. Некоторые языки и фреймворки настолько сложны, что вы можете не запомнить их синтаксис. Шпаргалки – это заметки, которые помогут вам в этом.

✔️ Шпаргалки

@htmlcssjavas

Please open Telegram to view this post

VIEW IN TELEGRAM

1.4K viewsedited 09:30

👨‍💻Ищешь ИТ вакансии?
Подпишитесь на канал с актуальными ежедневными вакансиями на максималках, без лишней воды🤘:

- FrontEnd_Jobs
- JavaScript_Jobs

— вакансиями с зп 300–400 тысяч рублей в месяц и стажировками;
— предложениями от зарубежных компаний с релокацией;

Цени свое время — подписывайся!

1.0K views15:11

0:22

Как создать браузерную «пипетку» с работой вне браузера

Знакомьтесь, EyeDropper API — небольшой JS API, позволяющий разработчикам добавить в их проект пипетку. С помощью неё пользователь может выбрать нужный цвет и веб-приложение зафиксирует его.

Подробнее о том, как это работает можно узнать тут:

https://patrickbrosset.com/articles/2021-11-24-how-i-built-an-eye-dropper-browser-extension/

#javascript #фронтенд

@htmlcssjavas

1.1K viewsedited 07:03

Standard Notes — впечатляющее приложение для ведения заметок с открытым исходным кодом

Жемчужина сервиса — использование в нём сквозного шифрования

В остальном это вполне стандартный, но очень приятный инструмент для написания заметок. Он доступен как в вебе, так и в виде приложений для Linux, Windows, macOS (Intel/ARM), а также мобильных устройств

@htmlcssjavas

1.0K views12:44

💪

Пройди тест по Spring Framework и проверь свои знания.

Ответишь — пройдешь на продвинутый курс "Разработчик на Spring Framework" от OTUS по специальной цене.

✅ В результате обучения на курсе «Разработчик на Spring Framework» вы:
✔️ Освоите полный цикл разработки приложений с помощью Spring
✔️ Пройдете путь от идеи до production-ready приложений
✔️ Обогатите свое портфолио
✔️ Научитесь создавать Web-приложения на микросервисной архитектуре
✔️ В конце обучения вас ждет выпускной проект, который позволит на практике закрепить, полученные на курсе знания.

➡️

ПРОЙТИ ТЕСТ

🎁После прохождения теста ты получишь демо-ролик о занятиях на курсе, Welcome-скидку на курс и доступ к открытым урокам:

👉Spring Data Projections, Example, Specifications
👉Spring boot - Работа с несколькими БД

Реклама. Информация о рекламодателе на сайте otus.ru

Please open Telegram to view this post

VIEW IN TELEGRAM

1.2K views10:22

Vercel — веб-платформа для frontend-разработчиков

С её помощью можно очень легко и удобно развернуть собственный сайт. При этом размещать свои проекты можно с нулевой конфигурацией, а также автоматическим протоколом SSL и глобальной инфраструктурой CDN

Стоимость: #бесплатно (но платный тариф)

#web #frontend

@htmlcssjavas

1.3K viewsedited 11:04

Веб-разработчику на заметку: коллекция распространенных шаблонов в одном месте.

https://web.dev/patterns/

1.3K views06:51

Converter — простое и удобное Flatpak-приложение для конвертирования и манипулирования изображениями

Никакого набора команд в Терминале, никаких сложных интерфейсов

Конвертирование изображений не должно требовать больших усилий и именно с таким подходом разрабатывался Converter

Инструмент имеет GUI с открытым исходным кодом на базе GTK4+libadwaita

Стоимость: #бесплатно

#open_source #конвертер

1.3K views17:15

Фронтендеры на месте? Смотрите какой сайт мы вам нашли

Здесь собраны весьма полезные ресурсы для фронтенд-разработчиков и разобрано по категориям: иконки, иллюстрации, UI/UX, обучение и многое другое.

Подробнее можете ознакомиться самостоятельно тут:

https://www.akshay.rocks/resources

#фронтенд #инструменты

@htmlcssjavas

1.1K viewsedited 10:08