Интересное анимированное меню. При нажатии на центральную кнопку появляется полукруг из пунктов меню, которые как будто склеены между собой. Если навести курсор на меню, оно меняет цвет.
Делаем с любовью и совсем без js 😔

Ссылка на код тут

#примеркода #html #css

Пятница, вечер. Не будем грузиться и отгадаем загадку 😉

Вопрос: Каких камней не бывает в речке?

Ответ: В реке не бывает сухих камней.

#загадка #налогику

Готовая анимация на кнопке скачивания. При нажатии на стрелку появляется эффект стекающей вниз капли.

Готовый код по ссылке

#примеркода #html #css #js

Про принятие решение.

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

Короче, среднеарифметический ответ ближе к верному, чем ответы по отдельности. Это из книги: Шум. Несовершенство человеческих суждений.

Хорошая иллюстрация к правилу «подумай дважды».

Только получается надо трижды и третий раз это подсчёт среднеарифметического первых двух)

Не обязательно про математику.

Неоспоримый факт: иметь надежный SSL-сертификат на серьезном проекте - это необходимость

Защита данных клиентов любого веб-проекта сейчас необходима как никогда. SSL-сертификаты гарантируют подлинность веб-сайта, сохраняют конфиденциальность онлайн-транзакций и безопасность при вводе личных данных. Это не только вызывает доверие у пользователей, но и является значимым фактором в SEO-оптимизации, повышая позиции сайта в поисковиках.

А бесплатный сертификат, юзерфрендли интерфейс и возможность включить/выключить проксирование есть на бесплатном тарифе cloudlfare. Поэтому глупостей не выдумывайте, все придумано и отлично работает до нас.

Давайте-ка загадку отгадаем

Вопрос: Товар сначала подорожал на 10%, а потом подешевел на 10%. Какова его стоимость сейчас относительно первоначальной?

Ответ: 99%: после подорожания к 100% прибавили 10% — получилось 110%; 10% от 110% = 11%; затем от 110% отнимаем 11% и получаем 99%

#налогику #загадка

Все о Vuex (не все конечно, но много полезного)

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

Держите бесплатное видео с ютуба

#самообучение #vuejs #vuex

Пишем мониторинговую систему сами

Снова бесплатно и онлайн учимся. Но теперь пробуем силы на питоне.
В рамках ролика вы будете только мониторить состояние определённого устройства (принтера, видеорегистратора, роутера).

Как реализовать систему на Python, которая каждые N секунд проверяет, жив ли девайс, без действий со стороны клиента, — рассказывает автор ролика.

Ссылка на ролик

#самообучение #python

Готовая интересная анимация для кнопки. При наведении курсора на стрелку вся надпись плавно закрашивается цветом.

И вообще не нужен js 🤪

Ссылка на пример кода

#примеркода #html #css

Unit тестирование в Android

С помощью unit тестов мы запускаем код и проверяем, правильно ли работает функция/класс/модуль и ограничения функции (например, она не принимает значения меньше 0).

Автор в видео рассказывает про JUnit и Mockito и про то, как их эффективно использовать, придерживаясь Clean Architecture. Всё рассказывается понятным языком, поэтому видео идеально подойдёт новичкам.

И сама ссылка на ролик на ютубе

#самообучение #kotlin #junit

Подмигивающие анимированные карточки с эффектом неоновой подсветки. Будет отлично смотреться на сайтах с темной темой.

Снова вам не понадобится js

Ссылка на пример кода

#примеркода #html #css

Что за Next.js спросите вы?

Этот фреймворк занимается генерированием статистических файлов (HTML, CSS) на стороне сервера и, таким образом, улучшает производительность.

О том, как им пользоваться, рассказывает автор видео. К тому же, он создаёт маленькое приложение, в котором проясняется истинное предназначение фреймворка.

Ссылка на видос на ютубе

#самообучение #js #nextjs

Готовая анимация (ака прелоадер) для загрузки сайта. Зеленые круги с градиентом создают ощущение жидкой формы и привлекают внимание посетителя страницы.

Чекните примерчик, даже js не пригодится

Ссылка на пример кода

#примеркода #html #css

Ментальный инструментарий (полезный для любой работы)

Наверняка многие из читателей сталкивались с такими штуками, как «шесть шляп мышления» или «матрица важных и срочных дел Эйзенхауэра». Подобных инструментов создано невероятно много, и они действительно помогают справляться с непростыми задачами. Множество ментальных инструментов для эффективного принятия решений, системного мышления и решения трудных задач были сведены Адамом Амраном (Adam Amran) в перечень и доступны на его сайте untools.co.

Готовый набор удобных и эстетичных карточек с чекбоксами. Когда вы нажимаете на карточку, она выделяется синим цветом как отмеченная.

Нравятся мне такие штуки, уж поудобнее обычных чекбоксов

Готовый код по ссылке

#примеркода #html #css

Пятница. Вы наверно уже не работаете (но делаете вид).

Отгадаем-ка загадочку

Вопрос: Сколько яиц можно съесть натощак?

Ответ: Натощак можно съесть только 1 яйцо, потому что все следующие будут съедены уже не на пустой желудок.

#загадка #налогику

Делов на 30 минут, а удовольствия на целый день: создаём игру для тренировки памяти на HTML, CSS и JavaScript

Memory Game — интересная игра, с неплохим дизайном и простой реализацией.

Ссылка на готовый код

#примеркода #html #css #js

Российские поисковики по требованию Роскомнадзора начали маркировать Telegram как нарушителя законодательства РФ.

Такими же метками отмечены также TikTok, Zoom, Discord и Pinterest.

Готовые эффекты для кнопок, которые появляются при наведении мыши. Анимация не только двигает объекты, но и меняет их прозрачность.

Пример кода по ссылке

#примеркода #html #css

Angular — быстрый курс

Angular — это один их самых популярных веб-фреймворков для создания интерфейсов. Он довольно старый, но это делает его стабильный и мощным (проверен временем).

Автор за 2 часа расскажет основы (создание проекта, настройка, компоненты), а потом — на примерах расскажет, что как работает и перейдёт к более сложным темам.

Ссылка на видео с ютуб

#самообучение #js #angular