SPECTRE.CSS

Предоставляет базовые стили для типографии и элементов, систему быстрого размещения на основе flexbox, чистые компоненты CSS и утилиты с оптимальным кодированием и согласованным языком проектирования.

#css

CodeCombat

Не лезет в голову программирование? Попробуйте в него играть!

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

#игры

Materialize

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

В  Materialize  есть несколько интересных фишек, которые отличают его от других:
- Parallax
- Scrollspy
- Scrollfire

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

Link-Host - хостинг от 56 рублей за месяц!

◽ 10 сайтов на минимальном тарифе!
◽ 30 дней бесплатного тестового периода!
◽ Домен .ru в подарок - бесплатно, при оплате хостинга на год!
◽ Есть бесплатные SSL - сертификаты!
◽ Бесплатный перенос сайтов со старого хостинга на Link-Host, для новых клиентов.

#хостинг

Apple TV Paralax

Этот эффект параллакса сделан как Apple TV.

И это превосходно!!!

Теперь ваши карточки товара, блок с услугами и прочее не будут унылыми и однообразными.

#css

Почему стоит использовать тег <picture> вместо <img>

Выбор между тегами picture и img может показаться мелким решением, но сделав правильный выбор, вы сможете повысить и удобство для пользователя, и производительность.

#стати

Credit Card Form

Форма кредитной карты с плавным и приятным микровзаимодействием.
Включая:
- форматирование чисел
- проверку и автоматическое определение типа карты.

Создан на Vuejs, полностью отзывчивый.

#css #Vuejs

CSS Filter Editor 

Полезный инструмент для редактирования изображения средствами CSS. Можно использовать как готовые пресеты, так и вручную настроить необходимые фильтры, передвигая нужные ползунки.

#css

Card Hover Interactions

Не знаешь как сделать показ карточек товаров оригинальными?

Есть решение. Осталось только добавить его в ваш проект.

#css

Simple CSS Waves

Анимация на CSS способна преобразить страницу и задержать внимание пользователя эффектной подачей.

Волн, которые можно использовать у себя на сайте в качестве background.

#css #анимация

Grid в CSS

В этой статье автор Stas Bagretsov показывает как работает эта сравнительно новая технология, именно работает, а не имеет только описание свойств с поверхностными примерами.

#статьи

Grid Garden

Игра, подходящая и взрослому, и ребенку. Она обучит методологии CSS Grid.

Уровень за уровнем игрок узнает новые grid-свойства, с помощью которых выращивает морковный сад, поливает его, избавляется от сорняков, следит за урожаем.

#игры

Vivify — продвинутая CSS3 библиотека для создания анимации.

Это набор современных стилей, созданных для анимирования любых элементов на странице сайта.

Прелесть в том, что Вы получаете огромное количество качественной анимации, которую легко применить и использовать.

#css #библиотеки

Some Sticky-Stacked Cards

Появление карточек при скролле. Этот пример реализован на чистом CSS.

Оригинальное решение для показа достоинств компании или стек ваших знаний.

#css

Плавная прокрутка "Наверх" на CSS.

Это современный стандарт веб-дизайна, который позволяет посетителю плавно прокручивать веб-страницу до определенной позиции.

В этом примере вы увидите реализацию на чистом CSS.

#css

Tailwind CSS 

CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения.

Никогда не нужно беспокоиться об изменениях одного элемента, затрагивающих другой связанный элемент. Больше не нужно переходить назад и вперед между HTML и таблицами стилей в редакторе, больше не нужно возвращаться, чтобы проверить, как вы назвали этот другой элемент.

#фреймворк