CSS Border Animation

Светящиеся границы создаются при помощи псевдоэлементов, которые анимируются при помощи CSS.

#css #frontend

Друзья, у нас есть канал по поиску работы для FrontEnd специалистов.

Подключайтесь - https://t.me/rabotafrontend

Наш "ночной" чат по Javascripty: https://t.me/joinchat/a8aDKNJCcWExMmEy

Анимированная 3D карточка, выполненная с помощью CSS и библиотеки Three.js

#css

Друзья, наши знакомые тестировщики открыли новый канал с вакансиями: https://t.me/qajoboffer. Если кто-то задумывался над стартом в IT в QA - вам туда.

Hopdot Loader - прелоадер в виде перекатывающихся точек. Анимация реализована с помощью GSAP.

#css #js

Наш чат по Javascript: https://t.me/joinchat/a8aDKNJCcWExMmEy

Что будет выведено в консоль?

Credit Card Form - адаптивная форма для кредитной карты с функцией форматирования чисел, проверки и автоматического определения типа карты. Реализована с помощью VueJs.

#css #js

Sale label - 4 примера реализации движущейся этикетки для рекламы распродажи на чистом CSS.

#css

​Что за черт, JavaScript

JS - отличный язык. У него простой синтаксис, большая экосистема и, что гораздо важнее, огромное сообщество.

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

#js

Galaxy

Вся сцена реализована на canvas. Частицы создаются и анимируются при помощи библиотеки THREE.js.

The React Workshop

Автор: Brandon Richey, Ryan Yu, Endre Vegh, Theofanis Despoudis, Anton Punith, Florian Sloot
Год издания: 2020

#react #english

10 вещей, которые можно делать в верстке с помощью псевдоэлементов before и after

Статья для начинающих верстальщиков. Рассматриваем нюансы работы с псевдоэлементами before и after.

#html

Memory Game

Суть игры в том, чтобы найти пары одинаковых карточек. Логика сделана на JS.

#js

Задача

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

Ответ

The Impossible Lightbulb

Лампочка, которую невозможно включить: открывается дверь и злой мишка снова ее выключает. Анимация реализована с помощью GSAP.

#js