Category : Webデザイン

SyntaxHighlighterでCSS3とベンダープレフィックスに対応する

SyntaxHighlighter EvolvedでCSS3やベンダープレフィックスに対応する

私はWordPressでソースコードを表示するのにSyntaxHighlighter Evolvedを使っています。

ふとCSSのコードを書いた時、inline-blockやtransitionがハイライトされなかったんです。
色々試してみたら-moz-や-webkit-も対応していないようです。
どうやらSyntaxHighlighter自体、CSS3やベンダープレフィックスには対応してないみたいですね。
そこでソースコードをいじって無理やり対応してみました。
ゴリ押しではないので今後CSSのプロパティが増えたとしても大丈夫なようになっています。

本格的なフォトログ製作

No Image

2週間ほど前に「本格的になることがあれば」と言って今は別サイトを作らない予定でしたが、気が変わりました。
そもそもこのサイトには来るけど誰もフォトログを見ないんじゃないかと考え、違うサイトを使って見てくれる人を増やす作戦です。
まぁこのサイトに来る人はそんなに多くないんですけどねorz
作るのに夢中になったら3日程度で出来ちゃいました。

HTMLタグを無視して文字列を丸めたい

No Image

ブログいじり中に文字列を丸めたいところがありました。
しかし、その文字列にはHTMLタグが含んでいるという。
普通に丸めるとHTMLタグがおかしくなったり、消えちゃったり・・・
ここではそんなことがないようにうまく丸める方法を紹介します。(大嘘)

勉強法を忘れてしまったテスト

No Image

テストで毎日が寝不足です。
でもそろそろ慣れてきました。
最近「なんでテストなんてやってんだろ」と思うことがしばしばありまして、その影響かテスト勉強が思うようにいきません。
前期なら長い文章をなんだかんだで覚えてたんですけど、今回は覚える気になりませんね・・・

W3C合格バナー

No Image

ブログをいじりまくってる今日この頃。
「Another HTML-lint gateway」で100点を目指すべく頑張っています。
やっと90点ぐらいになったのでW3Cのチェックにも合格するんじゃないかとやってみました。
すると・・・