PM помогает команде выпустить новую фичу

#joke

Адаптивная верстка SCSS и GULP
21 век на дворе, адаптивные сайты давно перестали быть роскошью и стали обязательным явлением, если у вас есть сайт и на этот сайт нужны клиенты/пользователи

Делюсь видео на котором автор рассказывает про адаптивную вёрстку, делая проект на основе макета из Figma. Также, он даёт советы новичкам и рассказывает про SCSS и GULP.
А вот и ссылочка

#самообучение #html #css #figma #scss #gulp

Красивый эффект перемотки экрана с подвижными элементами. Во время прокрутки горы и облака смещаются не целиком, а по отдельным слоям.

Ссылка на код

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

Быстрый курс по React JS (очень короткий, но полезный)
React — JavaScript библиотека для создания пользовательских интерфейсов. На данный момент это — самая популярная библиотека для решения таких задач.
Из ролика вы узнаете основы для работы с React, изучите компоненты, состояния, хуки, контексты, «ленивую» загрузку и многое другое.

Ссылка на ютуб тут

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

Интересное анимированное меню. При нажатии на центральную кнопку появляется полукруг из пунктов меню, которые как будто склеены между собой. Если навести курсор на меню, оно меняет цвет.
Делаем с любовью и совсем без 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 яйцо, потому что все следующие будут съедены уже не на пустой желудок.

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