Xplorer - это красивый файловый менеджер, созданный с нуля для полной настройки.

• Работает на Windows, GNU/Linux и MacOS.
• Поддерживает предварительный просмотр не только изображений или документов, но и видео

#GitHub | #TypeScript #File

Подборка инструментов для создания CSS-анимации

👉 Spinkit — Набор из 11 CSS-эффектов, который можно применять для загрузочных страниц. В них используются translate и opacity, поэтому вся анимация будет обрабатываться в GPU, а не в CPU. Написан на SCSS.

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

👉 Hover CSS — Коллекция CSS3-эффектов, которые активируются при наведении курсора на элементы дизайна (ссылки, кнопки, логотипы, изображения, SVG-компоненты и т.д).

👉 CSShake — Простой в использовании инструмент для создания эффекта встряски у элементов. Эффект встряски – один из самых простых способов указать на интерактривность элемента.

👉 Keyframer — Удобный инструмент, который довольно прост в использовании. Чтобы добавить ключевой кадр, вам нужно только кликнуть по шкале времени, а затем нажать на круглую кнопку, чтобы применить CSS-стили для анимации. Или кнопку с крестиком, чтобы удалить текущий кадр.

👉 Magic CSS3 Animations — Пакет CSS3-анимаций со спецэффектами, которые вы можете свободно использовать для любых веб-проектов. Достаточно включить стиль CSS magic.css или минимизированную версию magic.min.css. Примеры анимации можно посмотреть на сайте.

👉 CSS3 Animation Cheat Sheet — Набор предустановленной plug-and-play анимации. Для использования нужно применить подготовленные классы к элементам, которые вы хотите анимировать. Инструмент использует правило keyframes и работает во всех последних версиях браузеров (в том числе в IE 10).

👉 Animate.css — Библиотека для создания анимации при помощи CSS3. Поддерживает более 50 различных анимационных эффектов, которые работают в браузерах, поддерживаемых CSS3.

👉 AniJS — Библиотека для создания CSS-анимации, позволяющая анимировать элементы при помощи HTML-атрибутов. В ее состав входит множество интересных анимаций.

📌 Идет прием заявок на IV Всероссийский конкурс «Программируй будущее»

На кону — призовой фонд в размере более 1 000 000 рублей и возможность заключить контракт со специальным партнером конкурса мультиплатформенным оператором Триколор.

💡Задача участников — придумать и реализовать идею приложения для отечественной платформы StingrayTV. Подробнее о технологии в Видеогайде.

🏆 Призовой фонд*:

1 место – 600 000 ₽
2 место – 400 000 ₽
3 место – 200 000 ₽

🔥 Кроме того, все финалисты получат шанс воплотить свой проект на многомиллионную аудиторию. Эксперты Триколора оценят востребованность представленных в финале работ для клиентов оператора и могут предложить авторам лучших заявок коммерческий контракт на реализацию приложения.

📃 Полные условия и регистрация на сайте конкурса contest.gs-labs.ru
📆 Прием заявок до 11 июля 2022 года
🙌 Участие бесплатное

*Денежные призы до вычета НДФЛ.

Flip Card

Два варианта флип-карт, реализованные на чистом CSS.

#flipcard #css

https://codepen.io/aron-tw/pen/pLJqgE

@htmlcssjavas

💡 Список полезных ресурсов для Javascript разработчика

@javascriptv - продвинутый Javascript
@about_javascript - Javascript от а до я
@data_analysis_ml - аналитика даннных на JS
@JavaScript_testit - тесты и задачи по JS
@front_tester - front тесты
@javatg - java
@hashdev - frontend
@javascriptjobjs - вакансии JS
@jsspeak - чат JS работы
@Golang_google golang

@itchannels_telegram - полный список ресурсов программиста

Sliding tabs - табов много не бывает, поэтому вот еще один вариант реализации на чистом css.

https://codepen.io/havardob/pen/ExVaELV

@htmlcssjavas

Все о datalist, fieldset и button в HTML

https://dev-gang.ru/article/vse-o-datalist-fieldset-i-button-v-html-zinuljkqkz/

@htmlcssjavas

Использование веб-воркеров для повышения производительности сторонних скриптов

https://blog.logrocket.com/using-web-workers-boost-third-party-script-performance/

​​💭 JavaScript Основы для Начинающих - Полный Курс за 6 часов

Что в курсе: что такое JavaScript, переменные, типы данных, числа, BigInt, все о строках, функции, стрелочные функции, массивы, объекты, асинхронность, Promise, async await, работа с DOM и все это с использованием актуального синтаксиса.

👉🏻 Смотреть

@htmlcssjavas

⛓ Как работает блокчейн? Объяснение для гиков на примере работы системы контроля версий VCS

https://proglib.io/p/kak-rabotaet-blokcheyn-obyasnenie-dlya-gikov-na-primere-raboty-sistemy-kontrolya-versiy-vcs-2022-07-15

@htmlcssjavas

​Как сделать 301 редирект?

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

#редирект #redirect #трафик #seo #htaccess

https://nickweb.ru/web/kak-sdelat-301-redirekt/

Java — один из самых популярных языков программирования. Он универсален и выступает основой всех типов сетевых приложений.

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

Узнайте подробности: 👉 https://clc.to/mf1xfQ.
Сразу после регистрации отправим вам на почту чек-лист по знаниям и навыкам, которые необходимы backend-разработчику для трудоустройства.

📌 Никакой скучной теории — только самый интересный материал и мощная практика. За 3 дня вы примерите на себя профессию Java-разработчика и поймёте, в каком направлении двигаться дальше.

📌 Спикером выступит директор центра подбора IT-специалистов SymbioWay Даниил Пилипенко.

🎁 Всех ждут подарки. Участвуйте, задавайте вопросы и получите сертификат на 10 000 рублей на любой курс Skillbox!

Присоединяйтесь к онлайн-интенсиву с 28 по 30 июля в 19:00 по московскому времени.

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

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

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

@htmlcssjavas | #Interesting #Terminal #Browser #SSH