Kusaker.log - 「海外の地下鉄駅のデザインは凄い」
らしい。http://academy4.2ch.net/test/read.cgi/art/1130080424/72-76ひさびさに2ちゃんねる行って見つけたスレに、海外の地下鉄写真へのリンクがいっぱい。気の迷いで全部del.icio.usにpostしたらカオスってしまったのでここで整理。ロシアモスクワhttp://www.geocities.jp/upanko/myfavor.htm旧ソ連各都市の地下鉄http://www.metrosoyuza.net/サンクトペテルブルクhttp://www.metrowalks.ru/spb/station-1-16http://www.metrowalks.ru/spb/station-1-15http://www.metrowalks.ru/spb/station-1-17カザンhttp://www.kazantransport.by.ru/
サイトのCSSを見たままリアルタイムに編集するツール色々:phpspot開発日誌
サイトのCSSを見たままリアルタイムに編集するツール色々。 WEBデザイン開発において、編集→リアルタイム反映というのはなかなか効率がよいですね。 ということで、各種、リアルタイムCSS編集ツールをピックアップします。 FireFox拡張 or スタンドアロンアプリ FireBug - リアルタイムに指定部分のCSSが切り替え可能(参考記事)。CSS以外にも便利機能満載。 EditCSS - FireFox拡張で、エディタがインストールされ、エディタ編集と同時に即座にCSSが反映される。 CSSVista - IEとFireFoxの画面で一括プレビューが可能。 Web Developer ToolBar - WEBデザイナー必須のFireFox拡張。CSSの直接編集も可能。 他にもCSSやアクセシビリティに関する便利機能満載。 ブラウザ上で動作するオンラインツール たぬきのしっぽ - CS
ビジネスに使える！知らないと損する英文法参考リンク集 | p o p * p o p
いきなりですが英語の質問です。 英語においてアポストロフィー（’）を付けるケースは3パターンしかありません。それらはどのような時でしょうか？ Godとgodの違いがわかるでしょうか？ 「コロン（:）」を手紙の中で利用する場合、どんな手紙のどの場所に使うでしょうか？ いかがでしょう。全部わかったという人は問題ありませんが、答えに詰まった、という人は下記のサイトを参考にされてはいかがでしょう（答えは末尾に）。 ここでは英語の文法に関するTipsを紹介しています。 » 40 Tips to Improve your Grammar and Punctuation – by Dumb Little Man Purdue大学が提供しているOnline Writing Labのもの。英語ネイティブの人たち向けに作られたものです。 簡単にまとまっていて非常に参考になりますよ。下記がその一覧になります。
ブックマークに入れておきたいお役立ちサービス/Webページ一覧：ITpro
出典：日経NETWORK 2006年11月号 35ページより 記事は執筆時の情報に基づいており、現在では異なる場合があります。
一人暮らしのコツ
一人暮らしのコツのチェックポイント 一人暮らしのコツでは、一人暮らしに関するさまざまな情報を掲載しています。 まだ一人暮らしをしていない人から、すでにしている人向けに、各種情報を掲載。 メニューから関連する項目をご覧ください。 主なチェックポイントを紹介していきます。 一人暮らし実施前 一人暮らしをする前の段階、および、引越し等を考えている人向けのポイントです。 他にもいろいろな情報がありますので、メニューから一通りご覧ください。 部屋探し 部屋探しはネットで行えます。最近では店頭で部屋探しをする方が稀となっています。 『部屋をネットで検索して探す』でネット上での部屋探しについて確認しましょう。 また、部屋探しをする上でのポイントを『一人暮らしの部屋探し』で紹介しています。 引越し 引越しの申し込みも基本的にはネット上で可能です。詳細は『一人暮らしの引越し』でご確認ください。 このほか、引
3DCG作成やデッサンなどに役立つ人体モデルあれこれ - GIGAZINE
人体を描くのが下手な理由は、単純に人体を観察して描く経験が足りないためだそうです。だからといってヌードデッサンを100万回しようにもそもそもそんな機会がそうそうないわけで。 しかし時代は進み、現代ではネット経由で豊富な人体モデルが無料で入手可能です。さすがに実際に目の前においてデッサンをしたり、参考にするのとは勝手が違いますが、それでもこれだけでかなり助かる人も多いのではないかと。特に3DCG作成やマンガを描く際などには参考となるものがあるか無いかで雲泥の出来になるので、役に立つはず。 詳細は下記の通り。 まずはいろいろな無料で利用可能なヌードモデルの写真を置いているサイト。本来は3DCGのモデルのために置かれているものです。 Spectralogue. Textures, 3d models, soon HDRI and character reference. 次のサイトには、3DCG
IT戦記 - CSS の勉強会をしました
2007 CSS Study Meeting http://artcode.g.hatena.ne.jp/keyword/2007%20CSS%20Study%20Meeting 発表をしましたので資料を置いておきます。 http://usrb.in/amachang/static/cssstudy/200701/ Firefox で動きます。IE でもぎりぎりうごきます。あ、でも、横長な表示域じゃないと崩れる可能性大です。 左右キーで操作してください。また、ソースは実行できるようになってるので、実際に実行しながら読んでいっていただけるとうれしいです。 他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。 プロパティ一覧は element.style に辞書アタックを掛けて各種ブラウザから抽出したプロパティです。 http://usrb.in/amachang/stat
ブログのコメント部分やコメントフォームのデザインを色々集めたサイト:phpspot開発日誌
Blog Comment Form Design Showcase | Smiley Cat Web Design ブログのコメント部分やコメントフォームのデザインを色々集めたサイト。 いろんなブログのコメント部分やコメントフォーム部分の画像をコレクションしているようです。 コメント部分 コメントフォーム部分 これだけのデザインサンプルがあると、自分がデザインする時に大いに参考に出来そうですね。 形が決まったら後はオリジナリティを加えてデザインを完成させるという方法でデザインすれば効率よくカッコいいコメント部分が作れそうですね。 関連エントリ 2006年を彩った50の超美麗CSSデザインサイト集 ウェブデザインに便利なツールをまとめた「Web Design Tools」
「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
知っておくべき５つの英文フォント2、他:phpspot開発日誌
5 Freefonts You Shouldn’t Have Missed | Smashing Magazine We expand our collection of high-quality freefonts we’ve put together few months ago (and started one year ago). 知っておくべき５つの英文フォント。 いろんな場面で使えそうな書体のフォントが紹介されていました。 District Thin Fertigo FF Clan Narrow Bold Kontrapunkt Com4T Fine Regular その他色々フォント関連エントリ クルッとカールした曲線が特徴のかわいらしい英字フォント「doremi」 10,000種類以上のフリーフォントを試してダウンロードできる「better fonts」 オンラインでフォン
ITmedia Biz.ID：Flickrをもっと楽しむための6つの外部サービス
オンラインアルバムの「Flickr」。写真をアップロードする、他の人の写真を閲覧するほかに、外部のツールを使ってこんなこともできる。 オンラインアルバムの米Flickrが人気だ。自分で撮った写真をアップロードして管理したり、多くのユーザーがアップした写真を閲覧している人は多いだろう。それだけでなく、豊富なFlickr関連の外部サービスを使えば、画像を加工したり、名刺を作ったり、ゲームをしたりなどさらに楽しむこともできる。FlickrAPIを公開していたり、写真のライセンスとしてクリエイティブ・コモンズを選択できたりなど、外部のサービスを作りやすい環境のせいか、外部サービスの数は多い。 写真を加工するものや管理を楽にするものなど、Flickrを使ったツールを紹介していこう。 写真をプリントした名刺を作ろう――moo 自分がFlickrにアップロードした写真から名刺を作成できる「moo」は日本
4.6GBものサウンド素材が無料ダウンロードできる「SampleSwap」 - GIGAZINE
作曲に使えるサウンドループや、FlashのBGMとして使えそうな素材が山ほど置いてあります。現時点でファイルサイズは4.6GB、ファイル総数は7579個。テクノ・ヒップホップ・トランス・ドラムループなどが1420個、ドラムヒットが950個、効果音が874個、インストゥルメントサンプルが581個、ボーカルサンプルが579個、メロディックループが440個などなど、圧倒的な量です。 視聴とダウンロードは以下から。 SampleSwap.org - Download 4.6 GB of free audio samples (drum loops, vocals, synths, instruments, sound fx...) http://sampleswap.org/ 以下から視聴することができます。緑色のボタンをクリックすると再生されます。 Download Sounds 実際にダウンロ
いつかはマスターしたい！Illustratorチュートリアル40選 | P O P * P O P
各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。Illustratorのチュートリアルを40個まとめた記事です。デザインがますます重要になっている昨今、常に技を磨いておきたいですね。 » Adobe Illustrator Tutorials 下記に、40個のうち、いくつかをご紹介。 LearnIt2 | Adobe Illustrator Tutorials Web2.0でよく見るバッジなどを作る方法など。 Creative Text Masking – Illustrator CS2 Tutorial – テキストにマスクをかける方法などが紹介されています。 Free Tutorials – Page 1 | Illustrator Techniques ガラスの器や3Dのテキスト作成方法などひねりの効いたテクニックが紹介されています。 Illustrator Bus
リンクベイティングとは？被リンクを誘う釣りタイトル
リンクベイティングとは、被リンクの獲得を目的として、リンケラティを釣り上げるためのフックを仕込んだコンテンツを作成することをいいます。慎重に実施する必要があり、継続性やモラルも問われますが、極めて強力な被リンク獲得の方法です。 リンクベイト、リンクベイティングとはリンケラティ（影響力のあるブロガーやソーシャルメディアのユーザー）に狙いを定め、彼らの興味を引き、反応を引き出すことで被リンクを構築する施策をリンクベイティングといいます。また、リンクベイティングのために作成するコンテンツのことをリンクベイトと呼びます。 被リンクの構築、ことにトピックに関連性のある被リンクはSEOにとって極めて重要なものです。しかし、淡々とコンテンツをアップロードしていくだけでは、そうした関連性の高い被リンクを構築するのは困難です。なぜなら、顧客や取引先とリンケラティは必ずしも一致しないという問題があるからです。
CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄（フォーム）部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ
[まとめ]あの名作映画をわずか『5秒』で把握できる動画
「… in 5 seconds」(…を5秒で)シリーズ。しばしば5秒以上だったり5秒未満だったりするのはご愛嬌。 注意：どう見てもネタバレです。本当に(ryある意味虚偽の記述なので取り消し線引いておきます(汗 YouTube - Star Trek 2 in 5 seconds 『スタートレックII カーンの逆襲』を5秒でYouTube - Star Wars in 5 seconds 『スター・ウォーズ（エピソード4/新たなる希望）』を5秒でYouTube - Empire Strikes Back in 5 seconds 『スター・ウォーズ エピソード5/帝国の逆襲』を5秒でYouTube - Return of the Jedi in 5 seconds 『スター・ウォーズ エピソード6/ジェダイの帰還』を5秒でYouTube - Fellowship of the Ring in
![[まとめ]あの名作映画をわずか『5秒』で把握できる動画](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語で読めるものを中心に - Webデザインのリンク集 | lush life*
Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
無料で使える写真素材 - 厳選１２サイト | DesignWalker
lllcolor.com