Видео о том, как писать меньше CSS 👨💻
https://youtu.be/y2j6r5V67bY
#jsvideo #css #css3 #frontend #webdev
https://youtu.be/y2j6r5V67bY
#jsvideo #css #css3 #frontend #webdev
YouTube
WRITE LESS CSS
How do you make CSS easier to work with? Write less of it.
The more CSS we write, the more difficult our stylesheets are to work with. When stylesheets are difficult to work with, we're likely to write more CSS. This leads to more bugs, less consistency…
The more CSS we write, the more difficult our stylesheets are to work with. When stylesheets are difficult to work with, we're likely to write more CSS. This leads to more bugs, less consistency…
#html5 #css3 #javascript
Шесть изящных способов прижать футер сайта к низу.
http://telegra.ph/Neskolko-sposobov-togo-kak-vsegda-prizhimat-footer-k-nizu-ehkrana-08-08
Шесть изящных способов прижать футер сайта к низу.
http://telegra.ph/Neskolko-sposobov-togo-kak-vsegda-prizhimat-footer-k-nizu-ehkrana-08-08
Telegraph
Несколько способов того, как всегда прижимать footer к низу экрана.
1. Решение через абсолютное позиционирование для фиксированной высоты футера CSS: html { /* Растягиваем документ на всю высоту окна */ height: 100%;}body { position: relative; margin: 0; color: #fff; /* Растягиваем body по высоте html */ min-height: 100%;}header…
Анимация при нажатии на кнопку с помощью CSS3 ⚙
https://www.skptricks.com/2018/01/ripple-effect-animation-on-button-click-with-css3.html
#css3 #html #html5 #css #frontend #webdev #web
https://www.skptricks.com/2018/01/ripple-effect-animation-on-button-click-with-css3.html
#css3 #html #html5 #css #frontend #webdev #web
SKPTRICKS - Programmer Hub
Ripple Effect Animation On Button Click With CSS3
Learn how to create ripple animation effect using css3. Here we have created ripple animation effect on HTML button on click.
Генерация CSS
Вам неудобно использовать плагины для автообновления, вы плохо знаете CSS или вы и вовсе обычно работаете на бэкенде? Тогда вам будет интересно поработать в онлайн-редакторе, где вы можете стилизовать компонент наглядно и получить на выходе готовый CSS.
#css3
http://enjoycss.com/
Вам неудобно использовать плагины для автообновления, вы плохо знаете CSS или вы и вовсе обычно работаете на бэкенде? Тогда вам будет интересно поработать в онлайн-редакторе, где вы можете стилизовать компонент наглядно и получить на выходе готовый CSS.
#css3
http://enjoycss.com/
Enjoycss
Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS
EnjoyCSS is an advanced CSS3 generator that saves your time. Its handy and simple UI allows you to adjust rich graphical styles quickly and without coding.
Hyper - терминал созданный на фреймворке Electron
https://hyper.is/
#js #jsarticle #pcdev #html #css #electron #javascript #frontend #fullstack #html5 #css3
https://hyper.is/
#js #jsarticle #pcdev #html #css #electron #javascript #frontend #fullstack #html5 #css3
hyper.is
Hyper™
A terminal built on web technologies
Как работают JS и CSS анимации ⚙
https://blog.sessionstack.com/how-javascript-works-under-the-hood-of-css-and-js-animations-how-to-optimize-their-performance-db0e79586216
#jsarticle #css #js #javascript #css3 #frontend #webdev #web
https://blog.sessionstack.com/how-javascript-works-under-the-hood-of-css-and-js-animations-how-to-optimize-their-performance-db0e79586216
#jsarticle #css #js #javascript #css3 #frontend #webdev #web
Medium
How JavaScript works: Under the hood of CSS and JS animations + how to optimize their performance
This is post # 13 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing…
Bulma – CSS фреймворк, основанный на Flexbox 👨💻
https://bulma.io
#jsarticle #css #css3 #bulma #frontend #web #webdev #html #html5
https://bulma.io
#jsarticle #css #css3 #bulma #frontend #web #webdev #html #html5
bulma.io
Bulma: Free, open source, and modern CSS framework based on Flexbox
Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Propeller – ещё один CSS фреймворк, совмещающий Bootstrap и дизайн Google 👩💻
https://propeller.in
#css3 #css #propeller #frontend #webdev #html #html5 #web #jsarticle
https://propeller.in
#css3 #css #propeller #frontend #webdev #html #html5 #web #jsarticle
Propeller
Propeller - Develop More Code Less
Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
Semantic UI – Фреймворк для веба, не только CSS, но и JavaScript с HTML, с кучей элментов: модальных окон, плавных переходов и т.д. 🖥
https://semantic-ui.com
#jsarticle #js #javascript #jquery #html5 #html #css #css3 #semanticui #ui #webdev #web #frontend
https://semantic-ui.com
#jsarticle #js #javascript #jquery #html5 #html #css #css3 #semanticui #ui #webdev #web #frontend
Semantic-Ui
Semantic UI
Semantic empowers designers and developers by creating a shared vocabulary for UI.
Анимация нажатия на кнопку с помощью 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.