Google ChromeがVer.41に更新されました。
今回の更新で、なんとUI部分にもデフォルトでDirectWriteが適用されるようになりました。
これでまたMacTypeが効かなくなりました、UIだけですが・・・。
さらに一部の文字が描画されず、そのままでは使えない状態に陥ってしまいました。
PC用とスマホ用のレイアウト切り替えボタンをつくる
WPtouchを使っていた頃にはPC用とスマホ用のレイアウトを切り替えるボタンがありました。
レスポンシブデザインにしてからはいらないかなと思ったんですが、スマホ用のレイアウトではどうしても情報量が少なくなってしまいがちです。
そこでレイアウト切り替えボタンをjQueryで実装してみました。
SyntaxHighlighterでCSS3とベンダープレフィックスに対応する
私はWordPressでソースコードを表示するのにSyntaxHighlighter Evolvedを使っています。
ふとCSSのコードを書いた時、inline-blockやtransitionがハイライトされなかったんです。
色々試してみたら-moz-や-webkit-も対応していないようです。
どうやらSyntaxHighlighter自体、CSS3やベンダープレフィックスには対応してないみたいですね。
そこでソースコードをいじって無理やり対応してみました。
ゴリ押しではないので今後CSSのプロパティが増えたとしても大丈夫なようになっています。
ソーシャルボタンをオリジナルのデザインにする
今までAddThisを使っていたんですが、いろんなサイトを見る限り使ってないんですよね・・・。
そこで最近よく目にするオリジナルのフラットなソーシャルボタンを作ってみました。
テーマのレイアウトの変更
今流行り(?)の画面全体に渡るようなワイドなレイアウトです。
テーマのレイアウト変更と少しだけ配色を変えました。
結構色んなところを変更したので以前のサイトを覚えている人は探してみてください(いない)
WordPress 4.1 「Dinah」にアップデート
12月19日にWordPress 4.1がリリースされました。
早速インストールしてみましたよ!
主な変更点は以下のとおりとなります。
iTunes12のフォントを変更する
iTunes12が少し前に出たのでアップデートしてみました。
アイコンが赤くなったり、フラットデザインが採用されたり、時代の流れですな・・・
それはまぁいいんですけどプレイリストなどの日本語のフォントが汚くなりました。
気軽に「いいね!」できるプラグイン 「WP Likes」
以前からあったらいいなと思っていたプラグインをようやく見つけましたので、試験的ではありますが実装しました。
「WP Likes」はブログ内だけで完結するFacebookの「いいね!」ボタンみたいなものです。
functions.phpに書いている便利なコード
WorpdressやPHPに結構慣れてきたり、検索能力が上がってきたので、コードを書く時にほぼ困らなくなってきました。
テーマファイルの中でよく書き換えるのはfunctions.phpで、これにはプラグインにしなくてもいいけど便利なコードをよく書いています。
jQuery slideUp slideDownがうまく動かない現象
個人的に結構悩んだので、そのメモです。
WordPressのカスタムメニューのドロップダウンメニューをslideUpとslideDownでアニメーションにしようと思ったんです。
セレクタが少し違ってたりしますが、コードはだいたいこんな感じです。