もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
CSS レイアウト切り替えスイッチ | WWW WATCH
Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレ... Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。 じゃあ、その人の好みで、3つのレイアウトを切り替えられるようにしたらいいじゃんということで、そんな CSS 切り替えスイッチを作ってみました。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら （zip ファイル / 10KB） デフォルトでは横幅固定のレイアウトになっています。スイッチを押すたびにレイアウトが選択
TRANS - WordPressで企業サイトを作る際によく使うプラグイン
2009年10月30日（追記）：プラグインを見直し、こちらで公開しています。 2008年8月9日（追記）：この記事はちょっと古いです。最近よく使っているプラグインはWordPressをCMSとして使うときに必ず使うプラグイン6選-Re:Creator’s Kansaiに書いています。 WordPressで企業サイトを作る際に、僕がよく使うプラグインを書き出しておきます。簡単な説明は僕が付け加えたもの、もっと詳しい説明はほかの方が説明してくれている日本語のブログなどにリンクを貼っておきます。それでは、以下から。 追記（2007年7月11日）1点付け加え忘れていました。以下のプラグインを1つのWPに入れた場合などは、いくつかうまく起動しないことがあると思います。そのへんの使用には注意してください。 大体毎回使うプラグイン Customizable Post Listings WPのテンプレート
Forgot the Milk. - これは楽しい！10秒でWeb2.0風のボタンをサクサク作れちゃうボタン・ジェネレータ・サービス | My cool button
My cool button というサービスが楽しいです！ Web2.0風ボタンをオンラインで簡単に作成、ダウンロードすることができます。シンプルなボタンならものの10秒で完了しちゃいます。しかも、クオリティが高い！しかも、自作アイコンも取り込める手の凝りようです。 ちなみに、ためしにこんなの作ってみました。（どれもサクサクってできちゃいます） ぜひ、一度遊んでみてください。ただボタン作ってるだけで楽しくなっちゃいます。 My cool button タグ [webservice] [webdesign] 同じカテゴリーのおすすめ記事 Gmailよりも巨大なファイルを送れる７つのサービス - Forgot the Milk. gooラボからダラ見型の新検索サービス「goo空とび検索」公開 - Forgot the Milk. これはすごい！201の動画サイトをリストアップした究極のオンライ
[ スクリーンショット.jp ] - マルチブラウザでレイアウトチェック
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum
Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」（IEの場合）または「このリンクをブックマーク」（Firefoxの場合）してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか？」とのセキュリティ警告が出ま
15,000個以上！最強のアイコン集サイト『FreeIconsWeb』 | P O P * P O P
素敵なアイコンがたくさんダウンロードできるのがFreeIconsWebです。全部で15,000個以上あるそうですよ。 ↑ なかなか素敵ではないかと・・・。 こうした素材集サイトは知っておくと便利ですね。ブックマークに加えておいてはいかがでしょうか。 なお、ご利用の際は配布元のライセンスをご確認ください。 » Free Icons Web – Free Icons,Free Icons Download,Free window icons,Free xp icons,Free computer icon
IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP
よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the
ウェブ2.0っぽいストライプ画像が簡単に作れる『Stripe Generator』 | POP*POP
これは素敵。最近はストライプ柄のデザインをよく見るようになりましたよね。そんなストライプ柄を簡単に作ってくれるジェネレータをご紹介。 これを使えば簡単に2.0っぽい（死語？）デザインを作ることができますね。 使い方も簡単です。以下に画像付でご紹介。 ↑ ストライプの太さや色、背景色などを決めていきます。ストライプに影もつけられますね。 ↑ 右の画像をクリックすればプレビューできます。できあがったら「DOWNLOAD」をクリック。 ↑ このような画像ができるので背景に指定すればOKです。 ご自身で作ってみたい方は以下からどうぞ。 » Stripe Generator – diagonal stripes background tiles ■ おまけ こうした2.0っぽいジェネレータはいろいろありますよね。せっかくなのでまとめておきます。よろしければどうぞ。 Web20Generator: X
JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」:phpspot開発日誌
JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」 2007年03月27日- ruzee.com - Steffen Rusitschka ShadedBorder - JavaScript Round Corners with Drop Shadow Rouding corners with JavaScript has a long history. Everything started on 16th of March 2005 with Nifty Corners and loads of other libs followed. JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」。 同様のライブラリに Nifty Corners がありますが、これを更に進化させ、使いやすく、高速に、かつよ
はてなグループのトップページのHTMLに少し手を加えてみよう - in between days
昨年末からはてなグループを本格的に使ってます。本業のほうでプライベートのはてなグループを立てて、日々の進捗状況や文書やメモ書きなどをできるだけ書き込んで情報を集約するとともに、共同作業しているひとにもグループに入ってもらってグループウェア的な使い方も試してます。 はてなグループといえばたぶん「サブアカを取らないでも書けるサブ日記」くらいに考えてるひとが多いとおもうんですがというかそういう使われ方がほとんどじゃないかとおもうですが、実はこんな感じに意外と機能は揃ってるんですよね。 日記 はてなダイアリーとほぼ同じ日記システム。日記だけはユーザーが管理できる。 キーワード グループ固有のキーワード空間。Wikiっぽく使える。 カレンダー はてなダイアリーのカレンダーと同じもの。 掲示板 いわゆる掲示板。 あしか はてな流のTODO管理システム。 トピックツリー グループ内の日記の言及関係を掲示
Japanese Traditional Colors
桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Layouts.com | Free MySpace Layouts, Web Templates
クォリティの高いフリーで使えるベクトル画像１１選*ホームページを作る人のネタ帳
無料で使えるデザインテンプレート集 14サイト - DesignWalker
//// COLOURlovers :: loving colours since 1981
Open Design Community - Download Free Web Design Templates - OpenDesigns.org
新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN' LISTEN::::::to the silence:::::::
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
