jQuery 【jQuery】チェックが入ったらボタンクリック-複数編-【備忘録】
<script>
function check(){
var check_count = $('.chk-caution01 :checked').length;//注意事項チェック
if (check_count =...
コーディング
jQuery jQuery 【jQuery】スクロールアクション【備忘録】
【超簡単】 ※スマホ対応
アニメーションを与える要素に「data-delighter」を追加。
アニメーションの設定はcssで調整。
■ex＝＝＝＝＝＝＝＝＝＝＝＝＝＝
/* 基本 */
.foo.deli...
jQuery 【jQuery】smoove.jsオプション一覧【備忘録】
参照
デモサイト
htmlソース
<div class="hoge" data-move-y="80px">テキストテキスト</div>
jQコード
<script src=...
jQuery 【jQuery】この発想は無かったープラグインとか【備忘録】
◆「自動的にカナ入力してくれるautoKana.js」
<form>
<label for="userName">氏名</label>
<input type="tex...
css 【css】calc()で算出したフォントサイズはIE(Edge)での表示が狂う【備忘録】
レスポンシブでフォントサイズを変えたいとき、
calc(% + vw)の計算はIEとEdgeでは正確な表示が出来ない。
ので、calc(% + vw)ではなく、calc(em + vw)で記載。
※「rem」でも可。
fon...
jQuery 【jQuery】チェックが入ったらボタンクリック【備忘録】
これ、使用頻度高いのに、いつも忘れる・・・。
<input type="checkbox" class="check" id="check">
<label class="check" for="che...
css 【CSS】高さ可変Footerの下部固定【備忘録】
レスポンシブ対応することでfooterの内容が改行した、等によって高さが固定しない場合、footerを最下部に表示する。
※普段から適用するようにしておけば楽なのかも。
html
<body>
<div class...
css 【CSS】レスポンシブでの改行制御【備忘録】
折り返したくない文節があり、レスポンシブで改行を制御したい場合のcssの書きかた。
この場合、
◆html
<p>
<span class="text">あのイーハトーヴォの</sp...
css 【CSS】要素の上下中央寄せ
何度も引っかかってるので備忘録。
◆上下中央寄せ、テキストの場合
上下中央寄せをしたいテキストを内包しているブロックへ
display: flex;
を適用し、Flexコンテナ化。
次に内包テキスト（Flexアイテム）...