【ネタ帳】すべてのデザイナーはGetしておくべきハイクオリティなフォント50種類 25記事*二十歳街道まっしぐら★新URL：http://20kaido.com/ ★新RSS:http://20kaido.com/index.rdf いままでFC2ブログで5年間、お世話になりました。感謝です。 移転先でもよろしくお願いいたします！ 二十歳街道まっしぐら（FC2ブログ時代）人気記事TOP50まとめ
ふじようちえん
子どもが育つところ ふじようちえん 見て、触れて、感じて 考えて、行動する 『体験は、教えられない』 幼児期は、一生モノの始まりの時期。 子どもの育つ環境は、とても大事です。 特に、さまざまなモノに興味を示し、理解し、育つ幼児期には 「見て、触れて、感じて、考えて、行動する」というサイクルを自らつくってもらうことがその後の成長に大きく貢献すると信じています。 ふじようちえんは、ちょっと昔の、ちょっとした不便をあえてつくり、子どもたちをちょっと困らせようとしています。 不便に出会うと、子どもたちは自ら工夫し、工夫するところに育ちが生まれてきます。 いわば、不便による利益 “不便益” を、今の子どもたちに体験してもらいたいのです。 いろんなことを教えることはできても、『体験は、教えられない』のです。 これが、子どもが育つところ、ふじようちえんです。 幼児期は、一生モノの始まりの時期。 子どもの
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
人体の多様なポーズをいろいろな角度から見られる -Posemaniacs
Posemaniacs 人体のポーズのスケッチは、Flashで作成されており、マウスの操作で角度を変更することができます。 ランニングでは、モーションを表示することもできます。
B3 Annex: Appleエンジニアが語る、Appleがデザインプロセスで行っている4つのコト
毎年恒例のSXSWは結局、女性雑誌記者による若きFaceBook CEO Mark Zuckerbergとのステージトークが不満足なもので終わったという話題だけが目立ち、なんだかな、と思っていたら、ちょっと面白い記事が出てきた。 これは、AppleのシニアエンジニアリングマネジャーのMichael Lopp氏がSXSWのパネル"Blood, Sweat, and Fear: Great Design Hurts"で語ったものをBusinessWeekがまとめたもの。クリエイティブをどのようにマネジメントしているかが垣間見れる。 以下は、例によってB3 Annex抄訳。 Apple's design process by Business Week 完璧なモックアップを作る（Pixel Perfect Mockups）手間と時間はかかるが、早い段階で、「完璧なモックアップ」を作ることで、すべ
CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する（top 又は bottom） ■ <td>内のフォントが正しく指定したとおりでない（Win IE Mac IE） →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間
写真をアートっぽくする、プロのアーティストによるPhotoshopチュートリアル - sta la sta
Tutorial - after | www.soffia.net/tutorial.html Hi guys. I´v… | Flickr Flickrに写真をより格好良くするためのPhotoshopチュートリアルが紹介されていました。Soffiaさんというアイスランド出身のアーティストの方による解説です。 詳しいチュートリアルはFlickrを見て頂くとして、まずはPhotoshop加工前と加工後を見比べてみてください。 こちらが加工前の写真。 そしてこちらがチュートリアルの加工を施した写真。格段に格好良くなっていますね。 加工方法は写真ごとに調整する必要があるようですが、ポイントとしては 写真を対象物ごとに別レイヤーに切り分ける（例）風景を空と山に分離 『イメージ』→『色調補正』→『レベル補正』で好きな色合いになるまで調整 『イメージ』→『色調補正』→『色相・彩度』で好きな色合いになる
ウノウラボ Unoh Labs: デザイナの立場からの「デザイン依頼のコツ」
こんにちは。yamazakiです。 このブログをご覧になっているのはエンジニアの方が多いと思いますので、デザイナの方とのやりとりをされている方も結構いらっしゃるはず。 社内で「どういうふうに依頼されるのがデザイナとしてはいいもの出てきやすい？」というお話を振られたので今回はそれについて書いてみようと思います。 ※もちろんあくまでこれは私個人が思うところであり、全てのデザイナにあてはまるわけではないと思います。 ので、できればこれをご覧になったデザイナーの皆様も、「こういうふうに依頼してくれると力が発揮できる」というポイントなど書いていただけたら非常に嬉しいです。 また逆に、デザイナにはこういう点気をつけて欲しい、といった、エンジニア視点でのデザイナへのリクエストなどもいただけると嬉しいです。 ---- ビジョン、ゴールを共有するこれは複数の人間が関わるプロジェクトなら当たり前といえば
あなたの生活を刺激するインテリアショップ10選『10 interior shops exciting your life』
Diary あなたの生活を刺激するインテリアショップ10選『10 interior shops exciting your life』 自分の部屋の空間デザインがしたい。 そんなあなたにおすすめなのが、『10 interior shops exciting your life』。あなたの生活を刺激するインテリアショップ10選としてまとめてみました。 以下にご紹介。 » CIBONE CIBONE公式サイト。ショップは↓のAoyama Bell Commonsに入っていますね。自由が丘にもあります。 » 青山ベルコモンズ シボネ それにしてもサイトがかっこいいな。。 » CASSINA 青山のカッシーナ。オンラインショップもやっていますね。 » hhstyle.com 原宿のキャットストリート沿いにあるお店。僕も時々行くんですが、とても雰囲気のいいお店です。 青山にもあり、オンラインショップ
なんとも太っ腹！無料で使えるかわいいアイコンが560個！『User Interface Icons』
ドットインストール代表のライフハックブログ
絶対に取っておかれそうなデザイン名刺のアイデアいろいろ｜WEBマーケティングブログ
名刺は一風変わっていると、会社のイメージがすごく伝わってくるものになりますよね。自分の会社を作ったら、いったいどんな名刺にするだろうと考えながら、いろいろと探してみたので備忘録的に書き留めておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! デザイン名刺のアイデアいろいろ 車になる名刺 ↑冒頭にある車のペーパークラフトの原型がこれです。 車の裏に連絡先が書いてある状態。趣味を聞き出してからその人にあった名刺を渡すのも面白いかもしれません。 名刺交換の予想フロー （相手は50代くらいの社長さん） ○×さん、一番ワクワクするものってなんですか？ え？（急にそんなこと言われても。。。） なんでもいいんですよ、スーパーカーみたいな名車とか、戦闘機とか、 ん～強いて言うならスーパーカーかな？ じゃあ
Webデザイナーのためのコードスニペット125選『125 Code Snippets for web designers』 – creamu
Design Webデザイナーのためのコードスニペット125選『125 Code Snippets for web designers』 Webデザインのネタを探している。 そんなあなたにおすすめなのが、『125 Code Snippets for web designers』。Webデザイナーのためのコードスニペット125選だ。 以下にいくつかご紹介。 » Ajax Star rating Bar PHPとMySQLで作るレーティングバー。リロードはない。 » Ajax Contact Form Ajaxのコメントフォーム » Wufoo オンラインフォームを簡単に作成 » Adam’s Radio & Checkbox Customisation Method チェックボックスを画像を使ってカスタマイズする方法 » CSS Rounded Corners 画像やjavascriptを使
WEBデザインに便利なオンラインジェネレーター＆ツール集:phpspot開発日誌
CSS Juice Tools Below is the complete list of online generators and tools WEBデザインに便利なオンラインジェネレーター＆ツール集。 WEB2.0なサイトのデザインを作る際にかなり使えるブラウザツール集がまとまっていました。 角丸コーナージェネレート Roundedcornr Spiffy Corners Sitepoint Spanky Spiffy Box CSSフォーマッター、オプティマイザー Code Beautifier Clean CSS CSSDrive Compressor CSS Optimiser Web2.0ロゴジェネレーター Web 2.0 logo creatr Creatr Web 2.0 Stylr Web 2.0 Free Logo Generator ストライプ背景画像ジェネレーター
フリーのアイコン80を探す＆入手できるサイト集:phpspot開発日誌
CSS Juice 38 Free Icon Checkpoints フリーのアイコンを探す＆入手できるサイト集。 アイコンはWEBサイトやデスクトップに配置し、利用者により使いやすいインタフェースを提供します。 うまくアイコンを使っているサイトは使いやすく、見栄えも美しく感じます。 アイコンのクオリティ自体も重要でしょう。 アイコンの検索サイト iconfinder iconlet 小さいアイコン配布サイト FamFamFam Tango Icon Library 2pt3 Drunkey Love Iconset Strawbee 続きをみる デスクトップアイコン配布サイト Zeusbox Feedicons FastIcon IconFactory ColorCons Free Icons Designmagus 続きをみる アイコンをうまくつかっていいサイト作りに役立てましょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ruri.crara.cc/
和風デザインでカッコいいサイトのまとめ：その２ at 和の暮らしを楽しむブログ -瑠璃色Tradition-
IDEA * IDEA
GALLERY GALLERY ： Result -> 98 Gallery site
ドイツのクリエイティブなウェブデザイン 55サイト | DesignWalker
TableとCSSいろいろ - DesignWalker