フロントエンドな日々

というわけでカスタムデータ属性です。
HTMLのタグに指定することでいろいろな値を持たせることが出来、重宝しているのでおさらい。

data-を指定するHTML<div id="test01" d ...

最近？流行のグラデーションをさくっとボーダーや、背景に設定する方法をメモ

グラデーションは「linear-gradient」.gradient--bg {background: linear-gradient(45deg,#00 ...

重なり合った要素の下にあるリンク等にクリックを発生させないための処理
モーダルとかスライドとかで使う
メモ程度。

event.preventDefault();jQuery$(セレクター).on(‘c ...

実際に使用する際にパターンによって変わってくるので、まとめてみました。

目次0以上の整数を判定する
少数を許可する
「+」、「-」を許可する
数値チェックパターンリスト
まとめ
0以上の整数を判定す ...

みなさんがWordpressでブログを始める時の選択肢は、「無料のテーマから選ぶ」「有料のテーマから選ぶ」のどちらかでしょうか？
「自分でテーマを作る」という選択肢も意外と簡単にできます。
今までプログラミングなんてし ...

文章の行間を調節することで、デザイン性と読みやすさをアップすることができます。
行間が詰まりすぎていると非常に読みづらくなってしまうので、必ず調節しましょう。

目次CSSで行間を指定する方法
CSSで行間を指定する ...

サイトを構成するための大半のタグに使用することができる基本的な要素、「margin」「padding」「border」「width」「height」と「box-sizing」に関してわかりやすく説明していきたいと思います。

目次 ...

カスタマイズするためには避けて通れない
基礎的なCSSのプロパティ、要素と値についてできるだけわかりやすく解説していきたいと思います。
今回は、見出しをカスタマイズする際に使用するであろうプロパティについて ...

コピペではできないことも自分でやれば簡単にできる
WordPressのCSSを編集するのは実は超簡単！
方法さえ覚えてしまえば、誰でも簡単に思い通りの見た目を実現できるようになる！

見た目をカスタマイズする ...

クイックタグを便利に使う！WordPressの投稿画面テキストモード

WordPressの投稿画面をもっと便利に使いやすく！
記事の投稿＆編集を手助けしてくれるボタン「クイックタグ」をカスタマイズして使いこなすため ...