Note

特に需要無さそうでも様々な記事を不定期発信するページです。

リンクブロックに紙がめくれたようなCSSを追加する 2019/9/13

こんにちは、木彫り猫です。 今回は関連記事スタイリング第二弾です。 おしゃれなサイトさんでたまに見る、ブロックの角に紙がめくれたようなCSS

コンテンツを追加したらスマホ用レイアウトが崩れた!! 2019/9/12

こんにちは、木彫り猫です。 という訳で今回はレスポンシブデザインの実践編です。 きっかけは突然だった……..。 新コ

2種類あるCSSの導入手順を解説 2019/9/10

こんにちは、木彫り猫です。 昔の記事を見返していると、まだCSSの導入を書いてないことが分かったので、二種類ある導入手順について解説していこ

in_category()の図解

if文を使ってカテゴリーごとに別途処理をする方法 2019/9/7

今回、記事が持つカテゴリーによって違う処理をしたい、という問題が出てきたため解決ついでに解説していこうと思います。まず、条件式に使うカテゴリ

boxshadow解説

box-shadowプロパティを使って記事ボタンを立体的に動かしてみた 2019/9/6

こんにちは、木彫り猫です。 今回は当サイトに関連記事リンクを作ったので、せっかくならスタイリングもこだわってみたいなあ…..と思

ワードプレス投稿のサムネイルに自動でclassを付ける方法 2019/8/22

ワードプレスのテーマを開発している時に扱う、アーカイブページなどの投稿一覧での、記事サムネイル。class属性を毎回、手動で付けるのがめんど

レスポンシブデザインを導入した当日ついでに方法を解説してみた 2019/8/21

今回、当ブログにレスポンシブデザイン対応をしたくなったので、やりました。(唐突)方法を一から解説していきます。

マウスを載せた要素を透明にする方法 2019/8/9

今回はWEBデザインではかなり初期にやる、マウスカーソルが載った要素を透明にする処理。簡潔に説明していこうと思います。

HTMLサムネ

テキストに読み方(ルビ)を付ける方法(HTMLタグ) 2019/8/7

この字なんて読むの?って時に役に立つ、上に書いてあるあれ(ルビって読むらしい)実装するにはどのようにしたらいいのでしょうか。

HTMLサムネ

単語を定義したい時に便利なHTMLタグまとめ2 2019/8/6

文字装飾系のHTMLタグを紹介する第二弾です。知らないタグがこんなに?