タグ

JavaScriptとCSSに関するhaganeのブックマーク (3)

  • フロントエンドチューニングの箇条殴り書き

    普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim(or 相当の処理)。 JPEGはプログレッシブで画質60くらい(オレ目安) PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない 案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ

    フロントエンドチューニングの箇条殴り書き
  • タブUI詳解

    タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル

  • web制作者の為の2007年7月に見逃がせないベストエントリ66個ほど*ホームページを作る人のネタ帳

    2007年7月に話題となったエントリーの私のブックマーク66個のまとめです。 もしかしたら見逃してしまっている記事があるかもしれませんので、興味のある方は暇なときにでもダラ見してみてください。 アイコン・ブラシ アイコンサーチエンジン フリーで使えるアイコンのサーチエンジン。 フリー・ダウンロードのためのアイコンセット ロイヤリティーフリー。 シンプルなアイコン ライセンス:CreativeCommonsらしいです。 ボタンアイコンジェネレータ『buttonboost』 ボタンアイコンを生成するwebサービス。 多くのボタンを短時間で生成する。種類も豊富です。 使い方のレビューはこちら WEB2.0バッチアイコンジェネレータ WEB2.0なバッチのアイコンを生成します。クオリティ高すぎですが、現在笑えるほど重いです。 国旗アイコン、国旗バッチ ダウンロードファイルは2種類。 一つは大きな画

    web制作者の為の2007年7月に見逃がせないベストエントリ66個ほど*ホームページを作る人のネタ帳
  • 1