次期Firefox 3.6が対応する新しいWebフォント形式“WOFF”とは？ - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
WEBサイトデザインのフィードバック作業が超便利になりそうな「Notable」:phpspot開発日誌
WEBサイトデザインのフィードバック作業が超便利になりそうな「Notable」。 Notableは、サイトのスクリーンショットを撮ってからNotable上のサーバにアップロードし、そのスクリーンショットに、ビジュアルに色々書き込むことが出来るサービスです。 この仕組みがあれば、デザインが完成した後、クライアントさんが、「こことここを直して」っていう作業をWEB上で迅速に、便利に行えて作業の効率化が図れそうです。 画面にNotableのサイト上で注釈をどんどん入れていってる例。 Notableの使い方 それではどうやって使うかを簡単にご紹介。 まず、どうやってキャプチャを撮るか、ですが、Firefox3用のアドオンが公開されていて、インストールするとボタンがブラウザのツールバーに追加されます。 IEやChrome、Safariなどの他のブラウザでも、URLを入力するだけで簡単にキャプチャが取
国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、２次配布は不可。
【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
PVの水増し以前の問題
今年に入ってPVの水増し問題が大人気！というわけで記憶に残っているうちに書いておくよ。 3年くらい前だったと思う。 とある会社からWeb制作を依頼され、普通のサイトを構築。 そして商品説明の動画などを追加して納品することにした。 もともとサイトは持っていたので、ドメインなどはそのまま流用。 いわゆるリニューアル扱いだ。 ここまではよくある話。 で、その担当が納品間際にSEO対策をして欲しいと言い出した。 今日頼まれて明日実現するようなものじゃないことを説明したが、他社ならYahoo!の検索で1番にしてくれるところもあると言ってきかない。 そもそもSEOをオーバーチュアと勘違いしているようだったが、聞く耳を持たない相手に説明するのもだんだんと面倒になってきた。 話は平行線を辿り、結局そのまま納品することになった。 そして数ヶ月たったある日、突然その会社のサイトがリニューアルされた。 どうやら
第65回 ［図解］Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング：ITpro
今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回 持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ
Analytics + AdSense が素晴らしすぎる - F.Ko-Jiの「一秒後は未来」
Google Analytics と Google AdSense のアカウントを統合できるようになったので、私もアカウントを統合して色々とデータを見まくってます。 アカウントを統合して数時間から1日くらい経過すると、Analytics の管理画面の「コンテンツ」のメニューに「AdSense」の項目が追加されます。そこではページごとや参照元ごとの収益やクリック率などを見ることができます。 「このページは意外とクリック率が高いのね。」という発見があったりします。 でもそれだけではありません。「ユーザー」や「トラフィック」のメニューにある項目についても、すべてではありませんが「AdSense の収益」というタブが追加されていて、それぞれの項目について AdSense の統計情報を見ることができます。 たとえばある都市のユーザーの AdSense クリック率がわかるので、「東京のユーザーと福岡の
PSDとXHTMLがセットになったWebデザイン学習キット色々:phpspot開発日誌
6 Free PSD/(X)HTML-Templates | Freebies | Smashing Magazine PSDとXHTMLがセットになったWebデザイン学習キット色々。 １からWEBデザインを作るとなると、Photoshopでベースを作成→HTML化の作業が必要ですが、Photoshop、HTML、CSSがセットになったものが公開されています。 デザイン自体も次のようなプロが作ったと思われるクオリティのデザインになっています。 Shape Projection Template Artificial Casting Template すべて見る＆ダウンロード 色合い変更や少々のレイアウト配置変更といったカスタマイズで独自ページも容易に作れるかも。 関連エントリ プロによる美麗サイトデザインを構築するPhotoshopチュートリアル集 プロのサイトデザイン方法を作って学べる手
【ハウツー】Googleの"Web高速化"ノウハウが詰まったツールがアドオンに! - Page Speed (1) 名は体を表す"Page Speed" | エンタープライズ | マイコミジャーナル
Webアプリケーションの開発やWebサイトの構築にあたり、いつでも気にしなければならないパフォーマンス。パフォーマンスアップに有益なツールとしてはYSlowが有名だが、このたびGoogleから同様のツールとして「Page Speed」がリリースされた。あのGoogleの「Webサイト高速化」ノウハウが詰まったツールとはいったいどんなモノなのか!? Page Speedとは Googleは6月4日(米国時間)、Webサイトのパフォーマンスを向上させるための解析/最適化アドオン「Page Speed」をリリースした。Page SpeedはFirefox上で動作するアドオン。Webサイトを構成するCSSやJavaScript、画像ファイルなどをあらかじめ用意されたチェック項目に沿って解析し、問題点や改善方法をリスト化してくれる。またFirebugの「ネットワークモニター」をさらに強力にしたような
WordPressのテーマを手軽に作成する国産ジェネレーター・Cssez
WordPressを使用し始めてテーマデザイン を探していたのですが、なかなか良いのが 見つからず、やはり商用なのもあって オリジナリティあるデザインを欲しいので WordPressのテーマを簡単に作成できる ジェネレーターをご紹介します。 スタイルシートのジェネレーター・cssezcssez では作成方法です。まず「作成スタート」をクリックしますと以下の画面になります。 画面右下のWeb2.0風なバッチにオンマウスすると作成メニューが出ます。 まずカラム数を決めてレイアウトを決定、その後に詳細をクリックします。 上記のようにプレビューを確認しながら作成できます。 内容は全体幅やボーダー、背景画面をヘッダ、サイド、フッタ、メインコンテンツ、メニュー をそれぞれ背景やフォント、見出しなど詳細を作成できます。 作成後は「保存とダウンロード」をクリックします。 ユーザー登録可能ですが、しないでD
問合せを最低限に抑えるサポート運営術 : LINE Corporation ディレクターブログ
こんにちは。 yyclub、youbrideのサポート担当の伊藤です。 以前より「ユーザーサポート」という業務について、問合せの対応や業務の内容をちょこちょこと書かせていただいています。 今回は「ユーザーサポート」という業務の中でもメールや電話での対応についてではなく、"問合せを最低限に抑えるサポート運営術"について書いてみたいと思います。 「運営術」などというと大げさな表現になってしまいますが・・・こちらで書いていることはごく基本的なことかと思います。 ですが、そのごく基本的なことが最も重要な点でもあると思います。 私が担当するサイトはコミュニティサイトで、そこには、「感謝の声」や、「お叱りの声」、「不安の声」と様々な声が届けられます。 日々寄せられるそれらの声の中から「不安の声」をまずは一例としてご紹介します。 今回その不安の声が多く寄せられたのが「年齢確認」実施の時でした。 【01】
Googleらしく数値にこだわるWebサイト最適化Firefoxアドオン·Page Speed MOONGIFT
CGM系のサービスでは、Webページの表示速度には徹底的にこだわる必要がある。ちょっととした遅延がユーザのストレスを生み、徐々に心がはなれていく可能性を生んでしまう。最もそれを知っているのがGoogleだろう。 数値による改善点の指摘を行ってくれる 彼らの徹底的な表示速度へのこだわりは初期の頃から今もなお続いている（GoogleドキュメントなどのWebアプリケーションはどうかと思うが）。そんな彼らの表示速度へのこだわりが作り上げたのがPage Speedだ。 今回紹介するオープンソース・ソフトウェアはPage Speed、Google製のFirebugプラグインだ。 Page Speedは表示しているWebサイトの表示に関する問題点、改善点を洗い出してくれるFirefoxアドオンだ。類似のソフトウェアとしてYSlowが知られている。YSlowがA〜Fの判定だったのに対して、Page Spe
第31回 美術的手法のWebデザインへの適用
Webコンテンツは文字主体のいわば“書類”です。絵画でも写真でもありません。書類に対して徹底的に芸術性を追求することには，おそらく意味がないでしょう。「構想3年，4年以上の歳月をかけて完成した，とても美しい芸術的な交通費申請書」があって，人々がその美しさに小一時間足を止めて鑑賞するといったことはありえません。 しかしながらWebコンテンツは純粋な書類だということでもなく，少なくても閲覧する人の眼を意識して，使いやすさとともに美しさも要求されるものですね。いわば“機能美”です。 自動車を思い出してください。自動車は走るという目的だけであれば，鉄で四角い箱を作り，エンジンと座席を突っ込んで，タイヤを四つほど付けておけばいいんです。しかし，そんな何の変哲もない箱形の車では営業的に成功はしないでしょう。Webコンテンツは自動車と同じ工業製品であり，機能性とともにユーザーに好感を持ってもらうために機
オーバーチュアとアドワーズの重要な７つの違い｜Sphinn Japan Blog
部分一致の登録方法 コンバージョンの測定期間 ロングテールキーワードの設定＆入札 代替テキストの利用 表示URL設定の定義 掲載場所の違い レポートについて（コンテンツマッチとコンテンツターゲット） 詳細 部分一致の登録方法 オーバーチュアとアドワーズで部分一致の定義が異なるのはあまり知られてません。『航空券 ニューヨーク』を部分一致で登録する場合の例をそれぞれ書き出してみます。 オーバーチュアの部分一致登録 『航空券 ニューヨーク』 『ニューヨーク 航空券』 アドワーズの部分一致登録 『航空券 ニューヨーク』 上記の記載に少々違和感を持った方もいらっしゃるのではないでしょうか？オーバーチュアの部分一致では『航空券 ニューヨーク』の部分一致登録だけでは『ニューヨーク 航空券』で検索をかけたユーザーにまで訴求することはできません。※正確には出来ない場合が多いです。 その為、『ニューヨーク 航
全てのWordPress使いが導入を検討すべき１５のプラグイン
今日も飽きずにWordPressネタです。 WordPressを使ってブログやCMSとして Webサイトを運営するにあたり、 「最低限これだけは考えた方がいい」と思う事と、 それに対応するプラグインをまとめてみます。 あんまり多いとウンザリするので 適当に数を絞りました。 必要と感じるかは運営形態によるでしょうが、ユーザー目線と 運営者目線で「導入すべき」と考えたプラグインです。 基本 何が基本で何が応用なのかは個人差がありますので主観でGoです。 Akismet標準装備されていますが、海外スパマーのスパムコメントは日本スパマー を大きく凌ぐエグさです。WP自体、スパコメ対応は優れてる（と思う）のですが、 Akismetは簡単に導入できるので入れておきます。APIキーをWordPress.orgで 手に入れることで機能します。 Permalink Redirect必ずパーマリンクで表示する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/column/webtech/20090609/8.html
効果的なデザインを提供する方法 | DesignWalker
WordPressでブログを作ったらまずやる26項目―SEO・アクセスアップのためのカスタマイズ | 清音のSEOブログ
http://www.designwalker.com/2009/06/google-analyitcs.html
【魚拓】サービス停止に関するご報告について（5月31日）