イラレの「文字組みアキ量設定」例 - なんでやねんDTP・新館
DTP TransitさんにIllustratorで文章を扱うとき（文字組版）と題して、イラレの文字組版の基本がエントリーされていた*1。ちょっと触発され、ちょうどタイミングもイイので私も記事にしておこうと思う（19:00頃加筆）。 ※別に Illustratorの文字組みアキ量設定について と題して、動画でデフォルト設定からカスタマイズまで、全般的に説明していますので、そちらもご参照ください。（2013.04.13追記） ※設定済みファイルダウンロードへのリンクも… ●さらに左欄にリンクバナーを置いてある「+designing」さんのダウンロード頁にも… 文字組みモノにはInDesignを使うことが多く、llustratorを使うにしてもツメ組みがほとんど。 現状ではllustrator CS2を使っており、「文字組みアキ量設定」はカスタマイズしてあるのだが、新たにCS3上でイジってみた
Google Analytics以上の超強力なリアルタイムアクセス解析ができる「Woopra」を試しに使ってみました
通常のアクセス解析はある程度時間が経過してからでないとその結果がわからないため、「まさに今！このページがヒットしている！」というのがわかりにくいのですが、この「Woopra」というアクセス解析サービスはとんでもないリアルタイム性がウリとなっており、誰かが訪問しに来たら即座にわかるようになっています。 リアルタイムアクセス解析を最大限活用するため、ブラウザ経由での利用だけでなく、Javaをベースとして作られたWindows・Mac・Linux対応の専用ソフトがあり、来訪者にタグ付けして個別に追跡、IPアドレスなどあらゆる条件で絞り込めるクイックフィルタ、誰がどこから来たのかすぐにわかるマップ、特定の条件のユーザーが来たらポップアップしたり音を鳴らして知らせてくれる機能などなどを搭載。そのすべてがリアルタイムに刻一刻と変化して最新の情報を教えてくれます。Google Analyticsで実現し
Wordpress SEO: これを読めば後は何もいらない！ » SEO Japan
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 皆さんもご存知のように、私はワードプレスを愛用している。私はアフィリエイトサイトの大半でこのプラットフォームを利用しており数千ドル/月の収益を手に入れている。また、このブログを含むブログにも利用している。しかし、このCMSを活用しているのは私だけではないはずだ — 実際に無数のサイトがこのソフトウェアをベースにしている。 そのため、ワードプレスを称賛する声は後を絶たない。しかし、デフォルト時のSEOに関してはメリットの一つに挙げることは出来ない。私は、このソフトエウェアを多用し、検索エンジンのトラフィックのおかげで多額の収入を得るなかで、ワードプレスの設定の最適化における最良の方法を編み出した。
nofollowリンクは普通のリンクまで巻き添えにする?
AというページからBというページへ2本リンクが張られていたとします。 このときどちらか片方のリンクにnofollow属性が付けられていると、nofollow属性が付いていないもう一方のリンクもGoogleには無視されるという分析があります。 下の2つのリンクはともにこのブログのトップページへのリンクです。 海外SEO情報ブログ 鈴木謙一のパーソナルブログ 1はnofollowが付いていない普通のリンクです 2はnofollowが付いているリンク、すなわちGoogleには評価されない（PageRankやアンカーテキストを渡さない）リンクになります。 このとき、nofollowが付いていない1つ目の通常リンクまで2つめのnofollowリンクの影響を受けて、nofollow扱いされてしまうことがあるようなのです。 この問題についてGoogleのMatt Cutts（マット・カッツ）氏が回答しま
SEO対策で失敗しない為にやるべき事とやらなくても良い事 | パシのSEOブログ
SEO対策は、やり方によって費用や時間を浪費してしまう可能性が高い手法です。直ぐに成果が出るようなものではなく、日々の順位変動は気にする必要が無いと言われても、SEOの主たる目的は上位表示なわけですから、気にするなというのは無理があります。 そこで、狙っているキーワードで上位表示できていない場合や、大幅に順位が下落した場合でも、焦ることなく冷静に対応する事ができるような態勢を日ごろから整えておくと良いでしょう。 １．リスクを分散させる 複数サイト運営 これは何度も書いている事ですが、一つのサイトに依存した運営を行なっていると、突然順位が落ちてアクセス数が激減してしまった場合に、大きなダメージとなります。サイトを量産しようとまでは言いませんが、それなりのサイトを2〜5個ぐらいは持っておいたほうが良いでしょう。 全てのサイトを同じキーワードでSEO対策し、同じような内容のサイトにしてしまうと、
SEMで初心者にありがちな14の過ち » SEO Japan
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ グーグル・アドワーズとSEOには多くの類似点があり、双方のトラフィック獲得戦略において、初心者が犯す過ちの多くも共通している。そこで私は、一般的な過ちを説明することで、皆さんが検索エンジンマーケティング・キャンペーンを行う上で、貴重な資金を節約することが出来るのではないかと考えた。 弱いドメイン名 すべての検索トラフィックをホームページに リンク構築をしない すべてのリンクをホームページに リンクのアンカーテキストのバリエーションなし 質に焦点を絞らない ページ最適化の欠如 サイト構造の欠如 加える価値のないサイト 不適切な予算で競争の激しい飽和市場に参入 既存のマーケットを狙う 収益化すること
オプトインメールの承諾画面をユーザ視点でチェックする (ユーザビリティ実践メモ)
平成20年6月に成立した「特定商取引に関する法律及び割賦販売法の一部を改正する法律」では、宣伝や広告を目的としたメールを送信する際には、ユーザから事前に承諾を取ること（オプトイン方式）が必要と定められました。きちんとした承諾を取らずに広告や宣伝メールを配信した場合行政処分の対象となる場合もあります。今回は事前の承諾の取り方について、経済産業省のガイドラインを元に考えてみたいと思います。 1）デフォルト・オン方式 （広告メール送信希望のチェックが入っている） 2）デフォルト・オフ方式 （広告メール送信希望のチェックが入っていない） 推奨は「2）デフォルト・オフ方式」とされていますが、ユーザが認識しやすい形であれば「1）デフォルト・オン方式」も認められています。ただし、その場合は、ユーザが「容易に認識できる表示」とすることが必要です。 経済産業省のガイドラインではユーザが「容易に認識できる表示
「モバイル検索サイト、SEOに関するユーザーと企業の意識調査」、検索サイト利用は6割 | Web担当者Forum
モバイル関連ビジネスのIMJモバイルは、「モバイル検索サイト、SEOに関するユーザーと企業の意識調査」を実施、結果を発表した。それによると、最も利用されているモバイルサイト到達方法はキャリア検索で、キャリア以外も含めると約6割が検索サイトを利用して目的のサイトまで到達していることが分かった。また、モバイルSEO実施企業は約6割だった。調査は、モバイルサイトでの個人ユーザーの利用実態・意識等を探る「ユーザーの利用動向調査」と、モバイルサイト保有企業の取り組み実態、意識等を探る「企業の取り組み調査」の2本に分けて実施された。調査期間は今年3月5日から3月8日で有効回答数は600。企業調査は同2月4日から2月5日で有効回答数は500。 ユーザー調査では、検索結果のサイト閲覧数は1年半前の調査に比べて減っており、上位に表示されないとアクセスされない傾向が強まっている。また、5割以上のユーザーが「上
30人のリンク構築エキスパートが語るSEOの被リンク分析 - 第1部 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ダニー・サリバン率いるSearch Engine Landの記事がいよいよ登場。1本目は、被リンク対策に関して30人のSEOのプロが語るかつて無かった優良企画。本当は翻訳したくなかった？！何回読んでも新たな発見がある、ノウハウ満載＆完全保存版の大作記事をお届けします。煽っているようですが嘘じゃありません。 — SEO Japan 私たちは30名のリンク構築のエキスパートに対して、被リンクの分析に関する9つの質問を投げかけてみた。その結果、なんと合計20,000ワードに及ぶ回答が返ってきた。今回のエントリは、被リンク分析に関するグループインタビューの第1部を提供する（3部で構成）。第1部では、皆さんのサイトおよび競合サイトの被リンク分析を、リンク構築キャンペーンの策定に応用する取り組みについて熱く語ってもらった。 それぞれの質問に対するエキスパートの答えを以下に掲載していく。読者の皆さんには
カスタムフィールドでアップした画像のリサイズに関して｜CSS HappyLife
コーディングコンテストが先ほど締め切りになりましたね。 ご参加した皆さま、本当にお疲れさまでした。 きっとすごい時間使ったんだろうなぁ・・・と思います。 こんなブログ書いてるくせに、ボク個人としてはCSS3の使い方とかはそんなに重視して無くて、HTMLがどんだけイケてるかが重要だと思ってます。 さて、そんな中なのにMT関係のエントリーです。 MTで画像のリサイズを色々頑張るためのやり方です。 想定している状況は、あんまリテラシーが高くない人が画像をアップしても、大変な事にならないようにアップした画像サイズに合わせて適切な画像サイズになったらいいよねって感じです。 リサイズ関係では、以下の記事やプラグインも参考になるかなと。 小粋空間: Movable Type のブログ記事に表示する画像のサイズを制御する ResizeImage - MovableTypeプラグイン 今回ボクがやろう
webサイトの裏側の意識を変える事で売り上げをアップする方法
ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。 はたして、webサイト運営がどのように変わったのでしょうか。 ネットショップを運営している新規クライアントから、サイトリニューアルの依頼がありました。初めてのご依頼だったので、まずはヒアリングから開始。今回のリニューアルは、サイトであまり物が売れず、□□（私が作ったサイト）のように売れるようにして欲しいとの事でした。 しかし話をよく聞くと、当初サイトを作ったときは、ただ作っただけで、特に運営方法についてはアドバイスが無かったとのこと。私はリニューアル前に1つだけある事をするようにお願いしました。その方法とは、実はサイトをいじる事ではありません。結果、売り上げが5ヶ月で3倍になりました。 実は最近、webサイトを制作する側も、データに依存しすぎて、大事な事を忘れているケースが多かったりす
[JS]豊富なエフェクトで画像を変更するギャラリーのスクリプト -Nivo Slider
シンプルでvalidなマークアップで実装できる、超軽量（約5KB）の画像ギャラリーのスクリプトを紹介します。 Nivo Slider デモ このスクリプトの大きな特長ともいえる画像変更のエフェクトには下記の9種類が揃っています。 スライス（下） スライス（下左） スライス（上） スライス（上左） スライス（上下） スライス（上下左） ホールド フェード ランダム サポートしているブラウザはIE7+, Fx3+, Safari4+, Chrome4+で、主要なブラウザに対応しています。 実装にはｊQueryのプラグインのため、jquery.jsが必要です。 ライセンスはGPL（GPL -Wikipedia）で、商用でも無料で利用が可能です。
[JS]タイル状のパネルをダイナミックに伸縮させるスクリプト -InfoGrid
グリッドに沿って配置されたパネルをダイナミックなアニメーションで伸縮させるスクリプトをCSS-Tricksから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="info-col"> <h2>Batman</h2> <a class="image batman" href="http://jprart.deviantart.com/">View Image</a> <dl> <dt>Super Power</dt> <dd>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exe
Photoshop関連まとめ
Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ。 Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイトブラシ・シェイプ・パターンブラシや、カスタムシェイプ、パターンの配布サイト
HTML5 videoで作る“動くストリートビュー” (1/4)
スライダーで視点を変えられる360度動画。画像クリックでサンプルページを表示します（Safari 4、Opera 10.50でのみ表示可能） 動画を手軽に扱えるHTML5 Webブラウザーで動画を再生するには、従来、Flash Playerなどのプラグインが必要でした。これに対して、現在策定が進められているHTML5では、「video」という新しい要素が追加され、ブラウザーだけで動画を再生できます。 単なる再生だけであればメリットは薄いと感じるかもしれませんが、HTML5のvideo機能はJavaScriptによって動画を制御できます。Flashの場合、JavaScriptからFlashへ命令を送れないブラウザーもありますし、iPhoneやiPadなど、Flash Playerが存在しない環境もあります。将来的に、iPhoneやiPadなどに搭載されているSafariのWebKitがHTM
第20回 jQueryでAJAX入門：正規表現でサイトに表示したTwitterにリンクをつける | gihyo.jp
Twitterにリンクをつける 前回は.getJSON()メソッドを使い、Twitter上での発言をサイトに表示できるようにしてみました。しかし、時にはTwitterの発言文中にはURLやhashタグや@ユーザー名などが含まれていることがありますが、前回のままではそのままテキストとして表示されるだけになってしまいます。 以前、フォームの内容を紹介した時に正規表現の紹介をしましたが、今回はその正規表現を利用して、Twitterの発言文中に含まれるURL・hashタグ・@ユーザー名をリンクをつけるサンプルをご紹介します。 URLにリンクをつける まずは文中に含まれるURLにリンクをつけてみましょう。文中からURL部分だけを見つけるために、正規表現を利用します。 URL用の正規表現 /(http:\/\/[\x21-\x7e]+)/gi 「[\x21-\x7e]」の部分は16進数で表現したASC
CSS3で作るドロップダウンメニュー「CSS3 Dropdown Menu」
通常アールの効いたデザインでドロップダウンメニューを制作するときはFlashだったりjavascriptだったり何らかなスクリプトと画像を使って、組み上げるというのが現状では主流だと思いますが、今日紹介するのはCSS3で実現するドロップダウンメニュー「CSS3 Dropdown Menu」です。 CSS3 Dropdown Menu DEMO ドロップシャドウなど細かなデザイン処理はCSS3で制御されていますので、デザイン部分もCSS側で細かく調整できます。 詳しくは以下 また上記のように少し形態は変わりますが、CSS3に非対応のブラウザでも一応動作するようになっていますので、互換性が気になるという方も安心して利用していただくことが可能です。 ソースファイルはダウンロードできませんが詳しいく解説されており、またデモページもそのままコピーしてつかえるようにシンプルな作りになっていますので、参
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
新着記事
Photoshop Vip » 味わいのあるPhotoshop用グランジストライプパターン6枚セット「Grungy Stripes Pattern」
CSS3を使用した美しいフォームが簡単に作成できる -FAARY