Archive for 2015年 2月

PC用とスマホ用のレイアウト切り替えボタンをつくる

PC-スマホの切り替え

WPtouchを使っていた頃にはPC用とスマホ用のレイアウトを切り替えるボタンがありました。
レスポンシブデザインにしてからはいらないかなと思ったんですが、スマホ用のレイアウトではどうしても情報量が少なくなってしまいがちです。
そこでレイアウト切り替えボタンをjQueryで実装してみました

家族の修理屋

家族の修理屋

最近というか、今年度になってから家にある家電なんかを修理することが増えてきました。
なぜか壊れたら私に渡される、そして「直せる?」と聞かれます。
「壊れたんなら買ったらいいじゃん」って思うんですけどね・・・

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

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

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

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