- If there is not gulpfile.js
- This is ruby gem sass
- document https://sass-lang.com/documentation/cli/ruby-sass
# compile
$ scss style.scss:style.css
# watch
$ scss --watch style.scss:style.css
- Check
wp-config.php
permission(Set644
) - Show error setting on
.htaccess
php_flag display_errors on
- Set debug mode on
wp-config.php
- Access by Firefox.(not Chrome)
Noto Sans JP
https://fonts.google.com/specimen/Noto+Sans+JP
Noto Serif JP
https://fonts.google.com/specimen/Noto+Serif+JP
↓Like below. A unit of useful CSS group.
https://getbootstrap.com/docs/3.4/css/
https://getbootstrap.com/docs/3.4/components/
Need to understand <section> tag meaning/role.
https://www.w3.org/TR/2011/WD-html5-20110525/sections.html#the-section-element
http://idangero.us/swiper/api/
allowTouchMove: false
can disable flick on PC & mobile.
new Swiper($(this).find('.gallery-top').get(0), {
allowTouchMove: false
});
disable transition animation on CSS.
a {
transition: none;
}
http://apps.eky.hk/css-triangle-generator/
this is useful tool to create triangle shape by CSS.
this tools can change triangle "angle" too.