グリッドのカラム幅と溝を計算する計算機です。整数値の結果だけを出力します。プレビューはおおまかなイメージなので実寸ではありません。
Welcome to JamGraffiti, Original Illustration & blog of Ichimatsu. About JamGraffiti は、壱茉によるイラスト・雑談サイトです。 Webに関する技術の情報を追いかけたり、美味しい食べ物や良さそうなトイレタリーを求めてうろうろしたり、面白そうなサービスや gadget で遊んだりしています。 News カードゲーム「アイドル×サヴァイブ」キャラクターイラスト(アシュラフ・ジブリール)描かせていただきました2014-01-11T01:58:17+09:00 戦国三国展に参加します2013-10-19T09:14:39+09:00 お仕事絵のページ作りました2011-10-22T22:31:29+09:00 リニューアルしました2011-10-07T18:12:22+09:00 イラスト公募展『桜 Exhibiti
404 Enhancer 自分のサイトの「404 not found」を、簡単にカスタマイズできるプロジェクト。 【設置のしかた】 設置はとてもカンタンです。 1. [サンプルを見る]で、お気に入りの404を探します。 2. [ダウンロード]すると、「htaccess.txt」というテキストファイルがダウンロードされます。 これをあなたのWebサイトの、ホームにアップします。 3. 「htaccess.txt」→「.htaccess」にリネームします。 これで完了!
こんてんつ ぷろふぃ~るズ (2004/11/22) このサイトや娘娘飯店についてと周辺情報 ねこめしにっき (随時) まいにちまいにちぼくらは鉄板の~ 娘娘文書楼 (2004/11/22) 長めの文章ネタや配布物を収めた楼閣 同人誌一覧 (2004/03/08) 娘娘飯店の同人誌ってどんなん~? おえかき物置 (2005/01/24) おえかきした物が入っているものおき 暗い階段 (2003/11/26) 地下へと続く暗い階段。謎。 エリカノート掲示板 エリカ様の魔法のノートに訪問記録をどぞ~ りんくの旅に出る (2003/07/02) リンクページ。網間彷徨の旅へ誘う サイト内検索 更新履歴
国内でトラフィックランキング1-20位周辺のサイトの、body要素に対するfont-family指定方法を調べた。 /* yahoo.co.jp */ body { font-family: "MS PGothic", "Osaka", Arial, sans-serif } /* google.co.jp */ /* google.com */ /* youtube.com */ body { font-family: arial, sans-serif } /* fc2.com */ body { font-family: Verdana, Helvetica, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, /* Meiryo */; } /* facebook.c
デザインやコンテンツ制作の打ち合わせをしていると必ず出てくる「目立たせる」という行為。 人によって「赤くして」とか「大きくして」と言った抽象的な言葉で表現されますが、僕ら制作者はその言葉をそのままの意味で捉えるわけには行けません。 何故なら、依頼者が何か目的があってそこを赤くする必要がある、大きくする必要があるならばそれを取り入れば良いです。ですが、その目的がその要素を目立たせたいという場合では話が変わってきます。 そうなると、本来の目的は「目立たせること」であって、決して赤くすることや大きくすることが目的では無いため、実際に赤くしたり、要素を大きくしても目立たなければ目的が達成されず満足されることは無いでしょう。 赤くして欲しい、大きくして欲しいと言うのは、依頼した人の中にある目立たせる事に直結したイメージである場合が多いので、実際に何を望んでいるのかを読み取ることが大事です。 1.要所
<a href="javascript:void(0);" onclick="window.open('https://plusone.google.com/_/+1/confirm?hl=en&url='+encodeURIComponent('+1するURL'), '', 'toolbar=0, status=0, width=900, height=500');"><img src="オリジナルのボタン" width="" height="" alt="" /></a>
Free CSS Menu Templates (Navigation Menu) is one of the most important elements of a web designs.Content-Rich Website without usable navigation will be uselessNavigation Menu is one of the most important elements of a web designs. Content-Rich Website without usable navigation will be useless. If you’re looking for a free css menu template to add a navigation menu to your design Web site, these fr
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。という記事で紹介されているドロップシャドウの表現が興味深かったので、CSSのbox-shadowでつくってみます。 box-shadowプロパティの基本 CSS3 box-shadowプロパティは下記のような指定で、要素に影を落とすことができます。 <code> box-shadow: 2px 2px 3px 1px black inset; /* X軸方向 Y軸方向 ぼかしの大きさ 広さ 色 内側 */ </code> insetは指定すれば影が内側に落ち、省略すれば外側に影が落ちます。 今回はこの内側に影を落とす方法を使い、プラモデルの着色手法であるMAX 塗りと呼ばれるらしいテクニックに似た表現を再現してみます。サンプルデモは下記から。 DEMO 左から順に、下記のような内容で作成しました。 MAX塗り
私はウェブデザインができないプログラマーである。以前はデザインはデザイナーさんに任せておけば良いと思っていた。だが、考えてみると、われわれは、デザインされたものしか目にすることはできないのだ。どんなに優れたアルゴリズムをプログラマーが実装しても、残念ながら私たちの目には見えない(反応速度で体感できることはあるにしても)。人もウェブサイトも見た目が9割なのである。 最近、私は「書評人」というウェブサービスを始めた。当然、私にデザイナーを雇う余裕などない。自分でデザインを制作する必要に迫られた。さて困ったどうするか。 私は、ある人気ウェブサービスを運営する友人に尋ねてみた。彼は、昔、一緒に仕事をしたことがあるプログラマーだ。特にデザインを専門的に勉強したことはないはずなのに、彼が作るサイトはどこかあかぬけている。彼に根掘り葉掘り尋ねるうちに、勧めてくれた本がこれ。 XHTML&CSSデザイン
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
WebFontsで利用できるフォントを提供している国内外のサービスと、WebFontsを利用するのに便利なツールを厳選してご紹介します さまざまなWebFontsのサービス WebFontsを利用すると、クライアントにインストールされていないフォントを表示できるようになります。前回(インストールせずに、好きなWeb Fontsを使おう ─ @IT)はWebFontsの歴史と、使い方をご紹介しました。今回はWebFontsで利用できるフォントを提供しているサービスと、WebFontsを利用する上で便利なツールをご紹介します。 日本語フォントを提供するフォントサービス 日本語フォントを提供するサービスでは、以下の3つのサービスが有名です。 日本語フォントを提供するサービスは最近増えてきていますが、まだまだ少ない状況です。これはライセンスなどの問題もありますが、フォントファイルのサイズに関する問
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く