タグ

2009年2月8日のブックマーク (47件)

  • Dreamweaver覚え書き

  • Dreamweaver MX 2004 ショートカットキー一覧: 一文字に三つ星

    Dreamweaver MX 2004 の標準状態(Macromedia Standard)でのキーボードショートカット一覧です。 ショートカットキーが設定されているものだけ抜粋しています。 ダウンロード エクセルファイルも置いておきます。ダウンロード後、解凍してください。ZIP圧縮。 解凍して出てきたエクセルファイルを印刷すれば、下のイメージのような感じで刷れます。全部で4ページ。 Ver.2005-07-13 DreamwaverMXKeyboardShortcut.zip 印刷イメージ Dreamweaver MX 2004 キーボードショートカット一覧 メニューコマンド コマンド ショートカット

    Dreamweaver MX 2004 ショートカットキー一覧: 一文字に三つ星
  • Webクリエイターを支援するシリコンカフェホームページ

  • divlayout【完璧 css divタグレイアウトコーディング】

    以上の3つを使いこなせばもうコーディングの上級者です。 このサイトは、htmlの構造的にも、seo観点からも、ブラウザの表示速度的にもあまり良いとはいえないテーブルレイアウトから脱却し、divタグを使ったcssでのレイアウトコーディング方法について解説しています。 cssでのレイアウトは、今後のwebサイト構築術としてxhtmlとともに増えていくことが想定されます。 市販のオーサリングソフトを使用してwebサイトを作成する場合、テーブルタグでレイアウトを行う方法が、簡単で、サイト作成中も視覚的にわかりやすく、まだまだ一般的です。divタグを用いたcssのレイアウト方法は、オーサリングソフトではまだ環境が整っていないように思います。 そんな中、ブログが広まりを見せ、テーブルを使用しないcssによるレイアウトがなされたページも数多く見受けられるようになりました。 しかしながら、ブラウザによって

  • 高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE

    通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。 ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。 ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ

    高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE
  • dreamweaver入門−レイアウト編目次

    レイアウト編では、ページのレイアウトに関することをまとめてあります。 ページ作成になれてきたら、デザインにもこだわってみましょう。(^-^ カテゴリの各ページに1度目を通してから、じっくりページ作成に入りましょう。(^-^

  • Dreamweaverの機能を活用する・テンプレートの使い方:Web作製

    能率的なウエブサイト更新のヒント:道具としてのパソコン@おやこニュース Dreamweaverの機能を活用する:テンプレートの使い方 関連ページ 更新履歴 2005-07-07:更新 このページの構成 テンプレートについて テンプレートのメリット どういうときに使うか テンプレートの作り方 テンプレートファイル(.dwt)を作る 編集可能領域設定上の注意 テンプレートの活用法 テンプレートから新規ファイルの作り方 既存ファイルにテンプレートを適用する テンプレートを修正する テンプレートに関する注意事項 「能率的なウエブサイト更新のヒント」について 更新履歴 ご案内・関連ページ 環境設定に注意すること。また、DreamWeaver MX2004によるHTML作製も参照のこと。 テンプレートについて ああ。さすがだ。ドリームウィーバーはすごいなぁ、と思わせる機能のひとつが、テンプレートです。

  • ファイヤーワークスに関するリンク集

    Fireworks・ファイヤーワークス Fireworks(ファイヤーワークス)はMacromediaが開発した、JPEG、GIFなどのWebグラフィックスを作成 するための市販ソフトとしては世界初の「Webグラフィック」ソフトです。 同じMacromedia製のWebデザインソフトDreamweaver(ドリームウィーバー)との連携はもちろん、 Photoshop(フォトショップ)や Illustrator(イラストレーター)といったDTPソフトとの連携も比較的容易 なのがいいですよね。 感じとしてはFireworks(ファイヤーワークス)は、 Illustrator(イラストレーター)とPhotoshop(フォトショップ)を足して割 ったような感じ があります。なのにこのフト1で済んでしまうってのがお気に入り。しかも比較 的お値段が安いし〜(笑) jpgやgifの描き出しがキレイ

  • スペシャルベスト

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

  • 第4回 マークアップの高速化について考える(2)

    前回に引き続き、マークアップの高速化について考えましょう。前回はタグ(要素)そのものの入力が主でしたが、今回はタグの属性の入力などにフォーカスを当てます。 ■ コードビューでの入力は、コードヒントを最大限に使おう たとえば、すでに入力されているdiv要素にid/class属性を付加することを考えてみましょう。 ローテク・ウェイ: <div>に続けてスペース、id="wrapper"と地道に入力する ●ベター・ウェイ: 1.<div>に続けてスペースを入れると、ポップアップメニューが表示される

    第4回 マークアップの高速化について考える(2)
    mimimi0101
    mimimi0101 2009/02/08
    コードヒントがなくなったら ctrl+スペースキー
  • 正しく、早く、美しいコーディングを実現するために踏むべき5つのステップ::::::STOPN' LISTEN::::::to the silence:::::::

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

  • DreamweaverでSmarty テンプレートをイケてる感じで編集しよう。 : ::yossy.blog::

    Posted on 6月 2, 2006 Filed Under Smarty | 久々のblog更新。 もうここのblogは技術系に特化させようと思います。 はい、題。 webデザインを行うときって結構Dreamweaver使うと思うのね。 あたくしは普段バリバリプログラマーなので、PHPでゴリゴリとプログラム開発。 だからデザインなんてほとんどしません。 じゃぁデザインどーすんのっ!?って感じだけど、 そこは、ロジックは俺、デザインは他の人、って分業。 デザインはwebデザイナーが作ったほうが綺麗に決まってるものね。 だけど、たまぁに一人で両方やんなきゃいけないときがあるの。 まじデザインセンスないのに。 センスないのわかってるのにやんなきゃいけないってマジだよね。 で、PHPで開発するとき、HTMLテンプレートとして決まって使うのがSmarty。 ※Smarty

  • ホームページ制作Dreamweaverの使い方、操作説明

    Dreamweaverの使い方(操作方法)をアニメーションで覚えよう このサイトでは、代表的なホームページ制作ソフトであるAdobe Dreamweaverの使い方を、FLASHによる操作アニメーションを使い、説明します。 ホームページの制作・WEBサイトの構築にお役立てください。 なお、 操作アニメーションは、Macromedia Captivateというソフトウェアを用いて作成しています。 Dreamweaver使い方(動画操作説明)の収載内容一覧

  • 効率的に作るコーディングとは?

    Dreamweaverを使おう! 今回と次回にわたって、Adobe DreamweaverとMovableTypeの連携による効率的なコーディングについて解説します。今回は、WebオーサリングツールにDreamweaverを使用して、効率的にページのコーディングをする方法を解説します。 HTMLコーディングをする際、多くのマークアップエンジニアHTMLコーダー)がテキストエディタやWebオーサリングツールなどのアプリケーションを併用してコーディングを行っているかと思います。Dreamweaverには便利な機能が多く存在しますが、すべてを使いこなしている人は少ないのではないでしょうか。 多くの便利な機能の中でも、今回は次の4つの機能について解説します。 1.コードヒント 2.スニペット 3.ライブラリ 4.テンプレート それでは、早速1つ目の便利な機能であるコードヒント機能について解説しま

  • | ^^ |秒刊SUNDAY | 知らないと損をするWeb制作で便利なショートカット表一覧集

    2008年09月08日 知らないと損をするWeb制作で便利なショートカット表一覧集 Webデザイナーになる為には、まず色の基礎知識、フォトショやイラレなどの使い方、コーディング方法・・・様々ありますが、そんなときに役立つチート表のサイトがこちら。 ※ごめんなさい、全部英語です・・・。でもショートカットを知るだけなら差し障りは無いかな。 ◆Photoshop:ショートカットチート表 ■http://morris-photographics.com/photoshop/shortcuts/#pscs3 →全塗り、レイヤー統合は良く使う。 ※リンク先にCS2とCS3用のPDFがあるので落とすべし。英語わかんねーYO!とか気にすんな! ◆Photoshop:レイヤーパレットキーショートカット ■http://livedocs.adobe.com/en_US/Photoshop/10.0/he

  • 『DreamweaverによるCSSレイアウト』(鷹野雅弘)のフォローアップ | CSS Nite公式サイト

    CSS Nite in Ginza, Vol.28フォローアップ(1) 記事公開日:2008年11月21日(金) 11月20日に開催したCSS Nite in Ginza, Vol.28『DreamweaverによるCSSレイアウト』(鷹野雅弘)のフォローアップとして参照リンクなどをご紹介します。 今回のセッションでご紹介したテクニックなどは日経IT proでの連載記事作業効率を高めるDreamweaverの小技でも触れていることが多いので、ご参照ください。 第1回 ひきついだサイトはdivでいっぱい! 第2回 特定の要素(タグ)を削除したい 第3回 マークアップの高速化について考える(1) 第4回 マークアップの高速化について考える(2) 第5回 環境設定を見直そう(1) 第6回 環境設定を見直そう(2) 第7回 環境設定を見直そう(3) 第8回 Office書類の活用 今日のセッション

  • Chocolate(チョコレート) - 世界の便利なサイトやニュースを紹介

    ตอนนี้ ให้ฉันบอกวิธีแก้ไขปัญหาไฟแดง autobet สามดวงจาก Xbox 360 ของคุณ คุณไม่จำเป็นต้องส่งไปที่ศูนย์บริการในขณะนี้ และรอสองสามสัปดาห์เมื่ออาการอาจแย่ลงกว่าเดิมและคุณต้อง จ่าย 150 ดอลลาร์โดยหวังว่าศูนย์บริการจะซ่อมและส่งกลับให้คุณ นี่ไม่ใช่ทั้งหมด นี่เป็นเพียงสถานการณ์ถ้าคุณมีสงครามทางเทคนิคกับ Xbox ของคุณ และไม่ตอบสนองต่อความพยายามใดๆ ที่คุณพยายามควบคุมการตั้งค่าของตัวเอง ufarich77xนั่นคือการแก้ไขข

  • 無料のハイクオリティー フォント ベスト25 - Chocolate(チョコレート)

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • Connection Problem

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • 100の無料で使えるWebデザイン テンプレートとツールのまとめ - Chocolate(チョコレート)

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • Connection Problem

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • Connection Problem

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • 41のフォント配布サイト - Chocolate(チョコレート)

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • Connection Problem

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • Connection Problem

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • 300以上の映画タイトル・ロゴのフォントが手に入る『TypeNow.net』 | Chocolate(チョコレート)

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • メタリックな質感をPhotoshopで表現する方法いろいろ - DesignWalker

    メタリックな質感をPhotoshopで表現する方法いろいろ - DesignWalker
  • ディズニーの絵の描き方がわかる61のPDFが公開されています! | POP*POP

    なんと、ディズニースタジオの「絵の描き方」資料が公開されました。 61項目のポイントが紹介されています。インストラクターのWalt Stanchfieldさんは、クマのプーさんなどを手がけられた人ですよ。 下記に少しご紹介。 ↑ こんな感じで授業用のノートがPDFでダウンロードできます。説明つきなのがうれしいですね。 ↑ 第一回目のレッスン「エッセンスの抽出の仕方」です。 ↑ 物語の作り方まで教えてくれます。 世界で多くのファンを誇るディズニーの絵のエッセンスですから、絵に興味ない方でも、気になるところではないでしょうか。 61項目のタイトルはこんな感じ。「エッセンスの抽出の仕方」「アニメーションのための絵の描き方」「反発力を描く」「内側からの力を描く」「落書きの仕方」などなど、興味をそそるタイトルばかりですね・・・。 Abstracting the Essence Acting (dra

    ディズニーの絵の描き方がわかる61のPDFが公開されています! | POP*POP
  • Flickrをちょっと便利に使うためのツールまとめ | P O P * P O P

    写真共有SNSの「Flickr」は関連ツールが多いことで有名です。 そこで今回はこちらで紹介されていた「Flickrを便利にする10のツール」をご紹介。いくつかすでに各所で紹介されているものもありますが、まとめの意味を込めてエントリー。 » Thomas Hawk’s Digital Connection: Top 10 Hacks on Flickr では下記からどうぞ! 【1】 Flickr Leech Flickrの写真検索ツール。かなり高機能なので有名です。IDやユーザーネーム、セットなどあらゆる条件で写真を検索できます。表示も速いです。おすすめ。 » Flickr Leech 【2】 SmartSetr 検索条件を指定すると自動的にセットを作ってくれるツール。iTunesのスマートリストのようなものですね。検索条件の自由度も高いです。 » SmartSetr 【3】 Multi

    Flickrをちょっと便利に使うためのツールまとめ | P O P * P O P
  • 嘘のようなほんとの話(またしてもトリビア) | POP*POP

    またしてもトリビアですが・・・個人的に「へぇ~」が多かったのでご紹介。ちょっとした話のネタにどうぞ。「当?」と思った人は実際にその背景を調べてみるとおもしろいかもしれません。 » Strange but Real 上記のサイトでは55個のトリビアが紹介されていますが、個人的にヒットしたものをピックアップしてご紹介します! 右利きの人は左利きの人より平均して9年長く生きる。 ディープキスをしている間に口同士で4万の寄生虫と250種類のバクテリアが交換される。 あまりに激しいくしゃみをすると肋骨が折れる。さらに激しいくしゃみをすると、頭や首の血管が破れて死ぬことがある。 ブルース・リーの動きはあまりに早すぎたのでフィルムの再生速度を遅くする必要があった。 目を開けながらくしゃみをすることはできない。 脳はテレビを見ている時よりも寝ている時の方が活発に動いている。 マルボロの最初のオーナーは肺

    嘘のようなほんとの話(またしてもトリビア) | POP*POP
  • 2006年のロゴトレンドいろいろ(LogoBlog調べ) | P O P * P O P

    こちらの記事で2006年のロゴのトレンドがランキング形式で紹介されていました。LogoLoungeというロゴを集めたサイトを参考にLogoBlogというロゴの専門ブログが作成しました。 » The Best of 2006 Logo Trends 下記1位からどうぞ! 【1】 装飾系のロゴ 凝ったロゴです。若い世代に受け入れられているのだとか。 【1】 筆を使ったようなロゴ 同じく1位です。絵のようでありながら生き生きした印象を受けるロゴです。 【3】 金細工系のロゴ このようなロゴはブランドの質を誇示したい場合に使われる傾向にあるそうです。 【4】 破裂したようなイメージのロゴ 2006年のFIFAワールドカップのものが有名ですね。勢いを感じるロゴです。 【5】 鮮やかなロゴ 原色をうまく活用しているのが特徴的です。インパクトがありますよね。 【6】 レイヤーを重ねたロゴ 透明度の高いレ

    2006年のロゴトレンドいろいろ(LogoBlog調べ) | P O P * P O P
  • 動画で学ぶPhotoshop (27のテクニック) | POP*POP

    下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写

    動画で学ぶPhotoshop (27のテクニック) | POP*POP
  • 有名企業90社のロゴが持つ意味がよくわかる『Logo Design History』 | POP*POP

    企業のロゴには様々な意味が込められていろことが少なくありません。たとえばApple社のロゴマークであるリンゴには数多くの逸話があります(詳しくは後述)。 そこで今回は「Logo Design History」というサイトをご紹介。こちらでは有名な企業90社のロゴの由来が紹介されています。ロゴの製作者や背景、こめられた意図などを知ることができますよ。またロゴによってはEPSファイルもダウンロードできるようです。 » Logo Design History 下記に「へぇ」と思ったものをいくつかご紹介します。 Lacoste ラコステのロゴはワニ。これは創始者が鰐皮のスーツケースを見ている時に、ラコステのアイデアを思いついたからだそうです。 Mercedes Benz メルセデス・ベンツの有名なシンボル「スリー・ポインテッドスター」は、陸海空を駆け抜ける車を作る、という意思が込められているそうで

    有名企業90社のロゴが持つ意味がよくわかる『Logo Design History』 | POP*POP
  • ジョージ・オーウェルさんに学ぶ、人を惹きつける文章術 | P O P * P O P

    ブロガーに限らず、もうちょっと文章がうまくなりたい・・・と考えている人は多いはず。 そこで今回はジョージ・オーウェルさんの文章術についての記事をご紹介します。ジョージ・オーウェルさんといえば「動物農場」や「1984年」の作品で有名なSF作家です。 » George Orwell: 12 Writing Tips (via Writingclasses.com) ちなみに彼の詳しい経歴は以下をどうぞ。 » ジョージ・オーウェル – Wikipedia さて、その彼の文章術とは? ■ 文を書いたあとの心得 読者にとってわかりやすい文章を書きたいならば、一つ一つの文を書いた後に、次の4つについて自問しましょう。 いったい自分はここで何を言いたいのか? 自分が言いたいことはどのような言葉で表現したらいいだろうか? 表現する際に、どのような比喩や熟語を使えばわかりやすいだろうか? この表現は読者に対

    ジョージ・オーウェルさんに学ぶ、人を惹きつける文章術 | P O P * P O P
  • 空から光が差し込む神々しい景色を作成するPhotoshopのチュートリアル | POP*POP

    先日、「惑星が爆発したような画像を作成するPhotoshopのチュートリアル」を紹介してくれたlov2helpでまたしても興味深いチュートリアルが公開されています。 「空から光が差し込む神々しい景色」が簡単に作成できるチュートリアルです。神秘的な雰囲気がたまりません。覚えておくとよいかも。 では以下にそのステップをご紹介。 ↑ まず、500ピクセル×500ピクセルの画像を新規で作成します。 ↑ 「フィルタ」→「描写」→「雲模様1」で雲の素地を作ります。 ↑ さらに「雲模様2」を4回~5回ほど繰り返します。 ↑ 「イメージ」→「色調補正」→「レベル補正」を行います。 ↑ 「フィルタ」→「表現手法」→「押し出し」を選択。雲がぐぐっと迫ってきます。 ↑ 「イメージ」→「色調補正」→「階調の反転」。雲っぽくなってきました。 ↑ 次に「背景の複製」を行います。 ↑ そして「フィルタ」→「ぼかし」→「

    空から光が差し込む神々しい景色を作成するPhotoshopのチュートリアル | POP*POP
  • あるデザイナーが一つのロゴを作り上げるまでのデザインプロセス | POP*POP

    こちらのサイトであるデザイナーの仕事っぷりが披露されていました。コンセプトからデザインにいたるまでの過程を順を追ってみることができます。 » Ideabook Tutorials | Step-by-step logo – Mozilla Firefox デザイナーさんってこういう風に仕事をするのか・・・と大変勉強になりました(もちろんデザイナーさんそれぞれに違った仕事のやり方があるかと思いますが)。 では以下にそのデザイナーさんの頭の中身とでもいうべきデザインプロセスをかいつまんでご紹介。 今回依頼があったのは「Metro Aviation」というヘリコプターの輸送会社。 まずは紙にスケッチをしていきます。 ↑ ヘリコプターの概念をさらさらと。 ↑ もちょっと具体的に。 ↑ 社名も入れつつ違った角度から。 この時点でクライアントから「ハチドリ」のイメージが欲しいなぁ、と言われます。 ↑

    あるデザイナーが一つのロゴを作り上げるまでのデザインプロセス | POP*POP
  • 都会っぽくて素敵なテクスチャ素材がダウンロードし放題の『URBAN DIRTY』 | POP*POP

    アーバンな感じのテクスチャ素材がたくさんあるサイトです。商用利用も可能で、すべて無料です。条件はこのサイトのクレジットを載せること。 現在143枚の素材がダウンロード可能です。今後も増えていくようですね。サイズも大・中・小用意されています。検索もできますよ。 いくつか写真でご紹介。 ↑ サイトのトップバナーに使えそうな・・・。 ↑ テクスチャだけでなくこうした素材もちょこちょこあります。 ↑ メタリックなイメージにいいですね。 ↑ ちょっと宗教的なイメージを醸し出したいときに。 ↑ 不思議と未来を感じさせるイメージ。 他にもたくさんありますね。ご利用は以下からどうぞ。 » Urban Dirty: Free texture stock photography for your artwork, desktop and design

    都会っぽくて素敵なテクスチャ素材がダウンロードし放題の『URBAN DIRTY』 | POP*POP
  • ウェブのテキストがもっとも読みやすい文字色と背景色は? | POP*POP

    1997年の研究ではありますが、「ウェブ上のテキストがもっとも読みやすいのはどういうとき?」なるものが紹介されていました。 » Web page readability: Green text on yellow works the best この研究では、フォント、色、スタイルをいろいろ変えてどの組み合わせが読みやすいかを調べたようです。 いくつか参考になりそうな結果があったのでご紹介していきます。 では早速その研究結果から。 もっとも読みやすかったのは「黄色の背景」に「緑の文字」だそうです。ただしフォントが斜体のArialのときはこの組み合わせは最悪だそうです。 Times New RomanのほうがArialより読みやすい。 フォントも合わせて考えると「Times New Romanで、斜体で、黄色の背景で、緑の文字」が一番読みやすかったそうです。 ↑ こんな感じですね・・・。 「グ

    ウェブのテキストがもっとも読みやすい文字色と背景色は? | POP*POP
  • 小粋なデザインパターンが18種類!お役立ち度満点の『Design Patterns』 | P O P * P O P

    これは素敵な資料です。 ウェブ上の小粋なインターフェースがFlickr上で集められています。「カレンダー」、「ログイン画面」、「友達を追加」などなど、かなり使える事例が満載です。 「ここのインターフェースはどうしようかな・・・」というときに参考にされてみてはいかがでしょうか。 どういったインターフェースが掲載されているか、以下にいくつか見ていきましょう。 ↑ 「友達を追加」のインターフェース。SNS的要素には必要ですね。 ↑ カレンダーのインターフェースいろいろ。参考になりますね。 ↑ フッターのインターフェース。ユーザーアクションを促すには大事です。 ↑ アップロード系のインターフェース。CGMには必須ですね。 他にも「404ページ」や「タグクラウド」などがありますね。全部で18種類あります。 ご覧になりたい方は以下よりどうそ。 » Collection: Design Patterns

    小粋なデザインパターンが18種類!お役立ち度満点の『Design Patterns』 | P O P * P O P
  • SEO的な情報がまとめて手に入る検索エンジン『ピタゴラス』 | P O P * P O P

    なかなか便利そうな検索エンジンが登場したようです。 サイトのSEO的情報がまとめて見られるツールです。どのサイトがどう強いのかを知るのに便利そうですね。広告出稿を考えている企業の方にとってはかなり使えるのではないでしょうか。 以下に簡単にご紹介。 ↑ トップページはGoogleライク。キーワードかURL直接指定かで検索します。 ↑ とりあえず「百式」で検索。がんばっていますねぇ、100SHIKI.COMw。 ↑ さらに詳しく、をクリックするとこのような画面に。頻出単語一覧などが参考になりますね。 ↑ 画面の下のほうにはさらに詳細な情報が並びます。 データはYahoo! JAPAN検索のものを使っているようですね。ご興味のある方は以下よりどうぞ。 » Pythagoras(ピタゴラス)

  • Adobe製品のペンツール習得のための『Adobe Pen Tool Cheetsheet』 | POP*POP

    クイック選択ツールもいいけれど、やっぱりペンツールを使いこなしたい、という方のためのチートシートが公開されていました。 慣れるまではこうした手元に置いておけるシートが欲しいですよね。よろしければどうぞ。 » Adobe Pen Tool Cheatsheet.pdf なお、このチートシートはCreativeTechsにて見つけました。このブログ、更新頻度は低いですが、紹介されるちょっとしたTipsがなかなかよいですよ。 » CreativeTechs Tips: Adobe Pen Tool Cheatsheet.

    Adobe製品のペンツール習得のための『Adobe Pen Tool Cheetsheet』 | POP*POP
  • 【図解】 マーケティング、PR、広告、ブランディングの違いとは? | POP*POP

    ちょっと古い話題ではありますが、やっぱりうまく説明できているなぁ、と思うのでご紹介。 マーケティング、PR、広告、ブランディングの違いを端的に表している画像です。あなたはこれらの違いをきちんと説明できますか? 以下からどうぞ。 個人的な解釈をまとめると以下のようになるのでは、と思っています。 マーケティング 自分で商品を勧める。 PR ほかの人に商品を勧めてもらう。 広告 自分で商品をしつこいほど勧めるw ブランディング 相手に商品の良さを言わせる。 ビジネスのステージによって必要なものは違ってきますが、違いを理解した上できちんと社内外にメッセージを伝えたいですね。 元記事は以下からどうぞ。 » The difference between Marketing, PR, Advertising and Branding | Ads of the World

    【図解】 マーケティング、PR、広告、ブランディングの違いとは? | POP*POP
  • マーケティングのコピーを考えるときにもっとも重要な二つの質問 | POP*POP

    すぐに使えるマーケティングのエッセンスをよく紹介しているDuct Tape Marketingにて「Two Questions That Matter Most」なる記事が掲載されていました。 マーケティングのコピーを考える際に自問すべき2つの質問についてです。製品の機能や専門用語を並べ立てるのではなくて、「売れるコピーはこう作るべし!」ということが簡潔に語られています。個人的に納得してしまったのでご紹介。 詳しくは以下からどうぞ。 その二つの質問とは次のようなものです。 あなたの商品やサービスを買うときにお客様は頭の中でなんと言うでしょうか? ここで重要なのはその製品を買おうとしている人が頭の中でどういう会話をしているかを推測することです。「○○(型番)が欲しかったんだよね!」などと考える人はいないでしょう。「もうちょっとこの書類が片付くといいのになぁ」といった、彼らの当の言葉をコピー

    マーケティングのコピーを考えるときにもっとも重要な二つの質問 | POP*POP
  • 知っておくと便利なHTMLで書ける特殊文字一覧『HTML/XHTML Character Entities』 | P O P * P O P

    のちのち使えそうなのでメモとしてエントリー。HTML/XHTMLで書けるエンティティの一覧です。 ちょっと変わった矢印や、コピーライトなどの記号、他にもニコニコマークなどがありますね。うまく組み合わせれば楽しげなページができそうです。 ↑ マニアックな記号を知っていれば友達に自慢できるかも? 毎日使うものでもないですが、いざというときに知っておくと便利ですね。ご利用は以下からどうぞ。 » HTML/XHTML Character Entities : HTML.SU

    知っておくと便利なHTMLで書ける特殊文字一覧『HTML/XHTML Character Entities』 | P O P * P O P
  • この色の名前はなに?を教えてくれる『Name That Color』 | POP*POP

    カラーホイールから選んだり、HEXコードで指定した色の名前を教えてくれるツールがName That Colorです。色をどう表現したらいいかを知りたいときに便利そうですね。 ↑ さまざまな方法で知りたい色を指定できます。 ソースコードも公開されていますね。詳細は以下からどうぞ。 » Name that Color – Chirag Mehta : chir.ag

    この色の名前はなに?を教えてくれる『Name That Color』 | POP*POP
  • 覚えておきたいちょっと計算を速くするための小技10 | POP*POP

    これは便利そう。ちょっとした計算を早くするための小技です。全部で10個あります。全てマスターすればかなり「頭がよく見える」かも? 瞬時に数字を11倍する方法だとか、すぐに5倍する方法だとか。ビジネスシーンで使えればかなり有効ではないかと思います。 詳しくは以下からどうぞ。 11倍した答えを瞬時に知る方法 なにかの数字を10倍するのは簡単ですが、11倍するのも簡単だとご存知でしたか?二桁の数字限定ですが、やり方は簡単ですよ。例として52をあげましょう。 まずは52の間に(5+2)を入れます。 5_(5+2)_2 するとできあがるのがこちら。 5_7_2 そうです。52×11は572なのです。ちなみに真ん中にいれる数字が繰り上がってしまう場合は繰り上がった数字を一番前の数字に足せばOKです。例として99をあげましょう。 まずはこのように。 9_(9+9)_9 なので、 (9+1)_8_9 答え

    覚えておきたいちょっと計算を速くするための小技10 | POP*POP
  • 第56回 クロージャの実践的使いどころ - bingo_nakanishiの他言語出身者のためのPerl入門

    あまりPerlでクロージャを使っている例をみたことがなくて(僕の勉強不足もあるだろうけど)、 友人に聞いてみたところ、 コールバックかな。 と言われたので、やってみよう。 コールバック そもそもコールバックとはなにかというと、 なにかの関数に関数を与えると、その与えた関数を呼んでくれる仕組みである。 言葉で説明すると、わかりにくいのでソースを提示する。 use strict; sub call_you { my $code = shift; print '今から君の関数を呼ぶ', "\n"; $code->(); # コールバック; print '呼び終えました', "\n"; } my $f = sub { print '!!呼んで!!', "\n"; }; call_you($f); 結果: 今から君の関数を呼ぶ !!呼んで!! 呼び終えました コールバックを使った関数 では、次のよう

    第56回 クロージャの実践的使いどころ - bingo_nakanishiの他言語出身者のためのPerl入門