CSS

nanoc - CSS, JavaScript を Minify!  (2013-02-10)

nanoc は、デフォルトではコンパイルしても CSS や JavaScript ファイルは Minify されません(改行・余分な半角スペースが残ったまま)。 HTTP リクエス回数を減らしアクセススピードを上げるためには、Minify した方がよいです。 それほど大きなサイトでなければ、Minify したか...

Octopress - 容易に table タグ!  (2013-01-10)

Octopress のブログ記事中で <table> タグを使用する際に、HTML ではなく容易に記述できる方法があるようです。

Octopress - CSS を Minify しない!  (2012-12-30)

Octopress で rake generate すると、複数の SCSS ファイルから screen.css ファイルが作成されます。 しかし、デフォルトでは、この screen.css ファイルの内容は高速化のために Minify され、テキストエディタで閲覧すると1行になっていて見にくいです。 普段は、...

jQuery - 文字に影をつける!  (2011-08-22)

通常、Webサイトで文字に影(ぼかし)を付ける際、CSSの”text-shadow”を使用すると簡単に実現できます。 しかし、この”text-shadow”は現在W3C勧告のCSS2.1では非推奨のため、W3Cチェックでエラーとなります。 (以前のCSS2.0や将来(ずいぶん先)勧告される予定のCSS3.0では...

WordPress - カテゴリ別投稿数をaタグ内に表示させる!  (2011-08-20)

WordPressでカテゴリリストに各カテゴリ毎の投稿数を表示させる場合、通常はwp_list_categoriesテンプレートタグのパラメータに’show_count=1’を指定すると思います。 (参照 → テンプレートタグ/wp list categories - WordPress Codex 日本語版 )...

jQuery版LightBox導入!  (2011-08-17)

先日、当方のWebサイト・ブログサイトでページ下部へスクロースした際にページトップへ戻れるようボタンを設置しました。その際JavaScriptライブラリ「jQuery」を導入しました。

WordPress - テーマ変更!  (2011-07-25)

今まで使用してきた当方のWordPressブログのデザイン、当ブログサイト開設時から約2年半。 この度変更してみました。 今まで使用してきたテーマはWordPress2.7の時代にテキストを参考に自作したものでした。 今回はまた最初から作成するのも大変なので、今までのテーマをカスタマイズすることにしました。 (...

WordPress - W3C(CSS)がSyntaxHighlighterでエラー!  (2010-09-13)

先日あたりから、再チェックしてきた「W3C(XHTML1.0・CSS)」チェック。 うまくいっているように見えましたが、 記事内にソースコードを記載する際に「SyntaxHighlighter」というコードを綺麗に表示させるプラグインを使用すると、 このプラグインの「shCore.css」で「W3C(XHTM...

ブログのW3C(CSS)チェック!  (2009-03-02)

   昨日、自分の ブログページ のW3Cチェックを行いましたが、今日はW3CのCSSの方をチェックしてみました。 エラーは意外と少なく10個ほどでした。 エラーの内容は、ほとんどがケアレスミスでしたが、他にクロスブラウザ対応の記述部分がエラーになってました。 IE用の記述部分ですが、IEってかなりのくせも...