Web
プロフィール用のSNSボタンを作ってみた
今回は本ブログのTwitter用アカウントを用意したので、ウィジェットのプロフィール内に挿入するSNSボタンを作ってみました。 仕上がり 作ったものは以下の画像のボタンです。 そこまで難しいものではないですが、CSSの記 […]
Web
Web
CSS で transition を使ってアニメーションさせる方法について調べてみた
CSS でアニメーションさせる(要素を動かす)時、代表的な方法として transition プロパティを使う方法と、animation プロパティを使う方法があります。今回は私もよく使う transition プロパティ […]
Web
ブログのカラーを見直してみた！
Webサイトやブログを運営していて、記事を書いているときやデザインに手を加えるとき、「カラーをどうしようかなぁ」ってなりませんか？最近、本ブログもWordPressのいろいろなプラグインも導入して、より自由なデザインにで […]
Web
WordPress の記事中で「囲い枠」を使いたい
よくブログの記事で見かける“ポイント”とか“チェック”とか“注意”とか、枠で囲われていてカラーがついていて見やすいあの要素を私も使いたくて調べてみました。名前がわからないものを一人で調べるのってすごい難しいですよね。 よ […]
Web
ブログ記事の見出しのデザイン
ブログ記事の「見出し」のデザインって、ブログの見やすさに直結する大切な要素だと思いませんか？大きい文字にしたり、下線を引いたり、帯を引いたり、、一風変わったデザインでブログのイメージを引き立てたり。今回はそんな「見出し」 […]
Web
プラグインを使って記事にコードを表示させる方法
ネットで、Webデザインのハウツー記事を探すと、ほとんどのサイトで“コード”が当たり前のように掲載されていて、コピーできたり、タブみたいなのでhtmlやcssなんかを切り替えて表示させたり、左のウィンドウのコードを反映さ […]
Web
【CSS】background でパターン背景を実装する方法
本ブログの背景にテクスチャを入った画像にしようと思い、CSSでも初歩的な background プロパティを使用してパターン背景を実装しましたので、その方法を改めてまとめてみました。 パターン背景について パターンとは本 […]
Web
Photoshop だけ使用して、ざらざら質感のテクスチャをつくる！
「Adobe Photoshop」だけ使用して、Webサイトに表示する背景で使用可能な“ざらざら”質感のテクスチャパターンを作る方法をまとめてみました。自分で写真を撮ったり、フリーの素材を探したり、その写真や素材をいちい […]
Web
【CSS】Font Awesome アイコンを疑似要素で付ける方法【before , after】
Webでアイコンを扱う方法として「Font Awesome」を利用するやり方が有名ですね。 今回は、WordPress のブログに「パンくずリスト」を導入したので、「ホーム」の手前にアイコンをつけたかったので、「Font […]
Web
プロフィールのフォーマットで悩む
ブログにプロフィール（運営者情報）を掲載するフォーマットで悩んでしまったのでまとめてみました。AdSense審査で必要と言われている要件のひとつとして「プロフィール」があります（Googleが公式で明言しているわけではな […]
- 1
- 2