Топ 10 примеров с Codepens #1

Опубликовал: 4 года назад Вдохновение

Приветствую вас, дорогие друзья.

С сегодняшнего дня я буду публиковать 10 отличных примеров с ресурса — Codepens для вдохновения. И так поехали, Топ 10 примеров с Codepens #1 — в полной версии статьи.

Топ 10 примеров с Codepens
Wireframe Cube от Michael Hobizal
Шикарная CSS трансформация куба.

Tetris Background  от Jason Brown
Тетрис сделан в canvas. Нужно ли что нибудь добавить? Просто посмотри пример реализации.

Красивое интерактивное выпадающее меню в стиле SKI-FI от AaronChuo
Sci-fi меню, без использования JavaScript. Рекомендую к просмотру.

Фрактальная анимация от Louis Hoebregts
Фрактальная анимация сделана при помощи — RaphaelJS. JS код выглядит немного пугающим, но стоит изучать как это все делается. Используются рекурсии при построении красивых рузельтатов.

Движущиеся лампочки от Brandon Lawrence
Чистый CSS. Превосходный эффект. Обязательно к ознакомлению.

Ошибка 404 от Kai Waddington
Еще один прекрасный пример, силы CSS и Sass.

Сетка от Guillaume Gouessan
Просто взрывает мозг Canvas, кода мало — а эффекта много. Учитесь.

Игра на память от Nate Wiley
Простая игра, которая улучшает память. Сделано с применением JS. Пробуйте. Развивайте.

Покрывающее дерево по алгоритму Kruskal'a от Nicolas Barradeau
На данном примере, можно узреть удивительную реализацию алгоритма Крускала для нахождения минимального остова графа. Другими словами, поиск взвешенного пути, который соединяет все вершины. Если вы не знакомы с данным алгоритмом — советую сначала прочитать о нем, потому как, если захотите посмотреть исходный код — мало что, будет вам понятно.

Следы полета от Artem Zubkov
Еще один, шикарный пример того, какая же мощь в новом CSS. Отличная реализация. Просто полюбуйтесь!

На этом все. Я надеюсь, рубрика «Топ 10 примеров с Codepens» — вам она понравиться и станет еженедельной. На этом, я с вами прощаюсь и до новой встречи.


Новая система комментариев
comments powered by HyperComments