10分でできる、海外Webデザイン風テクニック (1/3)
海外のWebサイトでよく見かけるのが、紙の端を折り込んだようなドッグイヤー（dogeared）デザインだ。たとえばモバイル開発で有名な「yiibu」では、右カラムにあるボックス部分で使われている。 ドッグイヤーデザインは、CSSの擬似要素を利用すると手軽に作れる。もちろん、画像の用意は不要で、HTMLの追加も必要ない。今回のCSS3道場では、シンプルだがWebサイトの見栄えをぐっとアップさせるドッグイヤーデザインのテクニックをマスターしよう。 borderプロパティで三角形を作る ドッグイヤーデザインの1番のポイントは、折りたたまれた「三角形」の部分の作り方。当然ながらCSSには三角形のような多角形を描くためのプロパティは用意されていない。 ヒントはおなじみのborderプロパティだ。borderプロパティは、4辺が以下の図のbのように構成されている（bの図は分かりやすいように4辺の線の色
地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」:phpspot開発日誌
Subway Map Visualization jQuery Plugin | TechBubble 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」。 もうなんでもアリか、という感じですが、次のように地下鉄マップ風のグラフィックを自由に描けるプラグインです。 ULのリストで定義していくと次のように自由に図形が描画出来ます。 東京の地下鉄を作ってみても面白いかもしれませんね。 まあ地下鉄じゃなくてもJRとかでもいい気がしますが。 関連エントリ テーブルの内容をリアルタイムにグラフ描画できるjQueryプラグイン「graphTable」 グラフ描画用のjQueryプラグイン集 jQueryベースの滑らかなグラフ描画ライブラリ「Flot」
GAMER'S EXPRESS ― 何が思考をつくるのか
編集部より 当連載「現象としてのゲーム」は、やや難解な表現を含んでいます。一読しただけでは理解が難しい内容もありますので、複数回読み込む事を強く推奨します。 私はゲームというものが、単に娯楽ということを超えて、とんでもない可能性をもつものだと思っている。こういうことを言うと、直感的に、私のことを、少し頭のおかしい人のように思われるかもしれない。あるいは、ただの個人的な趣味の価値をむやみに振り回して主張するあたまのわるいオタクみたいに思うのかもしれない。 あたまのおかしい人の話を聞く気で聞いていただいてもかまわない。実際、これから話すことは、私の所信表明演説のようなものになる。けれども、単なる思い込みということを超えて、少しは系統立てて話しをしてみたいと思う。 「頭のいい人。まともな人」なるもの 私が仮に頭のおかしい人だとして、逆に「頭のいい人。まともな人」なるものについて少し考えてみてほし
「カレー無料法」の馬鹿馬鹿しさは比喩の馬鹿馬鹿しさだ - 紙屋研究所
もしも「カレー無料法」ができたら - モジログ あまりの馬鹿馬鹿しさにソーシャルブックマークでコメントしてしまったが、さらに驚くのはこの劣悪きわまる比喩をわかりやすいだの素晴らしいだのと手放しで賞賛している人がけっこういることだ。 そりゃ、穴だらけの比喩だろうけれど、それにみんなが感嘆するのは「あるあるｗｗｗ」って思うからだよ。そして、システムを運用するコストに対する意識とか、国民に欠落していることが書かれている。（bizarre_sprout） というコメントが端的にそのナイーブさを告白している。 「規制や補助金や監督官庁の存在が甚大な非効率と無駄を生む」というロジックだけとりだせば、それに共感する人がいるのは何も不思議なことではない。問題はカレーの比喩がそのロジックを浮かび上がらせるのに役立っているのか、マイナスになっているのか、ということだ。 ここで起きていることは、「規制や補助金や
海外Webサイト・海外Web屋の特徴
2013年3月23日 Web関連記事, 海外情報 以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ？」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います！ ↑私が10年以上利用している会計ソフト！ 追記：ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ
Project management, collaboration, and task software: Basecamp
Refreshingly simple project management. Basecamp’s the project management platform that helps small teams move faster and make more progress than they ever thought possible. Try it for free, enjoy work more Got a process to track? Need to watch stuff move through stages? Basecamp’s Card Table is what you need. It’s our unique take on kanban.
What's in the Box? - Test Film 2009
The End Begins: https://www.youtube.com/watch?v=C7TSEgT0pRc http://presskillswitch.com/
HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Iconfinder | Download free icons