どのグラフを使えばいいかを１枚の画像にまとめてみた…の図を日本語化してみた - 適宜覚書はてな異本
皆大好き自分も大好きな二十歳街道まっしぐらにはネタ帳という記事が定期的に挙がります。自分も普段記事にするネタをあれこれ自力で探している訳ですが、カメきちさんのネタ放出はかなり美味しい。という訳で有り難くご相伴に預り、 【ネタ帳】bitlyで短縮されたURLから動画だけを抜き取ったサイト「bitly.tv」 + 25記事*二十歳街道まっしぐらより拝借。 元々の絵は当然英語(YjWta.jpg (1024×767))なんだけど、ちょいと単語が分かりにくいので自分なりに妥当な用語をあてて日本語化してみました。 とってもひどい蛇足 まあ、普通にグラフ作ってるだけなら棒グラフ、線グラフと円グラフがあれば足りると思います。組成分析のためにウオーターフォール使うあたりになるとパレート分析やマトリクス分析に手が出始めて多分こういった図にまとめると言うのは厳しいかと(^^;; 後ですね、散布図が右にも左にも
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
CSS のみで吹き出し
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
灰色ハイジ.com
埼玉便利帳（当サイト）の管理人ハイジです！ この埼玉便利帳は、埼玉県で生活する方々便利で、かつ地元にある良いもの良い場所などを再認識してもらえるよう作りました。埼玉県内にある評判の良い医者や弁護士事務所、不動産屋さん、レストランの情報から、観光名所などなど盛りだくさんでお届けします。 埼玉便利帳の更新作業は一人で行っていますので、ちょっと時間が取れず更新が遅くなることもあるかもしれませんが、そこは皆様、ご容赦いただければ幸いです。 一応念のためですが、埼玉便利帳の情報の利用はご自身の判断の元ご活用ください。情報の正確さや新しさなどについて当サイトは一切の責任を負いません。
商用無料、クレジット表記不要のパターン配布サイト – creamu
すごいサイトを見つけました。 商用無料、クレジット表記不要のパターン配布サイトです。 ↑のようなパターンが、jpgだけでなくpatも配布されています。Photoshopで開けばパターンとして読み込むことができて、継ぎ目なしのパターンになっています。 Terms of Use All royalty free stock icons, clip art, images, brushes, custom shapes, layer styles, layered PSD’s, patterns, textures, themes and other design resources on this website are free for use in both personal and commercial projects. You may freely use them in softw
おまいらの気に入ったデザインの画像ください あんか～びっぷ
2024 . 03 « 123456789101112131415161718192021222324252627282930»2024 . 05 1 ：以下、名無しにかわりましてVIPがお送りします[sage]：2009/08/23(日) 22:59:07.05 ID:3qEYnrMv0おまえらのセンスに期待してます！ 7 ：以下、名無しにかわりましてVIPがお送りします[]：2009/08/23(日) 23:10:31.82 ID:nd6WGh8p0こういうのでいいのか？ 8 ：以下、名無しにかわりましてVIPがお送りします[sage]：2009/08/23(日) 23:11:48.95 ID:3qEYnrMv0>>7 あきらめていた矢先に・・・ ありがとう！ 16 ：以下、名無しにかわりましてVIPがお送りします[]：2009/08/23(日) 23:30:19.71 ID:OCP5
かっこいいホームページ :: デイリーポータルZ
かっこいいとはどういうことか その定義すらわからぬまま、僕たちはかっこいいものに惹かれてきました ここでは「かっこいい」にこだわり続ける写真家６人に、それぞれの思うかっこよさを表現してもらいます かっこいいとはどういうことか 人類最大の疑問に今、答えが見つかるかもしれません
鉛筆彫刻 Pencil Carving
鉛筆彫刻は、JADプロジェクトの行なう展覧会の「顔」とも言うべき作品で、現在では水田黄昏と加藤邪道が主に制作している。基本的な形状には「二重螺旋」「チェーン」「リング」そして鉛筆の表皮に模様を彫り込んだ「亀甲」の４種類がある。それ以外の「六重螺旋」 「伸縮自在」「三角四角五角六角」などはこれらのバリエーションと見ることができる。鉛筆彫刻は、鉛筆の木の部分に彫刻を施したものである、と言ってしまえばそれだけのことであるが、そこには木の部分を芯の部分から浮かすような細工をする、あるいは芯を完全に取り去ってしまって木の部分だけで鉛筆の本来の形状を保つようにするという高度なテクニックが使われているのである。 このような鉛筆彫刻が一応の完成をみたころに、１つの転機が訪れた。「chained-pencil」に端を発した「一層の木から二層の造形を彫り出す」という大幅な技術革新がそれである。しばらくして作
75年前に描かれたドイツの感電注意イラスト13枚 : らばQ
75年前に描かれたドイツの感電注意イラスト13枚 1933年のドイツで、感電防止を目的としたマニュアル本が出版されていました。 1931年にエジソンが84歳で他界したとき、白熱電球を普及させた功績を称えて全米では1分間電気を消したそうですが、その2年後ということになります。 当時の設備環境や電気に対する認識などが見えて、なかなか興味深いイラストです。 「陸橋の上から立小便してはいけない」 それ以前の問題と言う気もしますが、実際に感電するんでしょうか、これ…。 「2つの電源から伸びた電気スタンド触ってはいけない」 今時の電気製品は安全に作られているということでしょうね。 「シャンデリア、クリスマスツリー、電気製品に接触していると危険」 かなりテクニカルな状況ですが、可能性は否定できません。 「濡れた状態で電球に触れない」 これは今でも常識ですね、理科の授業で口を酸っぱくして言われました。 バ
フリーのドローソフト「Inkscape」が面白い - ただいま村
Illustratorのようなベクターデータを編集する「ドローソフト」のひとつとして、「Inkscape（インクスケープ）」があります。UNIX由来のソフトで、無償で利用できるのがありがたい。 そろそろ年賀状を作らないと、と思ってInkscapeを入れてみたら、これはIllustratorなしでもかなりいけそうな感触。皆さん使ってみては、と思って紹介します。 自分の環境がMac OS XなのでMac主体で書いていますが、ダウンロードとインストール、初めて使う人向けの解説（チュートリアル）はWindowsでも大丈夫な記事へリンクしています。 ダウンロード Inkscape. Draw Freely. うへー英語だーと思ったあなたでも、右上の「↓Download Now!」をクリックすれば大丈夫。 インストールと実用的なチュートリアル Macでは、X11をインストールしてからInkscapeを
HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン:phpspot開発日誌
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。もちろん、日本製のプラグインなので日本語もきれいに段組みにします。HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグインの紹介。 次のようにコードを書くと、複数のブロックを簡単に4カラムにすることが可能です。 $("#sample1").multicol({colNum:4, colMargin: 10}); マージンを指定できるところも良いですね。 関連エントリ 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 CSSレイアウトのチート集「CSS Layout Cheats
見栄えがよく、分かりやすいエクセルのグラフを作成する5つの簡単なテクニック | コリス
Chandoo.orgのエントリーから、見栄えがよく、分かりやすいエクセルのグラフを作成する5つのテクニックとカラフルにデザインされた73のエクセルのテンプレートを紹介します。 How to NOT spend $ 150,000 and still dress up your charts 色の代わりにグラデーションやパターンを使用したグラフ 色の代わりに画像を使用したグラフ 注目するポイントにテキストを配置したグラフ オリジナルの色を使用したグラフ ラベルに画像を使用したグラフ デザインされたグラフの73のテンプレート [ad#ad-2] 色の代わりにグラデーションやパターンを使用したグラフ グラフの配色にフラットな色ではなく、グラデーションやパターンを使用します。 スライドに使用する際は、グラデーションを控えめに。 グラフを右クリックし、「データ系列の書式」を表示します。 「パターン
コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ
らばQ:立体的な路上絵は製作過程を見ると凄さがわかる
立体的な路上絵は製作過程を見ると凄さがわかる 地面のある方向から見たときだけ立体的に見える絵です。 3Dの地面絵は人気でときどき見掛けますが、製作場面と最新作がありましたので紹介します。 路上にこういったイラストや絵画がたくさんあれば、村おこし出来るんじゃないかって程インパクトがありますね。 横から見るとこんな感じ、思った以上にでかい。これが上の車になるなんて、どういう空間認知能力を持ってれば描けるのか不思議。 Julian Beever氏の最新作 これはすごい。人が配置されてると目の錯覚なことがよくわかりますね。シンプルに見えて、色ムラのサイズまで計算されてます。 こっち側から歩いてきたらギョッとしそう。逆に向こう側から見てる人は、何がなんだかわからないのも面白い。 足を踏み入れたら落っこちそうです。3Dというだけでなく、絵描きとしての想像力も満載です。 記念撮影スポットにしたらお金出す
別の意味で立体的に見える立体駐車場 - ライブドアニュース
立体駐車場だから立体なのは当然ですが、別の意味でも立体に見える駐車場がありました。 いったいどういうことでしょうか。 でかでかと「IN」と書いてありますが… そうです、入り口から見たときだけ読める、立体文字になっています。 出口もこのとおり。かなり正確に計算されていますね。 下のフロアに空きがあっても、上に行ってみたくなります。 殺伐とした駐車場も、こういう仕掛けがあると楽しくなりそうですよね。 アングルが変わるとこんな感じに。 「 」を見ると立体絵の凄さが実感できると思います。 より 関連記事
Yahoo! のウェブのデザインパターンの共有ライブラリ集
Yahoo! Developer Network から、ウェブ設計時のデザインパターンの共有ライブラリがPDFやPNGなどでダウンロードすることができます。 Download a Stencil Kit ダウンロードできるのはOmniGraffle、Visio、PDF、PNG、SVGとなっており、多種多様なデザインパターンがセットとなっています。 PDFでは、コードへのリンクも記載されています。 Ad Units Calendars Carousels Charts and Tables UI Controls Form Elements Grids Menus and Buttons Mobile - General Mobile - iPhone Navigation and Pagination OS Elements Placeholder Text Screen Resoluti
ウェブデザイナーのための16のFirefoxのアドオン | コリス
Mashableのエントリーから、ウェブ制作に役立つ、16のFirefoxのアドオンを紹介します。 Another 16 Firefox Add-ons For Web Designers Font Finder テキストに指定されているスタイルシートを表示します。 Link Evaluator ページのリンクをチェックします。 LiveHTTPHeaders ヘッダ情報を表示します。 OperaView Operaでのレンダリング確認用に。 Pagediff 別々の2ページの差分をチェックします。 Python Sidebar for Mozilla サイドバーにPythonのリファレンスを表示します。 RankQuest SEO関連の各種情報を表示するツールバー。 SEOforFriefox GoogleやYahoo!の検索結果ページに、SEO関連の情報を表示します。 SEOQuake
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mascot character logo design
bookma! - 404
ウェブの画面設計に使えるまとめ - DesignWalker
