Css

ブログでチャット風の会話を表示するCSS

先日の記事「電話番号間違ってますよ」がどうしても信じてもらえない! 内で、チャットのやりとりを表現したかったので、フキダシ会話っぽく見える CSS を書きました。 WordPress の場合は、[外観]-[カスタマイズ]-[追加CSS]に貼りつけてください。特定のポストでだけ使いたい場合は .post-9067 とかを全部の前につけます。 アイコンの画像はこのCSSの中に URL を書き込んであり …

WordPress Admin Style - ワードプレス管理画面で使えるCSSスタイルを列挙するプラグイン

WordPress Admin Style は、ワードプレスのプラグイン開発者のためのサポートツールです。 プラグインは公式レポジトリにはなく、GitHubで公開されています。 cloneするなりzipでダウンロードするなりして、WordPressの開発環境、plugins以下へコピーします。 プラグインを有効化すると、サイドメニューに"Admin Style"というメニューが …

ウェブページ制作のたいへんさを見せるページ

英語圏の巨大掲示板redditの一ページを新規にデザインしたとしたらどれぐらい手間か、というのをブラウザ上で見せてくれるページです。 画面右側にCSSとHTMLの枠が表示され、そこにコードが追加されていくにつれて、ページ上にredditのデザインが少しずつ出来上がっていきます。右上のスライダーで作業速度を速めることもできますが、それでもなかなか出来上がりません。 redditは、どちらかといえばシ …