2011/10/17 @8:35
By geirarne (CC BY-NC-SA 2.0)
YUI Compressorを使ってCSS3 Media Qureriesの入ったCSSを圧縮したらうまく動かなくなった。なにかと思って調べてみたら、どうやらYUI Compressor 2.4.2の問題らしいです。最新版を使えば問題なさそうですが、まだ古いバージョンを使っている方はお気をつけください。 続きを読む
2011/09/23 @6:40
前回のTwitter APIについてのまとめでTwitter for MacのConsoleについて触れたのですが、使い方が分かったので簡単にまとめておきます。前回の記事で紹介したTwitter Devサイトのウェブ版コンソールよりサクサク動きますし、Twitter APIのテストの際には心強い味方になってくれそうです。 続きを読む
2011/09/23 @6:04
Twitter APIを使用する機会があって、結構はまったところがあったので今後のために覚え書き的に注意点とリンク集をまとめてみました。twitteroauthあたりの既存のライブラリを使える環境だったら関係ないとは思いますが。。。 続きを読む
2011/08/24 @10:29
最近iPhoneでモバイル対応のサイトを作っていて気づいたんですが、iPhoneを縦（Portrait）から横（Landscape）表示に変更した際、フォントサイズが大きくなってしまうんですね。。。
「これは困った」と、思って調べてみたら、簡単な解決策がありました。
iPhoneの横表示の時のみに指定されるように、Media Queriesを使って以下のように記述すれば良いはずです。
@media screen and (min-width: 360px) {
* { -webkit-text-size-adjust: none; }
}
Preserve HTML font-size when iPhone orientation changes from portrait to landscape – Stack Overflow
2011/08/12 @12:22
いつもためになるツールや手法を紹介しているコリスさんでも紹介されていた「CSS3 PIE」がすごく良い感じだったのでご紹介。
このPIE、Progressive Internet Explorerの略で、Internet Explorer 6、7、8でサポートされていないborder-radiusやbox-shadowなどのCSS3の機能を実現するためのスクリプトです。シンプルかつCSS3の仕様に準拠した指定方法で実装できるところがすごく良い感じです。 続きを読む
2011/08/04 @11:20
Photo by Francisco Javier Argel
最近、ウェブサイトのリフォーム作業をしていて、つくづくウェブサイト制作って難しいなぁと実感しています。そんな「難しい」の一つ、今回はナビゲーションについてちょっとまとめておきたいと思います。
きっかけは、先日行った社内レビューでした。
「必要な情報にはトップページから1クリックでたどり着けるべき」といった旨のコメントをもらって、改めてナビゲーションについて考えたさせられてしまったのです。「1クリックはいくらなんでも無理だろう〜。」なんて思いつつ「じゃぁ、なんクリックだったらいいんだ？」なんて疑問に思ってみたり。。。 続きを読む
2011/07/29 @12:10
レスポンシブ・デザインでサイト制作をする際に困るのが画像のサイズ。今とりかかっているサイトでも、対応策に悩んでいるところです。
そんな問題を解決してくるのがFilament Groupという制作会社が使った「Responsive Images」という、JavaScriptとApacheの.htaccessを使った仕組です。まだ実験的なものでプロダクションレベルのものではないかも知れませんが、Githubでソースが提供されているので、ここから改善したものをフォークするのもありですね。 続きを読む