Windows 98 на чистом CSS

Эмуляторов и симуляторов старых версий Windows сегодня существует немало. Но этот вариант отличается тем, что выполнен на чистом CSS. Да, здесь есть некоторые ограничения, связанные с возможностями CSS, но тем не менее браузер запускает сайт, в блокноте можно оставить заметку, а потом поиграть в сапёра.

Посмотреть, как реализован проект и потестировать самостоятельно можно тут:

https://codepen.io/smpnjn/pen/ExLbvdJ

#codepen #css

​​Основные коды состояния HTTP на котиках

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

https://http.cat/

#инструменты #веб

Кто его постоянно воскрешает?

​Введение в JavaScript Temporal API

Реализация объекта Date() в JavaScript была скопирована непосредственно из Java в 1995 году. Два года спустя Java отказалась от неё, но в JavaScript она осталась для обратной совместимости. При этом Date() крайне неудобен и часто непредсказуем, а API оставляет желать лучшего.

К счастью, есть Temporal API, которое решает эту проблему. Подробнее о нём:

https://webdevblog.ru/vvedenie-v-javascript-temporal-api/

#javascript

​Как писать комментарии в React: хорошие, плохие и уродливые

Когда дело доходит до написания комментариев, React предлагает синтаксис {/* Comment */}, который может быть немного многословен.

В этой статье вы можете посмотреть, как использовать обычные комментарии JSX и ещё 2 других способа комментирования, которые могут быть лучше:

https://dmitripavlutin.com/react-comments/

#react #фронтенд

​Алгоритмы JavaScript и структуры данных

В этом репозитории вы найдёте огромное количество примеров различных видов алгоритмов и структур данных, реализованных на JS. Это отличная возможность не только начать лучше понимать и уметь использовать алгоритмы, но и посмотреть на способы написания JS кода.

Убедитесь сами:

https://github.com/trekhleb/javascript-algorithms

#javascript

​5 ошибок, которые можно допустить при запуске первого проекта React

Даже самая лучшая документация не охватывает абсолютно всё. Поэтому, работая с новым инструментом, можно столкнуться с различного рода ошибками и проблемами. Это касается даже такой популярной библиотеки, как React.

В этой статье автор поделился ошибками, которые допустил он и можете допустить вы, начиная свой первый проект:

https://css-tricks.com/5-mistakes-starting-react/

#react

CSS следующего поколения: @container

Новое свойство @container дает нам возможность стилизовать элементы в зависимости от размера их родительского контейнера. Это что-то типа медиа-запросов, но с ориентацией не на область просмотра, а на родительский контейнер элемента.

В этой статье вы узнаете, какие возможности это открывает, как работает и где использовать:

https://webdevblog.ru/css-sledujushhego-pokoleniya-container/

#css

​Поднимаем Kubernetes с нуля

Полезная статья, которая пригодится всем, кто только начинает работать с Kubernetes. Здесь вы сможете посмортеть на процесс создания кластера Kubernetes и научитесь делать это самостоятельно, поднимая минимальный набор компонентов и настроек, необходимых для запуска Kubernetes кластера.

Подробнее:

https://habr.com/ru/articles/734928/

#devops #kubernetes

​В мире JavaScript произошли интересные изменения

В нашей новой статьей вы найдёте полезные обновления и новые возможности, которые появились в этом популярном языке программирования. Узнайте, что нового было добавлено в стандарт ECMAScript в этом году:

https://tproger.ru/articles/chto-bylo-dobavleno-v-ecmascript-v-2023-godu/

#javascript

​Полный курс по Vue.js

Vue.js — это JavaScript-фреймворк, который создал разработчик Эван Ю. В 2012 году Эван работал в Google, где успел попробовать Backbone.js и Angular. Именно после этого он решил создать собственный фреймворк — сначала просто как пет-проект.

