​Browsh – современный текстовый браузер внутри консоли, который может работать даже удаленно через ssh

Он отображает все, что может современный браузер; HTML5, CSS3, JS, видео и даже WebGL

⤷ Ссылка на проект

@htmlcssjavas | #Interesting #Terminal #Browser #SSH

Поиск Frontend вакансий для мидлов и сеньоров ⚡️

Ребята из Masterhub создали чат-бота, который рассылает разработчикам релевантные Frontend вакансии без спама

Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям

@MasterHuBot

Настроить бота

​Web-Archives – расширение для браузера, что позволяет находить заархивированные и кэшированные версии веб-страниц

Поиск можно инициировать из контекстного меню и панели инструментов браузера

⤷ Ссылка на проект

@htmlcssjavas | #Interesting #Browser #Extension #Archive

Matrix

Анимация с кодом из фильма «Матрица», реализованная с помощью JavaScript. Можно выбрать свой цвет кода и количество кадров в секунду, а также алфавит символов.

https://codepen.io/pavi2410/pen/oNjGVgM

3D glass weather icons

Анимированные иконки погоды в стиле Glassmorphism, реализованные с помощью SCSS и SVG, без использования JavaScript

https://codepen.io/onediv/pen/MWQKgmv

@htmlcssjavas

МТС INTRO: стажировки вне шаблонов

Что это значит?

• 10+ направлений стажировки
• Набор 12 месяцев в году
• Погружение в проекты на 3 месяца и дольше, если в команде есть интересные задачи и тебе нравится то, что ты делаешь
• Удобный график

Что мы предлагаем?

• Целая экосистема технологичных цифровых сервисов. Здесь создаются мобильные приложения, продукты в медиа, финтехе, стриминге, гейминге, Big Data и многом другом
• Реальные проекты — лучший источник знаний и опыта
• Команда настоящих профи поможет раскрыться твоим талантам
• Стажёры сами выбирают, сколько часов в неделю работать, а ещё могут менять график в течение стажировки
• Стажировка оплачиваемая, а размер заработной платы зависит от региона и количества рабочих часов
• Оффер в МТС по итогам стажировки: если нам понравится работать вместе, будем рады, если ты станешь членом нашей команды :)

Как подать заявку на стажировку

Выбрать направление стажировки и подать заявку на сайте программы. Новые вакансии появляются каждую неделю.

🔵 Создание многократно используемых компонентов React оптимальным способом

Представьте, что вы создали самое лучшее поле FormField для рассылки новостей компании. Теперь вы приступаете к следующему заданию — помогаете другой команде с разработкой компонента React, который почти не отличается от того, что вы только завершили. Как же использовать компоненты несколько раз в разных приложениях и командах?

Вы можете удивиться: “Я уже написал код. Достаточно только скопировать его из репозитория”.

➡️ Читать дальше

@javascriptv

✒️ Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript

Для демонстрации темной темы понадобится простой HTML-файл. В раздел head включены CSS-файл styles.css и два файла JavaScript: darkmode.js и project.js.

Мета-параметры — кодировка, вид экрана и заголовок — упоминаются только для заполнения минимального раздела заголовка.

Кнопка переключения на темную тему —  darkmode  — расположена внутри элемента <header> на тринадцатой строчке.

➡️ Читать дальше

@javascriptv

🔥 Хотите стать фулстек-разработчиком на JavaScript с с зарплатой от 165 000 ₽?

🧠 Тогда начните получать первые знания уже 7 сентября в 20:00 на открытом уроке

📚 На занятии с экспертом-практиком мы разберем два популярных способа расположения элементов макета, рассмотрим их плюсы и минусы и узнаем разные примеры применения

✅ Вебинар пройдет в рамках специализации «Fullstack Developer» OTUS, онлайн-курса для тех, кто хочет начать заниматься JavaScript-разработкой

👉Регистрируйтесь на занятие и готовьте вопросы преподавателю https://otus.pw/qj8c/

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

​SpaceX-REST-API – API для получения данных о ракетах, капсулах, пусковых площадках и т.д. компании SpaceX

⤷ Ссылка на проект

@htmlcssjavas | #Interesting #JavaScript

HTML, JavaScript, YandexAPI и щепотку Bootstrap

Думаю, что все знают про YandexAPI, но знать недостаточно, надо применять. Сегодня разберу небольшую задачу, которая заключается в следующем:

необходимо создать форму, для ввода адресов точек отправления и прибытия;
создать карту и построить маршрут от точки отправления до точки прибытия.
Покажу одну из возможных реализаций на языке JavaScript, создам форму на HTML и приправлю все немножечко Bootstrap v5.

Что необходимо отобразить на странице для выполнения задачи:

поле ввода для точки отправления;
поле ввода для точки прибытия;
кнопку подтверждения отправки формы;
область для вывода карты с информацией откуда и куда в виде карточки, где карта располагается сверху, а прочая информация ниже.

➡️ Читать дальше

@htmlcssjavas

Создание HTML5 игр с помощь Phaser 3 и JavaScript

1. Промо ролик курса
2. Введение в курс
3. Установка и запуск PhaserEditor2d
4. Запускаем демо проект
5. Создаем новый проект
6. Добавляем спрайты на сцену
7. Структура проекта (часть 1)
8. Введение в объекты и классы
9. Структура проекта (часть 2)
10. Перемещение игрока

#video #html

https://www.youtube.com/watch?v=W8wcz8fdwTc&list=PLNtbY2SklBywJIkD7BH3vC6aIlFLsn6DD

Новые методы массива

Клонирование или копирование - очень распространенная операция в JavaScript. На данный момент самым популярным способом копирования является использование оператора spread(...). Он очень удобен и при изменении скопированного массива, исходный не будет изменяться. 

const myArray = [ 1, 2, 3];
const newArray = [...myArray];

Поскольку клонирование часто используемая операция, в новой спецификации было предложено добавить множество новых способов копирования с последующим изменением массива: 
- toReversed - копирует массив, а затем переворачивает;
- toSorted - копирует массив, а затем сортирует;
- toSpliced - копирует массив и удаляет элементы и/или добавляет новые элементы (то же самое, что и метод splice, только без изменения исходного массива);
- with - копирует массив и добавляет в него новый элемент.

Подробнее читайте в статье!

Ссылка на статью

#js

​sshuttle – Прозрачный прокси-сервер, который работает как VPN но через ssh

Не требует root, Работает с GNU/Linux, BSD и MacOS. Поддерживает туннелирование DNS

⤷ Ссылка на проект

@htmlcssjavas | #VPN #Linux #MacOS #DNS #Interesting

​Screenshoter-WEB – python-скрипт с графическим интерфейсом на qt5 для создания скриншотов веб сайтов в необходимом разрешении и с необходимым масштабом

⤷ Ссылка на проект

@htmlcssjavas | #Interesting #Web #Browser

3D Room - Pure CSS

Вращающаяся 3D-комната. Написана на чистом CSS.

#анимация #css

https://codepen.io/ricardoolivaalonso/pen/mdPzrpe