Настройки верстальщику

Настройки верстальщику

###

Вдохновение

Анимация кнопок:

• https://tympanus.net/Development/ButtonStylesInspiration/
• https://tympanus.net/Development/CreativeButtons/

Анимация прелоадеров:

• http://simbyone.com/demo/30-css-page-preload-animations/demo1.php

Библиотеки (скрипты и стили)

Анимация появления элементов при пролистывании страницы > http://michalsnik.github.io/aos/
Нормализация > https://necolas.github.io/normalize.css/
Слайдер > http://kenwheeler.github.io/slick/
Параллакс > https://github.com/wagerfield/parallax
Скролл с поддержкой свайп > http://darsa.in/sly/
Слайдер поддерживающий свайп > http://idangero.us/swiper/
Попап галерея с поддержкой свайпа Fancybox 3 > http://fancyapps.com/fancybox/3/
Попап галерея с поддержкой свайпа > http://photoswipe.com/
Попап галерея с поддержкой свайпа > https://sachinchoolur.github.io/lightGallery/
Определение направления прокрутки > https://dollarshaveclub.github.io/scrolldir/

Apple TV эффект:

https://micku7zu.github.io/vanilla-tilt.js/

Программа пипетка для windows:

1. http://instant-eyedropper.com/
2. http://plastiliq.com/pixel-picker

Программа быстрого запуска:
1, http://www.getwox.com/

Если центрируем блок с текстом и текст методом:
`.parent {position: relative};

.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) translateZ(0) scale(1.0, 1.0);
-webkit-font-smoothing: subpixel-antialiased;
}`

Не забываем ставить ребенку

-webkit-font-smoothing: subpixel-antialiased; -webkit-transform: translateZ(0) scale(1.0, 1.0);