漫画・小説・ビジネス書なんでも最大100冊分が半額

コピペですぐ使える・CSSデザインサンプルコードまとめ

HTML&CSSカスタマイズ特集

カゲサイでは、WEBデザインの備忘録としてCSSコードをいくつか書いています。

それらをまとめたページを作りました。

コピペで使えるので、気になるものがあればご活用ください。

HTMLとCSSだけで作る検索フォーム

phpをイジらずに作る検索フォームなので、初心者でもわかりやすいはず。HTMLを書き込める場所であれば、どこにでも設置できます。

検索フォームデザイン【HTML】検索フォームの作り方オシャレなCSSデザイン6選

自作SNSフォローボタン

作り出したら楽しくて無駄に時間をかけた記事です(収益0)笑

色々なパターンを作成したので、良いのがあれば参考にしてください。

SNSボタンカスタマイズ8種類のSNSフォローボタンのCSSカスタマイズ18選

マーカー線カラーサンプル集

マーカー線のカラーや太さが合ってないサイトは腐るほどあります。自分のサイトカラーに合うマーカー色を選びましょう。

蛍光ペン風マーカー線CSSCSSマーカー線(蛍光ペン風)の解説【42色のサンプル付き】

タグクラウドのCSSデザイン

タグクラウドを載せるのであれば、デザインは整えておきましょう。デフォルトがダサいテーマもありますからね。

タグクラウドデザイン【WordPress】タグクラウドのCSSデザイン9選

テーブルタグのHTML&CSS基礎編

テーブルタグをある程度使いこなすと、記事にバリエーションが生まれます。

特に比較記事やランキングを書く人は、基本を押さえておくことをオススメします。

TableタグデザインHTMLテーブルをCSSでオシャレにデザインする為の講座

YouTubeをオシャレに埋め込む方法

YouTubeをそのまま埋め込むとGoogleには動画として認識されます。

この記事では、動画をいったん画像として読み込ませる方法を解説しているので、SEOにも効果アリです。(当サイト検証)

ついでに、オシャレに埋め込めるので映画やアニメ記事を書く人は参考になるかも。

YouTube埋め込み高速化WordPress・YouTube動画の埋め込み方法【テレビのような枠線付き】

目次プラグインのCSSカスタマイズ

Easy Table of Contents」は新しい方の目次プラグインです。検索結果に良い感じのCSSサンプルがなかったので書きました。

目次は必ず目に入るデザインなので、表示させている方はこだわりましょう。

Easy Table of Contents・オシャレな目次のCSSカスタマイズサイドバーEasy Table of Contents・サイドバーに固定する目次用CSS
カゲサイーカゲオカゲオ

今後も気が向いたときに、追加していきます。さらばじゃ〜

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です