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

Снова вам не понадобится 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

Го загадку?

Вопрос: Если в 12 часов ночи идёт дождь, то можно ли ожидать, что через 72 часа будет солнечно и без дождя?

Ответ: Нет, так как через 72 часа будет ночь

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

О пользе критики говорил Ганди:

«На протяжении моей жизни я извлекал больше поль­зы от моих друзей-критиков, чем от поклонников, особенно если критика выражалась вежливым и друже­ским языком.»

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

MIni.css простой и отзывчивый CSS-фреймворк с обширной документацией. Сам фреймворк создан на основе Sass, а его компоненты основаны на Flexbox.

Ссылка на гит

#css

Чтобы иметь хорошую работу - нужно учиться, а то вон какие истории бывают.

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

История набрала резонанс после того, как студент-практикант пожаловался в сети на увольнение из-за своего отказа есть яйца. Компания даже пошла ему «на встречу» и предложила заменить наказание на поедание тюбика горчицы.

Когда видишь пункт «кормим на работе», точно ожидаешь что-то другое.

Надо чуть расслабиться и подумать. Время загадок

Вопрос: В 12-этажном доме есть лифт. На первом этаже живёт всего 2 человека, от этажа к этажу количество жильцов увеличивается вдвое. Какая кнопка в лифте этого дома нажимается чаще других?

Ответ: Независимо от распределения жильцов по этажам – кнопка «1»

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

Думаю с утра надо чуть пошевелить мозгами. Начнем с небольшой загадки

Вопрос: Как человеку не спать 8 дней?

Ответ: Спать по ночам

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

Готовый и достаточно необычный эффект просмотра изображений на сайте. При наведении курсора полупрозрачный темный фон исчезает ступеньками.

Держите готовый код

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

В тривиальных выражениях используйте тернарный оператор.

Для тех кто не знает что это или забыл, посмотрите на примере использования в js

Ссыл-очка

Google Chrome с января перестанет поддерживать расширения для блокировки рекламы.

Внимательные пользователи Reddit нашли в документе для разработчиков информацию о том, что в январе 2023 года все расширения популярного браузера перейдут на новую версию API Manifest V3 , в которой удалена возможность блокировки веб-запросов.

Мировой лидер в сфере рекламы борется с её блокировщиками, как неожиданно.

TailwindCSS — это CSS-фреймворк. Он похож на Bootstrap, Foundation или Bulma, но у него есть несколько фич, за которые его можно полюбить.

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

— Интерактивный пример почтового ящика Intercom на Tailwind CSS, который поможет попробовать фреймворк на практике: https://play.tailwindcss.com/O2Uz6b4uLs?layout=horizontal

— Tailwind Cheat Sheet, шпаргалка по всем классам утилит и свойствам: https://nerdcave.com/tailwind-cheat-sheet: https://nerdcave.com/tailwind-cheat-sheet

— Meraki UI, набор нескольких готовых компонентов Tailwind CSS, которые можно кастомизировать перед копипастом: https://merakiui.com/components/

— Tailwind.run(), онлайн-площадка для Tailwind CSS с поддержкой пользовательской конфигурации сборки. С её помощью можно посмотреть, как итоговый вариант будет выглядеть на разных устройствах: https://tailwind.run/new

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

В России делают нейросеть для поиска депрессии. Исследователи утверждают, что им удалось выявить маркеры депрессивного расстройства у людей и удалось обучить ИИ выявлять их.

Подробности не раскрываются, но разработчики обещают мобильное приложение, которое будет анализировать речь пользователя и в случае чего посоветует обратиться к специалисту.

Грустно и точка.