タグ

htmlに関するybuckeyeのブックマーク (5)

  • html5 ざっくりメモ

    html5 関係無いのも有るかもですが、個人的にhtml5の要点をまとめたメモ。 ほんとにざっくり書いているので、何か期待しても何も出ません>< 日語が含まれる場合、title要素は charset の後(次)。 address要素は連絡先情報に使う。 例えば企業サイトの各支店の住所一覧とかに使うのはNG。ブログとかで、上手い店とかの住所にaddressを使うのもNG。 あくまでも、そのサイトの管理者への連絡先。なので、copyrightに使うのもNG。 copyrightはsmall要素が妥当。 なので、p small copyright って感じになる。 nav要素はあくまでも主要なナビゲーションに使う。 主要なってのは具体的にはグローバルナビゲーションやローカルナビゲーション。 なので、関連リンク一覧とか、ページ内にあるちょっとしたリンクに使うのはNG。 hgroup要素は、見出し

    html5 ざっくりメモ
  • テーブルを見やすく、使いやすくするためのアルティメットガイド

    ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「(エクセルでいうところの)行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単

  • cohtan blog: VimでHTMLやCSSの保存と同時に各ブラウザのリロードを実現する

    2008年3月3日 VimHTMLCSSの保存と同時に各ブラウザのリロードを実現する 最近はHTMLCSSも書いてます。 ずっとVimを使って書いているのですが、いちいちブラウザチェックの為にリロードするのがめんどくさくてかないません。 皆さんそう思っているようで、 CSSを保存したときにブラウザを更新 mac+applescript+emacs+safari というエントリを見つけました。 Emacsウラヤマシイ!Vimでもやりたい! ということでvimrcとAppleScriptを連携させてやってみました。 しかも、 Mac+AppleScript+Vim+Safari+Firefox+Opera という感じで、Safari & Firefox & Operaも同時更新させるようにしました。 まずはAppleScript。 /Applications/AppleScript/スク

  • Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法

    Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ

  • data2html

    data2htmlCSVやTAB区切りのデータから HTML で表を作ってくれるソフトウェアです。 データを瞬時にホームページにすることができます。 目  次 1.機能概要 2.画面の説明 画面の名称 3.操作方法 A. CSV形式のファイルから表を作る B. TAB区切り形式のファイルから表を作る C. CSV形式のデータをインポートして表を作る D. TAB区切り形式のデータをインポートして表を作る E. 書式を設定する F. フォントを指定する G. 制作したHTMLコードを保存する 4.障害対策 ・ ファイル拡張子の問題 ・ Unicode対応 5.サポート ・ サポート窓口 ・ 動作環境 ・ Webサイトの表示について ・ 著作権および責任の制限 1.機能概要 「data2html」はCSV形式およびタブ区切り形式のデータから、HTMLコードで表を作ります。 入力方法はファイ

  • 1