これでFlashはいらなくなる？ともいわれるHTML5アニメーションツール 「Hype」、Mac App Storeからダウンロードして使ってみました。
日本語ローカライズ版もあるような記述もどこかにあったのですがそれは見当たらず（探し方が悪かったのかも）、残念ながら英語版でしたが日本語環境での不具合は今のところフォントのごく一部しか使えないという程度に収まっています。
単純にこのページのトップの画像スライドのアニメーションを作ってみましたが（今、トップページで動いているものです）、この程度だったらかなり簡単で、 続きを読む HTML5アニメーションツール Hypeを使ってみました
最近はブログスタイルの情報サイトを見ることが多く、そういったページはかなり長くなる傾向があります。記事をたどってずっと下まで見行き、またそのサイト内を移動するのにトップのナビゲーション部分の戻る、というときに、ブラウザ自体に「トップに戻る」というボタンがあればいいなと常々思っていました。
もちろんMac SafariならCommand+↑でいっぱつでトップに戻れるのですが、ブラウザを使っている時はどちらかというとキーボードよりはマウスを使っているのでいちいちキーボードに手を伸ばすのもかなり面倒です。
続きを読む 思いのほか便利だった「トップに戻る」ブックマークレット
このサイトの基本的なデザインは、エディトリアル的ないわゆるマガジンレイアウト（？）を意識しているのですが、そういったレイアウトをきれいにまとめるためにはグリッドシステムを取り入れることがポイントのひとつになるな、と以前から感じていました。
参考にさせていただいたのはこちら。Web Design Recipesさんのこちらのページです。
それとこちらのAndrée Hanssonさんの960 Gridderのページ。ここでは右上のボタンを 続きを読む レイアウトをマイナーチェンジ、960グリッドシステムを取り入れてみました。
だいぶ前からその存在はわかっていて、どの辺が使いどころかと悩んでいたのがAdobe kulerです。ところがそれとは別に最近Ilustrator CS5の「編集→カラーを編集→オブジェクトの再配色」（Illustratorに登場したのはCS3から）をいろいろ試していると、これとkulerとを組み合わせるときれいでしかも理論的な裏付けのある色の使い方が比較的簡単にできそうなのがわかってきました。
このAdobeのチュートリアルビデオを見ると（英語ですが・・・）ほぼ理解できるのですが、こういったメソッドに沿った色の決め方も、これに頼るというのではなく色構成のベースとして利用するという使い方は、見てこころよいデザインに近づけるために大事なポイントになってくるのではないでしょうか。もちろん最終的な選択はあくまでデザイナーのセンスで決めるべきですが。
続きを読む いろんな分野でのカラーシステムづくりに役立ちそうなAdobe kuler