PixelDesign Workshop Rotating Header Image
WordPress Entrys
HTML5アニメーションツール Hypeを使ってみました

HTML5アニメーションツール Hypeを使ってみました

これでFlashはいらなくなる?ともいわれるHTML5アニメーションツール 「Hype」、Mac App Storeからダウンロードして使ってみました。 日本語ローカライズ版もあるような記述もどこかにあったのですがそれは見当たらず(探し方が悪かったのかも)、残念ながら英語版でしたが日本語環境での不具合は今のところフォントのごく一部しか使えないという程度に収ま [...]

レイアウトをマイナーチェンジ、960グリッドシステムを取り入れてみました。

レイアウトをマイナーチェンジ、960グリッドシステムを取り入れてみました。

このサイトの基本的なデザインは、エディトリアル的ないわゆるマガジンレイアウト(?)を意識しているのですが、そういったレイアウトをきれいにまとめるためにはグリッドシステムを取り入れることがポイントのひとつになるな、と以前から感じていました。 参考にさせていただいたのはこちら。Web Design Recipesさんのこちらのページです。 それとこちらのAndr [...]

トップのタイトルイメージを入れ替えました

トップのタイトルイメージを入れ替えました

見た目はあんまり変わらないのですが・・・ 自分のサイトがiPadでちゃんと見えないというのはあんまり気持ちのいいことではないのでヘッダのタイトルムービーをFlashからHTML+jQuery+CSSに変更しました。 これでPCとおなじくiPadでもタイトルイメージを見ることができるようになりました。多分に自己満足なのですが、それにしてもキモチイイ。 HTML [...]

DreamWeaver CS4 導入しました

DreamWeaver CS4 導入しました

とりあえずはCSSEditで何とかなっているWord-Pressのカスタマイズ環境ですが、いくらXHTMLで簡素化しているとはいえ、やっぱりいろいろ助けてくれるHTML編集ツールが欲しい、ということでDreamWeaverを導入することに。しかも今ならCS4からCS5へ、無料アップグレードの特典付きだったのです。 実際欲しかったのは、5月末に発売されるCS5 [...]

トップページリニューアル

トップページリニューアル

今回のリニューアルの目的は、CMSとしてWordPressの仕組みを最大限生かしながら、ブログっぽくない、いわゆる(最近流行のようですが)マガジンスタイル、というかもう少しタイポグラフィっぽい「ニュースペーパー」スタイルを実現したいというところです。 デザイン的には基本的なレイアウトとタイポグラフィだけで雑誌っぽい感じのデザインにしたいという目的がありました [...]

CSSEditでWordPressカスタマイズ環境を

CSSEditでWordPressカスタマイズ環境を

CSSEdit。CSSに限っていえばDreamweaverよりはるかに使いやすいものです。 残念ながらフリーウエアではなく、39.95ドルのシェアウエアですがコストパフォーマンス的にはとても高いといえるでしょう。 MacRabbit – CSSEdit – Web 2.0 in Style またとてもありがたいことに日本語化するインス [...]

the_excerpt()の文字数を変更する

the_excerpt()の文字数を変更する

いわゆる「抜粋」を作ってくれるthe_excerpt()ですが、アンカーに関しては「WordPressのmoreタグを変更するプラグイン MoreLink#Remove」がなんとかしてくれるものの、110文字で抜粋というのも変更したいことは多々あるはずです。 というわけで変更する方法は、なんとWordPressにデフォルトではいっているWP Multibyt [...]

the_excerpt()とthe_content()、それとmore...

the_excerpt()とthe_content()、それとmore…

投稿記事が長くなってしまうとページ自体もかなりの長さになってしまいます。最近はほとんど光ファイバーになってきて、ページの重さはあんまり気にならないようになって来たとはいえ、ユーザビリティー的に言ってもおおむねファースト・ビュー(スクロール無しに最初に表示される部分)ぐらいに収まるとブラウズもきびきび進めるのではないでしょうか。 そのためにWordPressに [...]