<BODY bgcolor="#edd789" text="#804000" link="#cc0000" vlink="#008080" alink="#009900"> <P>このページをご覧いただくにはフレーム対応のブラウザが必要です。</P> </BODY>
The '30s Style
<BODY bgcolor="#edd789" text="#804000" link="#cc0000" vlink="#008080" alink="#009900"> <P>このページをご覧いただくにはフレーム対応のブラウザが必要です。</P> </BODY>
オイルランプ＆キャンドル専門店 glim ～Kamakura～
<NOFRAMES> <BODY bgcolor="#FFFFFF" text="#000000"></BODY>
メガネ・サングラスのThat's
・在庫商品は、14：00までにご注文いただけますと即日発送も可能です。（ただし、ご入金の確認ができた場合に限ります。）その後のご注文は、翌営業日のご発送となります。 ・在庫のない商品は最短で翌営業日のご発送となります。 ・当店の受注業務は、即日発送商品の都合で14：00に一旦締めさせていただきます。 その後のご注文は翌営業日扱いとなりますので、悪しからずご了承くださいませ。 ※都合により、発送まで1週間程度のお時間をいただく場合もあります。 ※人気商品などの場合、お届けが遅れたり売り切れとなることがあります。その際は当店からご案内させていただきます。 ※在庫のない商品や予約販売の商品と在庫のある商品と一緒にお買い上げの場合、すべての商品が揃ってからの発送となります。 ※姉妹店で先に売り切れてしまい、やむを得ずご用意できない場合がございます。何卒ご理解の程よろしくお願いいたします。 営業時間
中世の民族衣装の作画資料 画力向上ガイド 漫画家 イラストレーター 志望者のマンガ画材 作画資料 コミスタ intuos4 液晶タブレット 情報 - livedoor Blog（ブログ）
中世の民族衣装の作画資料・画力向上ガイド 漫画の描き方 講座本やマンガ用 作画資料 オススメ画材の使い方 コミックスタジオ intuos4 SAIも網羅、画力向上の為のブログ 「中世の民族衣装の作画資料」衣服 服装 ファッション 作画資料：中世・ファンタジー 例えば歴史物（中世）やファンタジー物の漫画を描こうと思った時、無いと一番困るのが「衣装」の資料です。 歴史物やファンタジー物は衣装などの時代背景を感じさせる細かい部分が特に重要です。例えば中世の騎士が甲冑を脱いだら現代の洋服を着ていたらどうみても変です。 そう言った作画上の凡ミスを防ぐ為にも、歴史物やファンタジー物を描く時は資料などで下調べをきっちり行いましょう。 民族衣装 (マールカラー文庫 (1)) この「民族衣装」と言う本では16世紀から19世紀までの中世時代の、アフリカ・アジア・ペルシャ・インド・ヨーロッパ・トルコ・ハンガリア
そんなあなたに 人類の叡智の宝庫、世界中の美しい図書館20
■チェコ■ プラハはストラホフ修道院。中世の神学校の図書館。 ■スイス■ ザンクト・ガレン修道院。世界遺産にある図書館。 ■ドイツ■ ヘルツォーク・アウグスト図書館。 ■イタリア■ ローマ、アンジェリカ図書館。 ■ポルトガル■ 国立図書館。 ■ポルトガル■ コインブラ、これで大学の図書館。 ■フランス■ パリ、国立図書館。 ■イギリス■ ロンドン、大英博物館。 ■オランダ■ デン・ハーグ図書館。 ■イギリス■ ヘリフォード大聖堂の図書館。激レア本にはチェインチェイン。 ■オーストリア■ メルク修道院の図書館。 ■アメリカ■ ニューヨーク市立図書館。 ■アメリカ■ ジョージタウン大学。 ■スウェーデン■ ストックホルム、国会図書館。 ■オーストラリア■ ビクトリア州立図書館。 ■アメリカ■ ワシントン大学、スザロ図書館。 ■オーストリア■ ウィーン、国立図書館 ■アメリカ■ エール大学付属の
家紋の湊
アクセスありがとうございます。 家紋の湊はサイト名をWEB家紋帳に改め以下のurlへ移転しました。 http://kamondb.com お気に入り、ブックマークの変更をお願いします。 2013/06/11
靴について
●靴の種類 靴には様々な形のものがあり厳密ではありませんが、ファーマル向きのものとカジュアル向きなもの があります。（これは羽根仕様や底材、素材によっても変わってきます。） ここでは靴の形を写真で紹介するとともに上の方がよりフォーマルに合う靴、 下に行くほどガジュアルになるようならべています。 基本型 オペラ・パンプス：Opera Pumpsパーティの際、タキシードとあわせて着用するリボン付きのスリッポンで エナメル素材のものが定番です。 尚、ディレクターズ・スーツの場合には、ストレート・チップを合わせるのが基本。 ストレート・チップ：Straight Tip 1920年代に広まったバルモラルの一文字飾りの靴で、 メダリオンが無く黒色のものが最もフォーマルとされています。 最近では、ブルーチャーのものも多く、よりカジュアルに履くこともできます。 英国ではストレート・トゥ・キャップと呼ばれま
見てるだけで楽しい！雑貨・インテリアを扱っている24サイトまとめ*二十歳街道まっしぐら
インテリアサイトにアクセスしなくても、まとめてくれているサイトです。 気軽に読めます！とりあえず、ここだけは覗くようにしてみます。 1.まとめのインテリア 国内で返るデザイン雑貨、インテリアのまとめ。 2.となりのインテリア まとめインテリアの中から、ピックアップしてくれます！ 北欧やイタリアのインテリアを扱っているサイトです。 3.morphica 北欧家具・雑貨。 お値段はそれなりにしますよ＾＾； 4.IKEA 北欧家具・インテリアのお店。 最近話題になっています！お値段お手頃でカラフルなものが多いです。 5.北欧雑貨 その名の通り、北欧の雑貨です。 北欧デザインがたまらない人は要チェック！ 6.Cassina ixc イタリア家具が置いています。 めちゃくちゃいいのがあるんすけど、高いっすね～＞＜ 7.カルテルショップ イタリア最大のプラスチック家具メーカー「カルテル」ショップ。 か
支配者の証、世界の「王冠」いろいろ : らばQ
支配者の証、世界の「王冠」いろいろ 戴冠したそのときから王者となる、権威の象徴ともいえる王冠。 世界に君臨した王や皇帝たちの王冠をご紹介します。 ヴィクトリア女王 - イギリス ヴュルテンベルク公(ドイツ) ヌビア王国(古代エジプト) オタカル2世 - ボヘミア イザベル女王カスティーリャ王国（スペイン） バイエルン公 - ドイツ 新羅 ウィーン ロシア マリア - ルーマニア ハンガリー デンマーク ブラジル帝国 エリザベータ - ルーマニア Farah Pahlavi - イラン 伽耶 ハンガリー 神聖ローマ帝国皇帝 帝国王冠 Johannes Flintoe王子 - ノルウェー ガージャール朝 ルドルフ2世 - オーストリア ペータル1世 - セルビア Farah Pahlavi - イラン Tillya Tepe - アフガニスタン Very Cool Pics: Royal Cr
レイトン教授とすてきなブリティッシュトラッド - [drawr] ヌ
drawrをご利用いただき誠にありがとうございました。 2008年10月より11年間、長らく提供してまいりましたdrawrですが、 2019年12月2日13:00をもちまして、サービスを終了いたしました。 サービス終了に至った経緯について drawrをご利用いただいたみなさまへ 移行先のご紹介 終了までのスケジュール よくある質問、お問い合わせ さいごに drawrはアドビシステムズ株式会社より提供されている「Adobe Flash（以下Flash）」という技術を使用し、サービス提供を行っております。しかし、2020年末にブラウザ上でFlashのコンテンツを再生するFlash Playerの配布を終了することが、アドビシステムズ株式会社より正式に発表されました。 （参照） あわせて、Flashの脆弱性も指摘されており、別の技術への移行が推奨されています。 これに伴い、新しいブラウザ環境では
Webサイトをゼロから立ち上げる方法：Webサイト構築の基礎知識 - 久保清隆のブログ
Web上でビジネスを展開する上で、Webサイトの構築が必要になってくる。が、有用なWebサイトを構築するにはどうしたらいいのか、というノウハウを知って頭に入れておいた方がいいと思ったので、その方法、Webサイト構築全体の流れをまとめてみた。 全体の流れを知っておけば、新たにWebサイトを構築したいと思ったとき、よい段取りでスムーズに構築できると思うし、ミスも少なくなると思う。 Webサイト構築の流れ Webサイト構築の目的の明確化 Webサイトのコンセプト策定 ターゲット選定 コンテンツ企画 制作 サーバ準備 SEO / SEM 対策 各過程を見直し/改善 Webサイト構築の目的の明確化 まずは、Webサイトを構築する目的をはっきりさせて明文化しておく必要がある。 なぜなら目的を明確にしておかないと、サイトが出来上がったときに、結局何がしたかったのかがわからないサイトができてしまい、目的を
Archiva
My ErgoDox! 1ヶ月ちょい前のことですが。ErgoDox users meet upというマジキチ紳士の集いに参加してきました。 ErgoDoxそのものは前からちょっと気になってた程度ですが、尊敬する握力王が推奨しているとなれば、手に入れるほかありません。 HHKBの打鍵感は大好きですが、そろそろ新しいキーボードが欲しかったというのもアリ。 やっぱ入力装置は定期的に交換して、脳に刺激を入れてやらないとネ。 その点、カスタマイズ性の高いErgoDoxは最適だと思いました。 なお、ポート株式会社ではエンジニアの福利厚生の一環として「PC周辺機器購入制度」なるものが存在しており、どんなキーボードでも経費で購入できます。デザイナ、エンジニアは常に募集中です！（宣伝おわり） ErgoDoxとは 左右分割式のキーボードです。正確にはプロジェクト名と言ったほうが良く、ErgoDoxという商品が
DIN Next / DIN Next Rounded — 大人気のDINがなんと7ウェイト25書体のファミリーに！Ultra LightやRoundedが新規追加！ – フォントブログ
DINとは？ Deutsches Institut für Normung (German Industrial Standard)、つまりドイツ工業規格の書体です。ドイツの高速道路などの道路標識や街中の看板のような工業製品などに使われています。 いかにも無機質で幾何学的（ジオメトリック）なデザインですが、その特徴を逆手に取り、1990年〜2000年初頭ぐらい（うろ覚え）から一般的なグラフィックデザインでも使われるようになりました。今では定番中の定番書体として幅広く使われています。 ドイツ・ベルリン旅行で撮影した街中のDIN DINを使うには？ DINという名前のフォントはたくさんあり、様々なフォントブランドがリリースしているため、どれを使えばいいのか迷ってしまうのではないでしょうか。 Adobe Fontsで使えるDINは誰もが使いやすいという点では広く使われそうではありますが、結論から
画像の使用を極力控えてかっこいいCSSデザインをやってみよう
Latest topics 2019.01.22 長々と運営していましたが、本日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは１人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問
検索キーワードチェックツール SEO対策
検索キーワードの順位チェックや、検索エンジンの一括検索が行える無料ツールです。SEO対策などにご利用下さい。SEO（サーチエンジンオーレ）とは、検索キーワードに対する各URLのマッチング性を調べる無料ツールです。SEOツールとして、SEO対策や順位チェックにご利用ください。 サービスのご利用に関しまして ご利用にあたりましては、以下の利用規定にご同意の上、実行を行ってください。 [利用規定] 検索結果に関するお問い合わせには一切お答えできません。 同一のホストから同時に複数のアクセスをすることはご遠慮ください。 本サービスを利用することにより、何らかの損害が利用者に生じた場合、検索キーワードチェックツールは責任を負わないものとします。 [本サービスについて] 表示されるデータは各検索エンジンより返されるものをそのまま利用していますので、 データ内容には一切関知しません。*pppは除く
萌え理論Blog - 数学解説・計算方法まとめ
数学・算数のリンクを集めました。「高速掛け算メソッド」では、筆算中の掛け算と足し算の操作を別に分けることで、高速かつ正確に計算する方法が紹介されています。「こんなの学校で教えてくれなかった！」また、記事の最後にパズル「ルービックキューブ」関連をまとめました。誰でも解ける攻略法や、数十秒で解く上級者の記事があります。 計算法 高速掛け算メソッド「繰り上がり分離法」 かけ算2.0 | i d e a * i d e a sta la sta - 線を引くだけで簡単にかけ算を解く方法 ネイピアの骨 - Wikipedia ITmedia Biz.ID：複利計算を“暗算”で行う ソフト・サービス ルービックキューブの解法を必ず見つける「Rubik’s Cube Solver」 - GIGAZINE グラフ用紙や方眼紙などを作成する無料ネットサービスいろいろ - GIGAZINE 超美麗なフラクタル
初心者用PHP入門
独習PHP 第3版 手を動かしながら学ぶPHP7。基本構文から、クラス、DB連携、セキュリティ対策まで。解説、例題、練習問題の3ステップでよくわかる。基礎からオブジェクト指向まで学べる定番入門書。 PHP逆引きレシピ 第2版 (PROGRAMMER’S RECiPE) 第2版では、最新のPHP(5.4/5.5)に対応したほか、レシピ全体の大幅な見直しを行い、データベースやテスト関連のレシピ拡充など、さらに内容充実・より便利になりました。サンプルプログラムのスマートフォン対応も行っています。実践で即役立つテクニックと開発ノウハウ、つまづきやすい・ハマりやすいポイントを徹底解説した「PHPユーザー必携の1冊」です。 PHPの絵本 第2版 Webアプリ作りが楽しくなる新しい9つの扉 HPは、さまざまなWebアプリケーションが簡単に作れそうなので、興味のある人は多いのではないでしょうか。本書は、イ
Kazuho@Cybozu Labs JavaScript を学ぶ上で読むべきウェブサイト
« JavaScript の String 型を継承する | メイン | JavaScript は、なぜプロトタイプベースなのか » 2006年10月18日 JavaScript を学ぶ上で読むべきウェブサイト JavaScript について議論する際、良く挙げられる参照文献は ECMA-262 (日本語版) です。 しかし、どちらかというと ECMA-262 は JavaScript の処理系を実装する人に向けた文書なので、JavaScript を使いたい人には向きません。 私は、 JavaScript のユーザーには、mozilla developer center の Core JavaScript 1.5 Guide (日本語版)Core JavaScript 1.5 Reference (日本語版は整備中?)が良いのではないか、と思っています。 Mozilla のドキュメントかよ
【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (1) 01 はじめに IE7日本語正式版のCSS実装を検証する (MYCOMジャーナル)
Internet Explorer 7日本語正式版 Internet Explorer 7(IE7)の日本語正式版がリリースされた。現在はまだダウンロードしてインストールする必要があるが、2007年4月をめどに、Windowsの自動アップデートで「優先度の高いアップデート」として配布される予定だ。「IE7ではWebページの表示が崩れる」といった問題が出る場合、それまでには対応を済ませておきたい。 そこで本稿では、IE7 beta2のCSS実装検証を元に、IE7日本語正式版における変更点やバグをまとめる。また、IE6以下との下位互換やモダンブラウザとの互換性を保ちながらバグを回避する方法、CSSハックについても検証する。 新規対応機能一覧 未対応機能一覧 修正済みバグ一覧 未修正バグ一覧 CSSハック一覧 参考 CSS実装徹底検証! そこが知りたいInternet Explorer 7 なお
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ（Safari、Opera、Firefox） ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ
favikon · Generate favicons with ease
Find B2B influencers for your business with AIFavikon is the only AI-powered influencer marketing platform that covers all niches and all industries. Start your B2C or B2B influencer marketing campaign now for a 10x ROI compared to traditional marketing methods. Influencer DiscoveryFind Best Influencers on all Social MediasSearch the right influencers for your brand easily with AI. Leverage AI to
lockエラー | 月額200円からのレンタルサーバー JSN
auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref
シゴタノ！ - 交渉で相手にYESと言わせるための９つのポイント
1．交渉の30分前にはスタンバイできている状態にする 2．譲れないポイントと折れてもいいポイントを紙に書いておく 3．相手の言い分をメモする 4．相手に話す余地を与える 5．追い詰められても即答しない 6．相手の譲歩を見逃さない 7．相手に「交渉を楽しむ幅」を提供する 8．相手に決断の「呼び水」を提供する 9．お互いに合意できそうな部分から話し始める 『3000人のユダヤ人にYESと言わせた技術』より 1．交渉の30分前にはスタンバイできている状態にする ギリギリまで書類の見直しに追われていては「大丈夫かなぁ…」と不安になりがち。そこで、30分前にすべての準備を完了し、あとは「何もしない時間」としてリラックスして過ごすようにします。 2．「譲れないポイント」と「折れてもいいポイント」を紙に書いておく 自分では十分にわかっているつもりでも、相手の話に説得力があると「まぁ、いいかな」と折れてし
サルでもわかる 逆引きデザインパターン 第1章 はじめてのデザインパターン はじめに:
第1章 はじめてのデザインパターン はじめに デザインパターンとは 特集の構成 すぐわかるオブジェクト指向 すぐわかるUML おわりに 第2章 逆引きカタログ ロジック編 Singleton (シングルトン) Factory/Factory Method (ファクトリ/ファクトリメソッド) Strategy (ストラテジ) Composite (コンポジット) Visiter (ビジタ) 第3章 逆引きカタログ J2EE編 Template Method (テンプレートメソッド) Facade (ファサード) ViewHelper (ビューヘルパ) DAO (Data Access Object) 第4章 逆引きカタログ その他 ユーティリティクラス 実行時例外を標準的に使う Nullオブジェクト 第5章 デザインパターン適用の勘所 はじめに アプリケーションの仕様 リファクタリング前のサ
CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名（generic-family）である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
Ajaxのキソのキソまとめ - builder by ZDNet Japan
Ajaxパワーの活用方法 Ajaxは、ウェブアプリケーションの開発方法や利用方法を大きく変えた破壊的な技術だ。Ajaxによってインタラクティブなページの作成が可能になったのである。Ajaxは現在もウェブの流行の最先端を走り続けている。 Ajaxという用語は比較的最近生まれたものだが、Ajaxを支えている技術は以前から存在していた。ブラウザに送られたウェブページの内容をあとから変更する機能自体は、何年も前からあったのである。たとえば、JavaScriptでiframeのsrc属性を変更するのもそのような技術の一つだ。 しかし、XMLHttpRequestオブジェクトが主要なブラウザで実装され、GmailやGoogle Mapsが公開され始めると、開発者はそれをきっかけとしてウェブページの構築方法をもう一度考えるようになったのである。 XMLHttpRequestオブジェクト Ajaxを可能に
CSS セレクタに関するおさらい | WWW WATCH
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
sta la sta - 人の目を引くタイトルを作るための5つの方法
RSSリーダーやソーシャルブックマークを情報収集のツールとして使用していると、自分はタイトルを見て記事を読むかどうかを判断している場合が多いことに気付く。 溢れる情報の中でパッと目につくタイトルがあるととりあえず見てしまう。こういう人って意外と多いんじゃないかな。 こちらの記事では、そんな重要なタイトル作りのノウハウをいくつか紹介しています。 http://www.modernlifeisrubbish.co.uk/article/how-to-write-great-headlines 話題のキーワードやトレンドを記載する みんなの関心を引くには、みんなが今関心を持っている事柄をタイトルに入れよう。 基本といえば基本ですが、ちょっとした工夫でより人の目を引くタイトルになるかも。 悪い例：カタールのTV局が新しい機器を入手 (Qatar TV Channel aquires new har
成功するショッピングサイトに必要な17の新常識 | POP*POP
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
1ピクセルのずれも許せないWebデザイナのためにResetting Again | エンタープライズ | マイコミジャーナル
CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。 世界中のWebデザイナやフロントエンドデベロッパが同じ悩みを抱えているから、Webブラウザ間の互換性を実現するCSSライブラリがいくつも登場したり、ベストプラクティスをまとめたCSSリファレンスドキュメントが登場したり、CSS擬似クラスといったテクニックが紹介されたり、IEのCSS/HTML非準拠に対処するライブラリが登場するといったことが相次いで起こっているわけだ。 しかし、ほかのライブラリに依存せずにいちから自力でCSS
「答えのない世界」を生き抜く鉄則：ITpro
「答えを教えて欲しい、そうすればうまくやってのけるのに」。進んでいる他国や他社から熱心に学ぶ姿勢は、かつて日本人の長所であったが、現在は短所になっている。「答えのない世界」に今、我々はいるからだ。ではどうすべきか。それを考える一助として、大前研一氏が2006年10月25日に「『答えのない世界』を生き抜く鉄則」と題して行った講演の内容を紹介する。これは、日経コンピュータ創刊25周年記念セミナー「ITがもたらすビジネス・イノベーション」における基調講演であった。講演時期から8カ月あまりが経過しているものの、講演に込められたメッセージは不変・普遍である。（写真：栗原 克己） おはようございます。日経コンピュータ創刊25周年、誠におめでとうございます。25周年ということですから、この25年間に起こった世界の色々な出来事を私なりに考えてみます。いかにこの世の中の変化が激しいか、また変化の勢いがいかに
404 Blog Not Found:Digest - 今日にでも使うべきJavaScriptの7つのテクニック
2007年04月25日12:00 カテゴリLightweight LanguagesBlogosphere Digest - 今日にでも使うべきJavaScriptの7つのテクニック 良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。 1. Branch when possible - 分岐はなるはやで これは実例を見た方が早いでしょう。クロスブラウザー対応のaddListener()を考える。機能だけを考えれば、以下でOK。 function addListener(el, type, fn) { if ( window.addEventListener ) { el.addE
クロスブラウザのためのHTML/CSSのテクニック集 | コリス
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
miyakeです。Webアプリケーションにおけるユーザーインタフェースの代表格と言えばフォーム。今日はそんなフォームのUIを作るに当たって、普段自分が心掛けていることをつらつらとご紹介します。 ■チェックボックスやラジオボタンはfieldset,label要素でくくる チェックボックスやラジオボタンには一般的にその内容を表すテキスト（ラベル）が付けられますが、input要素だけでマークアップした場合、チェックボックス（ラジオボタン）の部分しかクリックすることができません。 label要素を用いることで、ラベルの部分をクリックしてフォームを操作することが可能になります。これは是非設定しておきましょう。 ラベルをクリックできると思って期待を裏切られると、かなりのストレスになりかねません。 また、そのチェックボックスやラジオボタンのグループをfieldset要素で囲んでおくことをお勧めします。マ
良いプレゼンと悪いプレゼン
お知らせ: このページを編集し直したものが、 カットシステムから 出版されました (2008/12/25発売) (amazonはこちら)。 このページには、 クリエイティブ・コモンズ (表示-非営利-継承 2.1 日本) のライセンスを 適用していますが、 書籍版に関しては、 「著作[権]者から許可を得ると、これらの条件は適用されません」 の条件に基づいて、私の許可を得て営利目的で出版されたということです。 なお、書籍版にも 同じライセンスを適用しました。 目次 卒論発表対策最短コース： 良いプレゼンと悪いプレゼン、 式や記号の書き方 、 グラフの書き方 オンライン授業についての雑感（「スライド画面＋説明音声」はわかりにくい） はじめに 良いプレゼンと悪いプレゼン （まずは、これを見て） 自分が理解している内容を自分の言葉で （原稿を書き言葉で読み上げるのはダメ） 「事実」と「意見」 話し
Photoshop Tips - 風景写真をミニチュア写真に加工するには - by StudioGraphics
●ポイント１ － [ 調整レイヤー ] 風景写真独特の霞を取り除くために、 [ 調整レイヤー ] の [ トーンカーブ ] と [ 色相・彩度 ] を使って、写真のコントラストを上げて、彩度を強くし、色鮮やかな写真に仕上げます。いつものレタッチよりも、ちょっと大げさに調整してもよいと思います。このレタッチの目的からして、不自然な感じにするくらいの方が、かえってリアルになるわけです。 [ 調整レイヤー ] を使うことで、何度でもやり直すことができます。 ●ポイント２ － [ ダスト&スクラッチ ] 玩具っぽい雰囲気を表現するために、背景レイヤーをコピーした [ レイヤー ] に、[ フィルタ ] の [ ダスト&スクラッチ ] をかけて、写真のディテールを潰します。 ●ポイント３ － [ 比較(明） ] [ ダスト&スクラッチ ] をかけただけの状態では、あまりにもディテールが潰れ過ぎ
| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集
2008年06月04日 ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集 今までCGIやPHPなどで制作してきたフォームや、投票システム、掲示板などは、PerlやPHPが動くサーバが必要となりましたが、Ajaxであれば、どここでも、CGIやPHP並の動的なコンテンツが作る事が出来ます。是非使いまくりたいものです。 ◆ Ajax RSS リーダー ■Ajax RSS reader RSSリーダは色々ありますよね。 ◆Ajax アップローダー ■AJAX file upload tutorial PHPでもCGIでもあるアップローダー。 ◆Ajax キャプチャー ■Using AJAX with CAPTCHA - AJAX Security Part 3 of 3 - waelchatila.com ◆ Ajax デスクトップ ■MuseStorm The profession
Alertbox: 2005年 ウェブ・デザインの間違いトップ10（2005年10月3日）
2005年、ユーザをうんざりさせてきたWebデザインの間違いをリストアップしてみると、古くから言われているものがランクイン。悪さをし続けていることがわかった。 Top Ten Web Design Mistakes of 2005 by Jakob Nielsen on October 3, 2005 Webデザインの間違いをリストアップするにあたり、今年は趣向を凝らしてみることにした。私が発行しているニュースレターの読者にお願いして、今年、もっとも腹立たしいと思ったユーザビリティ上の問題点を投票してもらったのだ。 読者の参加によって、ユーザテストでは気付かなかった多くの課題が浮き彫りになるだろうと思っていたが、そうはならなかった。30位までにランクインした問題点は、ユーザビリティガイドラインの中で指摘済みのものばかりだったのだ。今年のトップ10を読んで、“聞き覚えがあるぞ！”と思われる方
サンプルコードによるPerl入門
文字列 数値をASCII(アスキー)コードに対応する文字に変換するには、chr関数を使用します。 #!/usr/bin/perl use strict; use warnings; # ASCII文字コードでは65,66,67はそれぞれ 'A','B','C'に対応する。 my $a_num = 65; my $b_num = 66; my $c_num = 67; print chr( $a_num ), "\n"; print chr( $b_num ), "\n"; print chr( $c_num ), "\n"; __END__ 続きを読む
実は知らない「ショートカットキー」ランキング:アルファルファモザイク
編集元：ニュース速報+板より「【Windows】実は知らない「ショートカットキー」ランキング 3位｢Windowsキー＋D（Windowsキー＋M）｣、2位｢Windowsキー＋F｣、1位は…」 1 早よ説教部屋に来栖川芹香 m9（ ﾟдﾟ) → ネットナンパ師φ ★ :2008/05/07(水) 16:16:27 ID:???0 NTTレゾナントは1日、Windows XPで利用可能なショートカットキーのうち、内容を知らない機能のランキングを公表した。調査は3月21日から22日まで実施し、同社が運営する「gooリサーチ」の登録モニター1,036人から回答を集めた。 トップは、「ファイル名を指定して実行」のダイアログを直接開く「Windowsキー＋R」。以下は、ファイルまたはフォルダを検索する「Windowsキー＋F」、デスクトップを表示する「Windowsキー＋D（Windowsキ
会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ！
本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなやYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ
CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height
ECサイトの画面設計--男と女、買い物の行動パターンはどう違う？:マーケティング - CNET Japan
便利さ、手軽さから、オンラインショッピングは今や私たちの生活の中に深く浸透しています。そして「売れるオンラインショップ」を目指して、各Eコマース（EC）サイトが凌ぎを削っています。ECサイトの構築にあたって、まずはそのショップのターゲットを設定し、それぞれの攻略方法を考えることが大切です。攻略方法を考えるには、ターゲットユーザーのサイト内行動を知る必要があります。 ここで1つの疑問が浮かびます。はたして、男性と女性で、ECサイト内の行動に違いはあるものなのでしょうか。 「楽天市場でギフトを買ってください」 今回のアイトラッキング分析では、「ECサイトにおいて男女の行動に違いはあるのか」を検証すべく、以下のテストを行いました。対象サイトは、日本最大のECサイト、楽天市場としました。 対象サイト：楽天市場 被験者：オンラインショッピング経験のある20代〜30代男女、各3名 タスク：バレンタイン
トップページだけでもなんとかしたいのよ
ホームページデザインに悩んだら試してみましょ。スカスカで薄っぺらいトップページだけでも、かっこよくする情報が、ここにあります。
Life is beautiful: プレゼン初心者が覚えておくべき３つのポイント
プレゼンの初心者にありがちな失敗は、 ・自分の未熟なプレゼンのテクニックを気にしすぎてあがってしまう ・情報は多い方が良いと勘違いして、スライドをたくさんの文字で埋め尽くしてしまう ・その結果、観客に話しかけるのではなく、観客に背中を見せてスライドを読んでしまう ・結局何が言いたいのか全く伝わって来ない など。今日はそんな人に覚えてほしい三つのポイント。 １. 観客は「未熟なプレゼン」には寛大だが、「何を伝えたいのか分からないプレゼン」には厳しい 「自分はプレゼンが不得意」と思い込んでいる（もしくは悩んでいる）人はたくさんいると思うが、そんな人がまず覚えておくべきことは、観客が「未熟なプレゼン」にはけっこう寛大であること。小中学生ならいざしらず、社会に出てから「プレゼンターの未熟さ」笑う人はまずいないので、心配しなくても良い。逆に、観客が許してくれないのは「何を伝えたいのかが分からないプレ
これで完璧！ロゴデザインのためのお役立ち資料まとめ | P O P * P O P
これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな～り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo （ロゴの重要性） Logo Design Software （デザインのためのツール） Logo Design Tutorials （チュートリアル） Logo Fil
とってもお手軽なFavicon作成ツール『Favikon』 | 100SHIKI.COM
これが決定版じゃね？とってもお手軽なFavicon作成ツール『Favikon』 November 14th, 2007 Posted in 画像・映像管理 Write comment これは便利。 Faviconをブラウザ上で作れるツールがFavikonである。もちろん、こうしたツールは他にもある。 ただ、Favikonは「画像のこの部分をFaviconにしてね」をブラウザ上で手軽に指定できる点が特徴である。 他のツールは画像のFaviconにしたい部分を切り出してからアップロードすることが多いが、Favikonではこの手順は不要になるのだ。 範囲の指定は直感的で、移動やら拡大・縮小をしながら、自分のイメージどおりのFaviconを作っていくことができる。もちろん、ダウンロードする前にプレビューもできるので、自分の気に入った画像ができるまで何度でも試すこともできる。 サイトやブログを持って
100％、CSSのみで構成されるメニューの作り方 - GIGAZINE
JavaScriptがオフになっているブラウザでも問題なく利用できるメニューです。なおかつ操作性は損なわれていません。ほとんどのDHTMLをサポートしているブラウザで動作してくれます。 作り方や実例は以下から。 Pure CSS menus http://www.howtocreate.co.uk/tutorials/testMenu.html 以下も同じ種類のメニューです。 Pure CSS Menus http://meyerweb.com/eric/css/edge/menus/demo.html CSS / DHTML Hybrid Navigation Bar http://www.brothercake.com/scripts/navmeister/page.php CSSだけでもけっこうなんとかなるものですね、めもめも。
ideami - アイデア共有サイト
女性の重要な身だしなみのひとつがムダ毛のケアです。 ワキや腕、脚や背中、デリケートゾーンなど体中のムダ毛のケアをおまかせできるのが、医療脱毛専門クリニックの「リゼクリニック」です。 脱毛に特化しているため、施術スタッフも経験豊富で高い技術を持っています。 またムダ毛の相談はとってもデリケートな問題。 そこでカウンセリングは女性医師、施術も女性スタッフを揃えている点も安心です。 脱毛で気になるのが料金ですが、初診料や再診料、カウンセリング料、処置料金、施術前の剃毛料金も全て無料なのもうれしいですね。 急な用事によって予約をキャンセルする場合のキャンセル料も無料。 持ち帰り用アフターケアクリームまで無料となっています。 脱毛には時間がかかり、痛みもあるのでは？と脱毛に不安に感じている方も「リゼクリニック」なら大丈夫。
svnseeds’ ghoti! - 日本語で上手な文章を書くには：10の「べからず」
やや唐突ですが僕の友人のユダヤ系アメリカ人から面白いメモをもらったので、本人了解のもと転載します（名前は一応仮名にしておきます）。原文は英語ですが適当に訳してみました。事実誤認など突っ込みどころ満載なんですがあまりに面白いのでそのままにしてあります。 僕から見ると皮肉が利きすぎているように思うのですけど、本人はいたって大真面目のようです（笑）。どっかに載せるつもりなんだろうか。止めといた方がいいと思うけどなあ。わはは。 日本語で上手な文章を書くには アイザック・シュワルツ（仮名） 私たちには日本の公立学校に通う小学6年生の娘がいる。彼女は小学生になる前から日本で暮らしているため日本語には不自由していないのだが、毎年の夏休みの課題でどうしても良い評価をもらえないものがある。読書感想文だ。 日本の小学校には課題図書というものがあり、全国の小学生たちはみな同じ本を読んでそれについて感想文を書くこ
これは使える! 無料SEOツール ベスト12 : アークウェブ ビジネスブログ
ディレクターの安藤です。 Web構築手法の情報収集のためにArticleDashboardを巡っていて、いくつか有用な情報を見つけましたのでご紹介したいと思います。 まず第一弾は「これは使える! 無料SEOツール ベスト12 (12 Free SEO Tools You Must Use.)」。 現在、ファインダビリティ(情報の発見のしやすさ・識別しやすさ)といった観点からも、サーチエンジンでいかに情報を見つけてもらうのかといった点を考慮したサイトの情報設計の見直などが、重要になってきています。その点でもSEOは常に重要なテーマで、これらのツールは、Webサイトを見直す際に有用でしょう。 1. Alexa Ranking 複数のサイトの、Alexaにおけるランキングを同時に表示できる。また、トラフィック状況を簡易に把握することができる。 2. XML Sitemaps.com サーチエンジ
検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design | コリス
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
HTML - meta タグの仕様詳細まとめ :: Drk7jp
前エントリ - Internet Explorer のイメージツールバーを無効化する meta タグ で予告したとおり meta タグについて生まれて初めてまじめに調べてみました。改めて調べてみると知らなかったこと満載です。っていうか Web エンジニアたるもの一度は W3C勧告 くらいは一通り目を通しておかなくてはダメだなと思ったりしました。面倒なくらい分量があるけど。ひとまず meta タグ情報としての自分にとって永久保存版まとめという位置づけです。 まずは参考になったサイトの紹介から。 W3C勧告HTML4.01 :: The global structure of an HTML document W3C勧告HTML4.01 私的日本語訳 :: The global structure of an HTML document(ja) rfc2616.txt Another HTML
あなたの生活を刺激するインテリアショップ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 原宿のキャットストリート沿いにあるお店。僕も時々行くんですが、とても雰囲気のいいお店です。 青山にもあり、オンラインショップ
Favicon.jp - ファビコンがなければ始まらない！
8年くらい前にファビコンを作る時にお世話になった「Favicon Japan!!」を久々に見ようとした所、 悲しい事に閉鎖されてしまったらしく、アクセスが出来なくなっていました。 時代の流れなのか、昔はホームページを作ろうとしたらまずFaviconにこだわるのが当たり前と言ったイメージでしたが、 モバイルサイトやタブレットサイトに移行しようとしている昨今ではファビコンは重視されないのか…と少し悲しくなりました。 しかし、毎月見ている期限切れドメインを取得出来るサイトを見ていたらfavicon.jpが販売されていたので購入。 以前「Favicon Japan!!」を運営されていた方に何の断りも無く始めるのは申し訳ないのですが(もし問題があればご一報下さい)、 faviconを登録できるサイトを作ろうかと思っています。 サービス開始は2013年6月ごろを予定しておりましたが、開発の遅れにより、
JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]
Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス／アプリケーション...のページを参照してください。
ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配
MarkeZine（マーケジン）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
sta la sta - 線を引くだけで簡単にかけ算を解く方法
Easy Graphical Multiplication Trick 実生活で役に立つ、かどうかは状況次第ですが、知っておくとちょっと楽しいTipsです。 こちらのビデオでは、2桁や3桁（あるいはもっと大きな）の数字のかけ算を、線を引くだけで簡単に解く方法を紹介しています。 まずは問題。21×13です。 はじめに「21」の線を引きます。上から右上がりに2本と1本の線を引きます。 次に「13」の線を、左から順に右下がりに1本と3本の線を引きます。 ちょうどひし形のような形になりました。 ここで、右、真ん中、左のそれぞれの交点の数を数えます。 左から順に2個、7個、3個になりますね。 実はこの3つの数がさきほどのかけ算の答えになっているのです。 よって答えは21×13=273。お見事！ その他、ビデオでは3桁のかけ算の説明もあります。 交点の数が10を超えると次の数字に足す必要があるようです
bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife
CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけを頂き、感謝いたします。 ちなみに、最初に指定しておくポイントってそれぞれだと思うので、一つの参考として読んでいただければ幸いです。 最初にbodyに指定しておくと便利だと思う3つを。 body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size:80%; } じゃあ、詳細について色々書
相性の良い色を自動でピックアップしてくれる「ColorBlender」
ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能
Jobs氏の「魔法のようなプレゼン」を支える秘訣10ヵ条 | WIRED VISION
Jobs氏の「魔法のようなプレゼン」を支える秘訣10ヵ条 2008年2月 1日 経済・ビジネスワークスタイル コメント： トラックバック (4) Rob Beschizza あれこれと神話が語られる人物についての話にあなたがうんざりしていないなら、『BusinessWeek』誌の記事を読んでみてはいかがだろうか。 『Deliver a Presentation like Steve Jobs』(Steve Jobs氏のようにプレゼンテーションをする)という記事は、「Steve Jobs氏のようになる」ための究極の手引きを示している。 著者のCarmine Gallo氏は、米Apple社の最高経営責任者(CEO)を務めるJobs氏のブレゼンのスタイルを10のポイントにまとめ、その手法を詳しく解説し、成功するための処方箋としている。 最高のストーリーを探し求める脚本家志望者は、人々の潜在意識に
ビジネスに使える！知らないと損する英文法参考リンク集 | 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のもの。英語ネイティブの人たち向けに作られたものです。 簡単にまとまっていて非常に参考になりますよ。下記がその一覧になります。
SEO業者ですら感動する驚異のCSSテクニック - 不定期更新 SEOコラム
急にお金が必要になってしまいました。キャッシングをするのに、レイクかモビット、どっちを利用するか迷っています。借りるならどっちがお得ですか？ お得という点から言えば、初めてならレイクがよりお得です まず、それぞれの特徴を見ていきましょう。レイクは銀行系で、総量規制の対象外、１万円からお借入可能で、最大500万の限度額、年率4.5～18％、200万まで30日間無利息、または5万までなら180日間無利息、初めてのお借入なら有利な条件ですね。届く封筒は「新生銀行」の名称です。 一方、モビットは消費者金融で、総量規制の対象となります。限度額は500万、年率4.8～18％です。特に無利息期間の指定はありません。WEB完結型なら、審査の電話が入りません。 最高・最低金利だけで見ると、レイクのほうがお得に見えます。また、期間無利息などの点からも、初めての方はレイクのほうがお得な印象です。 反面、新生銀行
Photoshopで人物の髪の毛を切り抜く｜| Woops'dez | Bloggin'
人物の切り抜きにはよく「パス」を使います。 しかしながら髪の毛はとっても大変。ここではちょっと楽が出来る切り抜きTIPSをお送りします。 まぁ、私のやり方なので名フォトショッパーさんはもっとグレイトなTIPSを持っているかも知れませんので、そしたら教えてくださいなー。 1.切り抜きをすませる 問題の部分は適当に残しておきましょう。 こんな感じ。 2.背景→レイヤーにする 鍵の付いているレイヤーをダブルクリックすると、「背景」ではなく「レイヤー」になります。こうすることで、チャンネルなどいろいろ遊べるようになります。 こんなダイアログが出てくるのでとりあえずOK押しちゃえ。 「背景」と「レイヤー」の違い 「背景」 消しゴムなどで消しても後ろが白いままで透過されない。 移動が出来ない チャンネルの複製など出来ない などなど レイヤーにするとこれらのことが全て出来るようになります。 3.「チャン
CSSのレイアウト作成に役立つ便利なリソースいろいろ
最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! CSSのフレームワーク blueprintcss - Google Code 16種類の異なるCSSベースのレイアウト intensivstation :: CSS Templates :: Templates 12種類のCSSによるレイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成する
シゴタノ！ - 読み手の負担を最小化するメールの書き方
Tips for Mastering E-mail Overload 受信トレイに山のように届くメールをいかにして効率よくさばくか、という技術的な話はそれこそ山ほどありますが、結局自分一人ががんばっても“山”そのものを動かすことはできません。 そもそも、メールは気安く送ることができるために、コスト負担構造が逆転している、すなわち書き手よりも読み手にとって重荷になっていると、書かれています。 ●メールが登場する以前は、送り手にコストがかかっていた ●連絡文を書く、切手を貼る、投函する、といった手間、 ●送り先の数に応じて嵩む郵送料、 ●それゆえ、おのずと送り先を厳選していた そして、 ●メールの登場とともに、これらの送り手のコストが格段に下がり、 ●ちょっとした思いつきや衝動でメールを送れるようになった ●しかも、一度に数十人の同僚に送り届けることができる ●自分ができる、ということはみんな
ホームページのデザイン本を買う前に見ておくとお得なエントリまとめ 見本サイト数135程*ホームページを作る人のネタ帳
（このイメージは、このブログの記事内容をイメージするもので、実在しません） 先日書店に、ホームページのデザイン集なるものがおいてあったので、買ってみた。 2000円出して買った本ですが、どうも損した気分に陥る。 そんな損した気分に陥る人が他にもいるかもしれないので、ホームページ、及びブログのデザインのインスピレーションをここにまとめておく事にします。 30ブログデザイン 最近話題になったエントリ。 30 More Excellent Blog Designs 良質なブログデザイン30サイトのまとめエントリ。 Simplicity and Whitespace（シンプルと空白のデザイン）からはこのブログデザインが好き。 すごくすっきりしているというのとさっぱりしていて、ちょっとクドイ。 Theocacao Weblogs Which Don’t Look Like Weblogs（ブログのよ
コミュニケーション下手な人の為の、最初にやるべき習慣 - モチベーションは楽しさ創造から
最近、ビジネスの現場でコミュニケーションが上手に取れない人が増えているそうです。これは新入社員だけでなく、管理者層にもそのような人が増えているとのこと。円滑なコミュニケーションを行う為に、エリック バーン博士が確立した交流分析という心理学の手法を使った、円滑に行くコミュニケーションのやり方をご紹介します。 私達の人格にはP(Parent)、A(Adult)、C(Child)という３つの要素が誰にでもあり、それの強弱が個性でもあります。 P(Parent)というのは、父親が持つような厳格さや厳しさという側面。母親が持つような優しさや包容力といったものですね。 A(Adult)というのは、大人が普段使っている、合理的な物の見方や考え方といったものです。 C(Child)というのは、自由な子供が持っている奔放性のような側面と、優等生の子供が持っているような親に対する従順な態度ということです。 こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.gaopu.com/
Elastic: 男性ファッションの分類＆解説
ユニークウォッチシーホープ オフィシャルサイト WELLCOME TO SEAHOPE OFFICIAL SITE
銃器図鑑
色見本大辞典 伝統色や366日の誕生色占いのWEB色見本サイト
http://www1.odn.ne.jp/artistic/color/
世界の軍服
日本ブランドネクタイピン【紳士屋】｜一生モノのネクタイピン。プレゼントに最適です。
PCサイト->携帯変換スクリプト
実用書には載ってないイラストレーターの使い方。
無題
hereticanthem co.,ltd. » Photoshop&Illustratorのチュートリアルまとめ
英会話・英語・英文・メールの例文を無料オンラインで手軽に見て自然に学習するサイト
写真素材・無料素材サイト PHOTO ST（フォトストリート）
Perl入門
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]
インストラクターのネタ帳
サイトでグラフを使いたい時に使えるまとめ - DesignWalker
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus
Fireworksのチュートリアルいろいろ - DesignWalker
https://www.openvista.jp/archives/note/257/?257/
kitami.tv
携帯電話向けコンテンツの書き方 - ウェブの作り方
japan.internet.com Webビジネス - 売れないオンラインショップの条件
[CSS]チェックしておきたい50のCSSのテクニック | コリス
Web担当者Forum
WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト＋2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳
TableとCSSいろいろ - DesignWalker
