Анимация нажатия на кнопку с помощью CSS 👩💻
https://www.skptricks.com/2018/01/create-ripple-animation-effect-using-css.html
#css #css3 #html #html5 #jsarticle #frontend #web #webdev
https://www.skptricks.com/2018/01/create-ripple-animation-effect-using-css.html
#css #css3 #html #html5 #jsarticle #frontend #web #webdev
SKPTRICKS - Programmer Hub
Create Ripple Animation Effect Using Css
In this tutorial we are going to learn how to create ripple animation on hover. All this animation effect is created with the help of CSS3 Keyframe property. Here we have provided three different type of ripple animation effect on hover the HTML element/button.
Forwarded from Web Stack
Как использовать предварительно собранный веб-сайт для обновления внешнего вида сайта - BeTheme предоставляет быстрый и простой способ перепроектировать веб-сайт.
https://www.sitepoint.com/how-to-use-a-pre-built-website-to-refresh-a-websites-look/
https://www.sitepoint.com/how-to-use-a-pre-built-website-to-refresh-a-websites-look/
Sitepoint
How to Use a Pre-built Website to Refresh a Website's Look - SitePoint
BeTheme provides a fast and easy way to redesign a website. It offers a selection of more than 350 pre-built website designs.
Forwarded from Web Stack
Реальное использование CSS с SVG - Крэйг Баклер описывает различные способы использования CSS с SVG, охватывающие преимущества использования SVG
https://www.sitepoint.com/real-world-use-of-css-with-svg/
https://www.sitepoint.com/real-world-use-of-css-with-svg/
Sitepoint
CSS with SVG: Real World Usage - SitePoint
Craig Buckler describes various ways to use CSS with SVG, covering the benefits of using SVGs, a range of SVG tools, SVGs as static images, CSS inlined SVG backgrounds, responsive SVG images, HTML-inlined SVG images, SVG sprites, SVG effects on HTML content…
Formik – библиотека для валидации форм в React без слёз ⚛
#react #mongodb #db #js #javascript #frontend #web #webdev #jsarticle
#react #mongodb #db #js #javascript #frontend #web #webdev #jsarticle
GitHub
GitHub - jaredpalmer/formik: Build forms in React, without the tears 😭
Build forms in React, without the tears 😭 . Contribute to jaredpalmer/formik development by creating an account on GitHub.
Forwarded from FrontEndDev
Экспериментальные раскладки с помощью CSS Shapes и clip-path
#css
https://codepen.io/michellebarker/post/experimental-layouts-with-css-shapes-and-clip-path
#css
https://codepen.io/michellebarker/post/experimental-layouts-with-css-shapes-and-clip-path
CodePen
Experimental layouts with CSS Shapes and clip-path
Recently there has been a proliferation of demos using the CSS property shape-outside to create interesting and unusual text and layout effects. (Here’s one example by Mandy Michael) The ...
Forwarded from WebDEV
Forwarded from Типичный программист
Если делаете свой сайт, то будьте уверены, что его точно будут смотреть и на ноутах, и на смартфонах с тысячами разных размеров экрана, и вообще на всём.
В этой статье мы рассмотрели основные элементы сайта и способы сделать их адаптивными:
https://tproger.ru/translations/responsive-web-design-tips/
В этой статье мы рассмотрели основные элементы сайта и способы сделать их адаптивными:
https://tproger.ru/translations/responsive-web-design-tips/
Tproger
Адаптивная вёрстка: что это и как использовать
Адаптивная вёрстка позволяет правильно отображать содержимое веб-сайта на любых устройствах. Рассказываем, как это сделать.