meta name="referrer"は、HTTPS→HTTPでもリファラを出す新しい仕様 | 初代編集長ブログ―安田英久
今日は、ちょっと技術的な話を。「meta referrer」という、リンクをクリックしてページ移動するときなどにリファラをどう送るかを、ページ側で指定できるタグの実装が進んでいるのです。 グーグルはHTTPSを推奨するけれども、リファラが……グーグルは、サイトがHTTPSかどうかを順位決定の要因とするなど、HTTPSを推奨しています。 でも、自分のサイトをHTTPSにすると、自分のサイトから非HTTPS（ふつうのHTTP）のサイトへのリンクをクリックしたときに、リファラが飛ばないんですよね。 これは、RFC 2616で、「セキュア接続のページから、非セキュア接続のページに移動するときは、リファラを送出するべきではない」と定められているからです（セクション15.1.3）。 とはいえ、Web担のようなメディアでは、「Web担のページから、うちのサイトにけっこう来る人いるんですよ」という反応も大
Web制作会社に、修正依頼する方法について - 新宿の働かない社長のブログ
いろんな方法があるかと思うのですが、最近 これが双方にとって 「いいんじゃない？」 という、方法のご紹介です。 よくある方法とその弱点 基本的に、制作側に対して、一方的に修正をいれるケースを想定しています。例えば、値段の改訂だとか、挨拶文の修正などです。 双方で意見を出し合って、ブラッシュアップする場合には、やはり、顔をつきあわせて、 「あーでもない、こーでもない」 と、知恵を絞って創るのが 楽しいのではないか と思います。 電話で（口頭で）伝える。 じっくりやるには、昔からコレが一番ですが･･･｡ うーん。 あまりにも項目が多いと、漏れや誤解が生じやすいです。 お互いに顔をつきあわせて、ならともかく、思いつきでの電話だと、矛盾が生じてしまう場合もあるかもしれません。 ただし、カンタンな内容ならば、電話がイイ場合もあるかと･･･｡ メリット 少しの修正ならば、一番手っ取り早い。（発注側）
Webブラウザ上でテキストスタイルをダイナミックに編集·Code Cola MOONGIFT
Code ColaはGoogle Chrome機能拡張として動作するスタイルシート設定ツールです。 Webインスペクタを使うとWebページを表示したままスタイルシートの編集ができます。ただ、数字やテキストを入力する形なので、思った通りの編集が難しいかも知れません。そこで試したいのがCode Cola、Google Chrome用のビジュアルスタイルシート変更ツールです。 立ち上げました。右上にあるウィンドウがCode Colaです。 任意のDOMを選択すると設定項目が表示されます。 スライダーを使ってフォントサイズをダイナミックに変更できます。 テキストのストロークを変更。 HTMLソースの表示。 設定項目を全てオープンしています。 テキストシャドーの設定。 Code Colaの利点は何と言ってもビジュアル的に分かりやすく、ダイナミックにスタイル設定ができることです。表示、非表示などの設定
カンプがなくなったときのデザイナーの役割
手段を再想像する 昨年末に開催された CSS Nite Shift 5 で「Reimagination（再想像する） 」の話をしました。人とコンピュータの関わり方が行動や価値観を再定義しているのと同じように、Webサイト制作にしても同様のことがいえます。今までの当たり前を疑い、未来に柔軟に対応できるワークフローが必要とされています。 例えば従来必須だと言われていたワイヤーフレームも考慮対象です。少し前に ASCII へ「柔軟性あるデザインプロセスへ移行するためのヒント」という記事を寄稿しました。ワイヤーフレームが果たそうとしているコミュニケーションの目的は間違っていませんが、つくるためのツールや手法に問題があるのではないかという疑問を投げかけた記事。絶対いると思い込んでいるものも、今の時代にマッチしなくなってきているものは少なくありません。 また、Photoshop や Fireworks
IAシンキングとは -information architecture- ｜https://wp.yat-net.com/name
2013年 04月 19日 IAシンキングとは -information architecture- カテゴリ： IAシンキング タグ：IAサイト構築サイト設計 サイトの設計、情報の整理、SEO、UI。Webサイトの構築時に考えるべきことはたくさんありますね。世のWebデザイナーの方やディレクターの方、インハウスの方など、色々な 役割の人がそれぞれの観点から情報を整理したり、競合サイトを調査したりと様々な事をしています。 しかしそれらを行うにあたって明確なフローが決まっているか？と言う割りとそうではなく、多くの人が意識的レベルでそのフローを行なっているのではないでしょうか？ それらのフローを意識レベルで行えるということは非常に素晴らしく、欠かすことが出来ないスキルであることは間違いありません。 ですが、プロジェクトに参加するメンバーのスキルやレベルは必ずしも一致しているとは限らない為、ひと
「コピペできない文章」がコピペできなかった理由 - てっく煮ブログ
html5先日公開した 絶対にコピペできない文章を作ったったwwww はおかげさまで好評だったようで嬉しい限りです。「不思議！」「どういう仕組みなんだ？」という声も多かったので裏側を紹介します。コピペできない訳ではないタイトルは「コピペできない」としていいますが、実際にはコピペはできます。正確に表現すると「コピーすると違う文字になる」という状態になっています。 ではなぜ違う文字になるのでしょうか。結論をいってしまうと「そこにある文字が、人間の目に見える文字とは違う」からです。といっても、これでは分からないですね。今回のために作成された独自フォントトリックの肝は「フォント」です。フォントといえば、文字の見た目を変えるために利用するものです。たとえば、「ほ」という文字を「メイリオ」フォントで表示するとこうなります。フォントを変えて「HG創英角ポップ体」フォントで表示すると、ポップな雰囲気になり
TypeSquare入門編、モリサワのWebフォントサービスの設定方法まとめ | ブログ | SINAP - 株式会社シナップ
SINAPの柿内です。 Twitter等でも話題になりご存知の方も多いと思いますが、フォントメーカーの最大手である株式会社モリサワがWebフォントサービス 「TypeSquare」の提供を開始しました。 154もの日本語書体を「クラウドフォント」として提供し、ローカルのコンピューターにインストールされていない書体をWebサイト上で利用できます。 SINAPでは、Webサイト上でこのクラウドフォントを使った文字組を試す事ができる「クラウドフォント・シミュレーター」の制作をお手伝いしました。 今回はこのクラウドフォントの使い方を解説いたします。 ■年末までは無料！まずはユーザー登録 クラウドフォントの利用には、TypeSquareへの入会が必要です。オープン記念に、2012年12月31日まではどんなにフォントを利用しても無料！という太っ腹なキャンペーンを展開されてますので、まずはユーザー登録を
コラム | ブランド戦略通信│トライベック・ブランド戦略研究所
ブランドなんでもランキング 第103回：企業広告の印象について 企業への認知や理解、好感、信頼といったブランドイメージの向上を目的とした「企業広告」。その多くは、印象的な動画や画像、メッセージとともに企業の社会的な取り組みや、先進的な取り組みを伝えるものとなっており、企業の考え方や社会的存在意義を端的に知ることができます。 今回は国内5社の企業広告について、その印象を尋ねてみました。 2024.7.12 ブランドなんでもランキング 第102回：大阪・関西万博について 大阪・関西万博開催まで残り500日を切っています。資材価格の高騰や人件費の上昇、工期の遅れといった課題が報じられる中、万博の展示内容やどのようなイベントが行われるのかについては、あまり伝えられていないのではないでしょうか。今回は大阪・関西万博のテーマや展示、イベントに対する認知、興味・関心について、近畿在住の方、関東在住の方に
jQuery Mobileでサクッと作るスマートフォン向けWebアプリの基本 ─ ＠IT
大日本印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権（見よ！ コレジャナーイアプリの数々を！）」にて、jQuery MobileとHTML5の要素を使用した、iPhoneのMobile Safariで動作するミニアプリiBooNを紹介させていただきました。本記事では、jQueryMobileを使って、お手軽にスマートフォン向けのWebアプリケーションを作成する方法をiBooNを例に紹介します。 iBooNは、iPhoneの傾きに応じて車の音が変わるミニアプリです。まず、Color Select画面から好きな色の車を選びます。ミニカーの画像が表示された画面
Webサイト設計にインフォメーションアーキテクトは必要か | Web担当者Forum
僕は、普段はインフォメーションアーキテクトとして情報アーキテクチャ設計やユーザー経験デザインのプロジェクトに関わったり、プロデューサーとしてプロジェクトを統括する立場に立ったりしています。このコラムでは、僕自身の経験や情報アーキテクチャ分野での議論から、主にWebプロジェクト一般に関わるような課題や考え方を紹介していきたいと思います。 まず、第１回のテーマとしては、僕が代表を務める株式会社コンセントの体制を例にしながら、「情報アーキテクチャ」という考え方がどういうものなのかを紹介します。 そもそも情報アーキテクチャとは何か情報アーキテクチャは、簡単に言ってしまえば情報のつなぎ方のデザインです（図1）。世の中には、平面上のデザイン（グラフィックデザイン）、操作画面のデザイン（GUIデザイン）、主に製品の形のデザイン（プロダクトデザイン）など、さまざまなデザインが存在しますが、情報アーキテクチ
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
このWEBサービスやアプリ達に感謝しなければ年を越せない！僕が今年使い倒した2012年のベストを全部ご紹介！ | バンクーバーのうぇぶ屋
Web上で「飛び出す絵本」の動きを表現したBeercamp 2012がちょっと凄かった
http://e0166nt.com/blog-entry-857.html
http://www.machu.jp/posts/20100416/p01/