タグ

2007年7月26日のブックマーク (11件)

  • SEOツール | 検索順位/サイト比較/アクセス数比較/検索アクセス予測 アクセス比較.jp

    ドメインパワーとは、その名の通りドメインの強弱を図るもので、実際にGoogleがその数値を公表しているわけではありませんが、いくつか公開されているツールの独自ロジックによって数値化し、競合と比較することによって上位表示で […] 続きを読む E-A-Tとは、検索順位に大きく影響するGoogleの評価基準・概念のひとつで、2014年3月31日版の“検索品質評価ガイドライン”から記載され、Expertise(エクスパティーズ/専門性)・Authoritative […] 続きを読む SEOとは“Search Engine Optimization”の略称で、直訳すると“検索エンジン最適化”となります。 主に検索順位を上げる施策などの行動として“SEO対策”とも呼ばれており、サイトを管理・運営されてい […] 続きを読む

    SEOツール | 検索順位/サイト比較/アクセス数比較/検索アクセス予測 アクセス比較.jp
  • 好きな画像を机の上に散らばったポラロイド写真風にする「Polaroid Gallery」 - GIGAZINE

    クリエイティブ・コモンズのライセンスで提供されており、自分の好きな画像を机の上に散らばったポラロイド写真風に表示することができるFlashファイルです。画像はダブルクリックすると拡大されます。 使い方は至って簡単で、同梱のファイルに表示したい画像ファイル名と、説明文を書くだけ。あとは表示させたい画像を一緒にアップロードすれば自動的に読み込んでバラバラバラ~っと並べて見せてくれます。Flashで作られているのでやろうと思えば自分のブログに埋め込むなんてことも可能です。また、編集できるようにFlaファイルも提供されているので改造もできます。 ダウンロードは以下から。 Polaroid Gallery v.1.01 http://no3dfx.com/polaroid/ ダウンロードしたZIPファイルを解凍し、中にある「photos.xml」を編集するだけです。実際にどんな感じで書くかというのは

    好きな画像を机の上に散らばったポラロイド写真風にする「Polaroid Gallery」 - GIGAZINE
  • ブロックレベル要素の高さを揃えるheightLine.js[to-R]

    ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]
  • 第3回 マークアップの高速化について考える(1)

    今回は、キーボードショートカットの利用や、[クイックタグ編集]など、コーディングの効率化するためのテクをご紹介します。 シチュエーション: 「p要素をaddress要素に変更したい」「p要素をblockquote要素で囲みたい」など、いわゆるマークアップ作業を進めるに際、クイックタグ編集を使うと一瞬で作業が終了します。クイックタグ編集を使いこなすと、エディタとしてのDreamweaverも捨てたものじゃない、と思えるでしょう。 ■ p要素をh2要素に変更したい ローテク・ウェイ: 作業したい段落内にカーソルをおいて、プロパティインスペクタの[フォーマット]をクリック。表示されるメニューから「見出し2」を選択する。 ベター・ウェイ: 作業したい段落内にカーソルをおいて、Ctrl+2(Macintoshではcommand+2)をタイプする。 覚えておこう: 各見出しとキーボードショートカットは

    第3回 マークアップの高速化について考える(1)
  • デザイナーが使う素材集

    ページの雰囲気を向上させるため写真などの要素が欲しいときは、各社ベンダーが運営しているフリー素材集販売サイトを使おう。代表的なサイトは以下のとおり。 イメージナビ http://imagenavi.jp/ amana http://amana.jp/ デクスイメージ http://www.dex.ne.jp/deximage/index.html マイザ http://www.mixa.jp/ Shutterstock http://www.shutterstock.jp/ これらは豊富な著作権フリー素材を含むが、利用範囲を視聴者が25万人以下の媒体、あるいはWebサイトのみ、などと限定しているものもあるため、利用の際は各社が定める権利の範囲を確認してほしい。また、モデルの顔などがはっきり認識できるタイプの写真を使うときはちょっと加工して被写体が目立ちすぎるのを回避することも重要だ。そのま

    デザイナーが使う素材集
  • 第4回 マークアップの高速化について考える(2)

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

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

    ここまでの連載でも何回か触れていたのですが、プロジェクトの運営には、「より良く・より使える」方式への改善が重要です。今回は、さまざまな場面で改善を行うのに有効な、「ふりかえり」の実践です。最近メジャーになってきた感のあるKPT法の使い方、バリエーションについて主に説明していきます。 KPT法とは KPTは、それぞれKeep、Problem、Tryの頭文字で、それまでの活動を、それぞれ、良かったので次もやりたいこと(Keep)、問題だったので次はやめたいこと(Problem)、次にやってみたいこと(Try)の3つの軸で整理する方法です。 この方式の主な特徴は、 シンプルで分かりやすく、理解しやすいこと アナログ的で親しみやすく、参加しやすいこと 「見える化」されているので、外部の人でも状況が分かりやすいこと なところが挙げられます。そのせいか、参加者の「いつき」が良いようで、次々と利用者が

    KPT法
  • PhotoShopで使える18の超便利ショートカットキー:phpspot開発日誌

    18 Exceptionally Useful Photoshop Shortcuts Working with Photoshop can be quite time consuming for both beginners and advanced users. PhotoShopで使える18の超便利ショートカットキー。 元々使いやすいPhotoShopも次のショートカットキーを使いこなすことでより素早くPhotoShopを使いこなすことができるでしょう。

  • モザイク職人になれるフリーソフト : Gizmodo Japan(ギズモード・ジャパン), ガジェット情報満載ブログ

    携帯機器の発達により、個人でも動画を撮るのが難しくない時代となってきました。しかし撮りっぱなしというのも味がありません。ほんの1つまみでいいからスパイスを…。 という方にオススメしたいのが、もりのぱぱさんの作られた「SEffect」です。読み込める動画ファイルはAVIファイル準拠のものに限定されますが、任意のフレームから任意のフレームまで、モザイク処理やマスク掛けを自動補間しながら重ねてくれるソフトです。 秘め隠す道徳観という美徳がDNAに刻み込まれている日人だからこそインストールしておいてもらいたいフリーソフト。け、決してポッキーべているトコロとか一生懸命笛を吹いているシーンに使えって言っているんじゃないんだからね! (武者良太) [SEffect] 【関連記事】 YouTube Remixerで自分で動画をリミックスしちゃおう[操作手順] 【関連記事】 ちょっとクールなオンライン・

  • 木目デザインとモノクロデザイン20サイトとデザインの参考になる45のウェブサイト*ホームページを作る人のネタ帳

    木目デザインとモノクロデザイン20サイトとデザインの参考になる45のウェブサイト*ホームページを作る人のネタ帳
  • テキストの上に雪がのっかったようなロゴを作るPhotoShopチュートリアル:phpspot開発日誌

    Snow on Text | tutorialwiz.com | Adobe Photoshop This tutorial teaches you how to create nice looking snow effect on your text, you can use the effect on christmas themed graphics.テキストの上に雪がのっかったようなロゴを作るPhotoShopチュートリアル。 次のようなテキストの上に雪がのかったようなロゴが作れます。 冬のシーズンなど、使いどころは多そうなので是非とも押さえておきたいですね。