テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
被リンク獲得：無料で誰にでも出来るSEO効果の高い方法 | パシのSEOブログ
「WordPressブログの内部SEO対策」、「無料ブログのSEOとアクセスアップ」につづき、無料で誰にでも出来るシリーズ第三弾として、今回は被リンク対策を取り上げます。 SEO対策の効果は被リンクによって大きく変わってきますが、今回は有料リンクの購入や有料ディレクトリ登録を行わずに無料で実施可能な被リンク獲得法についてまとめてみます。 有益なコンテンツを作ってナチュラルリンクを集めるのが最も良い方法ではあるのですが、「そんな事は分かってるけど、有益なコンテンツって具体的に何？」という意見も多いので、今回は誰にでも出来る方法に絞ります。 手間や時間がかかる対策 被リンク獲得法にも手間がかかるものとかからないものとがありますが、手間がかかる対策というのは実施する人が少ない分、効果がある可能性が高いという事になります。 相互リンク いまさら相互リンクと思うかもしれませんが、相互リンクは企業サイ
次のデザインに使えそうな綺麗なアイコン集:phpspot開発日誌
次のデザインに使えそうな綺麗なアイコン集ということでSmashing Magazineさんで綺麗なアイコンがまとまっています。 デザインに使ってしまうのがもったいないぐらいにアイコンが作りこまれていますね。 以下のエントリを参照してください。 50 Beautiful Free Icon Sets For Your Next Design - Smashing Magazine 関連エントリ 2009年に発見した秀作アイコンのまとめ iPhoneアプリのツールバー部分に使えそうなアイコン色々
かっこいいjQueryのスライダー25 – creamu
WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。 いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。 jQuery Plugin – Feature List 左にナビゲーションがあって自動で切り替わる Accessible News Slider ナビゲーションがわかりやすいニューススライダー。広げる、たたむ機能もあり Animated JavaScript Accordion V2 シンプルで使いやすいアコーディオンメニュー Easy Slider 1.7 – Numeric Navigation jQuery Slider とてもクールなスライダー。左右にナビゲーションあり SlideItMoo 1.1 – improved image slider 左右のナビゲーションでスライドするタイプ M
「Web担当者が押さえておきたいTwitter関連の無料サービス」 by. 編集部 - MdN Design Interactive
「Web担当者が押さえておきたいTwitter関連の無料サービス」 2009年10月5日 TEXT：編集部 Web担当者向け無料サービスいろいろ 企業で利用されるケースが多くなったTwitter。そこで今回は、Web担当者がTwitter利用時に役立ちそうな無料サービスを集めてみました。管理・運用時にお役立ていただければと思います。 追加・訂正などの情報がありましたら、MdN InteractiveのTwitterアカウント@MdN_tsushinまでご連絡ください。 運用支援サービス ●TweetMeme http://tweetmeme.com/ Webサイト上にTwitterでつぶやくボタンを設置できるサービス ●ついったー（Twitter）発言まとめツール http://twitty.jp/matome.php Twitter上での発言をまとめてWebサイト上に掲載したい場合に役立
HTML 5 のめんどーくさい仕様
めんどくっさーいのは「セクショニングコンテンツ」「見出しとセクション」辺り。セクショニングコンテンツセクショニング・コンテンツとは、見出しやフッターを表す範囲を定義するコンテンツのことです。→article aside nav section各セクショニング・コンテンツ要素には見出しとアウトラインを入れることを想定しています。詳細については、「見出しとセクション」をご覧ください。引用元：http://www.html5.jp/tag/models/index.html#sectioning-content-0今まではdiv要素でブロック要素のまとまり（セクション）を作っていたけど、HTML5では新たにarticle,aside,nav,section要素が加えられて、まとまりに意味づけができるようになったわけだ。article ドキュメント、ページ、サイトの独立した部分を形成する構成からな
検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
HTML5サンプル集 - 株式会社あゆた
このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと
ＰＨＰの開発効率を上げる１０個の関数 - PHP,MySQL,Flex,JSな日々＋イラストとか
「追記とか」にコメントの返答や追記をしてますので合わせてどうぞ。 かれこれ３年くらいPHPをやっているので、せっかくなので１０個の便利な関数を並べてみました。 作業効率がかなりアップするので、これからPHPをやってみようかなぁって思う方は知っておくと便利だと思います。 変数、配列の内容をキレイに表示する関数「d」 変数や配列の内容をHTML構文でキレイに表示してくれます。 しかも、var_dumpと書くとタイピングが大変なので「d($hoge)」として簡単に記述。 これだけでも作業効率8倍 function d() { echo '<pre style="background:#fff;color:#333;border:1px solid #ccc;margin:2px;padding:4px;font-family:monospace;font-size:12px">'; foreac
PHP で引数をそのまま返す関数を作っておくと便利 - IT戦記
PHP では以下のように new してすぐメソッドを呼べない <?php new DateTime()->getOffset(); なので、引数をそのまま返す関数を作ってやると <?php function expr($a) { return $a; } expr(new DateTime())->getOffset(); // OK! 便利だなー おまけ 配列アクセス用のも作っておくと便利 <?php function expr($a) { return $a; } function idx($array, $i) { return $array[$i]; } echo idx(idx(expr(new DateTimeZone('Asia/Tokyo'))->getTransitions(), 0), 'abbr') . "\n"; おまけ2 無名関数をそのまま呼ぶときにも使える。 <
【特集】詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 (1) はじめに - 本特集の趣旨 | エンタープライズ | マイコミジャーナル
Google I/Oの基調講演で大きく取り上げられて以来、HTML 5に対する注目度は増すばかりだ。仕様に関する議論もWHATWGのメーリングリストで日々活発に行われ、ブラウザによる実装も着々と進んでいる。 本記事は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。HTML 5の仕様はまだまだ流動的であり、実装状況も刻一刻と変化しているが、HTML 5に対して強く興味を持っている方々に少しでも詳しい情報をお届けできれば幸いである。また、HTML 5で追加される各種の新機能について短時間で把握したい場合は、「5分で把握するHTML 5 - Google Developer Dayセッションリポート」という記事があるのでそちらもお薦めだ。 本特集は全2回から成り、前半となる今回では「HTML5 - HTMLとX
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色見本大辞典 伝統色や366日の誕生色占いのWEB色見本サイト
PHP＆MySQL＋jQueryでページ送りを実装するチュートリアル:phpspot開発日誌
マウスオーバーをデザインする | DesignWalker