Популярность обрушилась на Vue.js в 2015 году. И сейчас Vue.js очень любим разработчиками. Долгое время фреймворк удерживал первое место по количеству звёзд на GitHub. Сейчас другие проекты сумели побить его достижения, но среди фреймворков он всё так же остаётся лидером.

И вот отличный видео-курс, в котором вы рассмотрите работу с JavaScript фрэймовком Vue.js 2-й версии. А так же разберёте все необходимые темы и понятия, которые нужны для того что бы начать разрабатывать на Vue.js.

#vue #веб

​Как упростить импорт JavaScript-модулей с помощью Node.js Subpath Imports

В этой статье вы узнаете, за что отвечает поле imports в файле package.json, и как с его помощью настроить маппинг путей.Вы также рассмотрите поддержку данного способа в распространённых инструментах разработки и напишете оптимальную конфигурацию:

https://tproger.ru/articles/kak-uprostit-import-javascript-modulej-s-pomoshhyu-node-js-subpath-imports/

#javascript #nodejs

​Bose — фреймворк для создания веб-ботов, который проще Selenium

Хотите создавать веб-ботов, но не хотите возиться с тяжеловесным Selenium? Тогда попробуйте Bose — фреймворк, который максимально упрощает разработку ботов! Он основан на Selenium, поэтому не жертвует скоростью и удобством.

В статье вы узнаете, как использовать Bose для создания веб-ботов, а также о его особенностях и преимуществах:

https://tproger.ru/articles/bose-framework-wvejcarskij-nozh-dlya-razrabotki-botov/

​Скрытые функции Google Chrome для разработчика

Chrome Dev Tools — один из самых популярных инструментов среди веб-разработчиков. Однако в неём есть некоторые полезные функции, о которых большинство разработчиков не знает.

В этой статье вы сможете узнать о пяти основных функциях Chrome DevTools, которые могут вам пригодиться:

https://webformyself.com/skrytye-funkcii-google-chrome-dlya-razrabotchika/

#devtools #инструменты

​10 инструментов для CSS: анимация, сетки и дизайн

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

Поэтому в этой статье мы рассмотрим некоторые из самых популярных инструментов CSS, которые помогут вам идти в ногу со временем и вывести свои навыки CSS на новый уровень, облегчая создание современного UI:

https://tproger.ru/articles/10-instrumentov-dlya-css-animaciya-setki-i-dizajn

#css

Овладейте всем потенциалом анимирования с Vue

Vue позволяет разработчикам создавать более гибкий и переиспользуемый код благодаря наличию дополнительных возможностей для организации компонентов. Одной из областей, где эти возможности могут найти применение, являются анимации.

В данной статье вы изучите возможности Composition API для создания анимаций в Vue с помощью CSS и библиотеки GSAP:

https://habr.com/ru/companies/ruvds/articles/728746/

#vue

​Условный border-radius в CSS

В одной из запрёщенных социальных сетей автор этой статьи нашёл интересное значение border-radius для карточного компонента. Суть в том, что углы элемента настраиваются автоматически в зависимости от размеров экрана с помощью хитрой формулы.

Вот об этой формуле, а также способе её применения и пойдёт речь в этой статье:

https://webformyself.com/uslovnyj-border-radius-v-css/

#фронтенд #css

​Ищем человека в команду SMM

Если вы разбираетесь в IT, умеете подавать информацию и хотите попробовать себя в качестве автора Telegram-каналов, то приходите к нам!

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

http://tprg.ru/bqed

#вакансии #работа

​Когда в паре оба

​Дайджест Python #10: генерация голоса и оценка скорости Mojo

Собрали дайджест из лучших материалов по Python с 15 по 31 мая, которые только смогли найти. Здесь вы найдёте инструкцию по созданию блога на Django, блиц по бэкенду, полезную информацию для фронтендеров и многое другое.

Дайджест включает статьи и видео на русском и английском языках:

https://tproger.ru/articles/dajdzhest-python-10/

#дайджест #python