リンク先を同窓で開くか、別窓で開くかくらいは閲覧者がなるべく簡単に自由に選択できるように！：ekken
ウェブサイトのUIに関する話の定番ネタに「リンク先は同窓で開くか、別窓で開くか」というのがあるわけなんだけども。 私がブログを日常的に更新するようになった2004年あたりだと、「別窓で開く」を選んでいたと思う。面倒だから探さないけれども、当時そういう内容の記事を書いていたはずだ。 しかしその後いつの事からか、自分の考えは変わった。 ……と書くと、現在の私が「同窓で開く」派と思われるかもしれないけれども、実のところはそうではなくて。 私の考えは、こう。 リンク先を同窓で開くか、別窓で開くかくらいは閲覧者がなるべく簡単に自由に選択できるように！ そんなわけで、人力検索はてなに投稿されていた質問の回答選択肢が2択というのは、ちょっと無理があるような気がする。 リンクと別ウィンドウについて。実際、どう思いますか？ 用意されていた選択肢は、以下の通り。 必ず、同じウィンドウで開く 外部サイトのみ、別
わずか1分の間にインターネットでは何が起きているのか
「総ツイート数」や「YouTubeに投稿されたビデオの本数」、はたまた「Googleで検索されているワード数」など、わずか1分の間にインターネット上で起きているさまざまな出来事の数字をまとめたインフォグラフィックです。多くのインターネットユーザーにとって利用経験がありそうなウェブサービスを中心にしているので数字が身近に感じられますし、現在におけるインターネット規模の広がりや情報の速さ、量について改めて考える切っ掛けになるのではないでしょうか。 Web Design and Web Application Development Company http://www.go-globe.com/ INFOGRAPHIC: What Happens Online Every 60 Seconds これが「1分の間にインターネットで起きていること」を表したインフォグラフィックです。 Yahoo!
WebsiteMAP βVersion
更新情報 No. 014 Date. 2008.07.14 00:51 GoogleTrendsで見る、Webの話題と騒動を追加しました。 No. 013 Date. 2008.06.06 23:00 アイマスMADを中心としたコミュニティの発展に関する研究を追加しました。 ▼姉妹サイト ニコニコの杜 ▼Twitter Twitter / Sakuraba_ WebsiteMAPは数あるWebsiteの立場・相関関係を図化しようというプロジェクトだったはずですが、いつのまにかネット文化研究になりつつあるプロジェクトです。 ただいまβVersion。随時実装予定 ■目次 インターネットの歴史 - ウェブサイトとそれに関わるイベント・騒動を年ごとに記す。項目追加中。 インターネットの歴史年表 - 上記の補助資料。 『THE iDOLM@STER』MADの歴史 - 旧名：T
大人と恐怖心とウェブ - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
大人になるということは、怖いということを知ることだ、というのは、自分認定自分の名言である。 失敗を恐れるようになれば大人、ということである。 偉人の名言などには、「一歩踏み出すことの大切さ」がよくあるが、それだけ、一歩踏み出せない大人が多いのだろう。 ▼ インターネットをしているシニア層の方がよく言う。 「ここ、クリックしてもいいの？」 「この中でどこをクリックすればいいの？」 失敗をしたくないなあという気持ちが、とても強い。 だから、「どうしてそんなところをクリックするの？」「どうしてそこをクリックしないの？」ということが多発する。 失敗するのが怖い、だからやらない、というのを凌駕できる二つのポイントは好奇心と崖っぷちである。 崖っぷちは分かりやすい。 ここ1カ月、インターネットを学びたいというシニア層が急増している。 そして、老若男女、TwitterやFacebookを学びたいという人
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
GoogleやYouTube、Twitterなど有名ウェブサービスの裏側をのぞいた気分になれる「back of a webpage」
有名なウェブサービスの裏側をのぞいた気分になれる作品群「back of a webpage」が公開されています。 「裏側」と言ってもソースコードや制作秘話などではなく、まさに文字通り裏側からサイトをのぞき見ているような感覚に陥る画像です。各サービスの特徴をよくつかんでいるので、そのサービスをよく使う人は思わずニヤリとしてしまうかもしれません。 YouTubeやTwitter、Googleなどの「裏側」は以下から。back of a webpage まずはGoogleの裏側。ロゴやURLなどすべてが左右反転しています。 続いて写真共有サービスFlickr。写真の裏側は「Flickr」と文字列が入っていて、まるで現像した写真をアルバムにはりつけたかのような雰囲気に。左側のサムネイル部分もきちんと同じようになっています。 YouTubeの裏側は液晶テレビの背面のようになっています。中央部分のロゴ
生活をもっと便利に・楽しくしてくれる無料Webサービスいろいろ | Webクリエイターボックス
2017年6月30日 便利ツール 「こんな事がネットでできると便利なのになあ」と思った事はありませんか？生活に「便利」「楽しみ」をくれるサービスが無料であれば嬉しいですよね！ということで、今回はWebに詳しくない人でも簡単にはじめられるWebサービスを紹介します。中には会員登録も不要なものも！今直ぐ試してみてください！ ↑私が10年以上利用している会計ソフト！ ファイルシェア Sendoid Sendoid 会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。おすすめです！ イベントスケジュール ATND（アテンド） ATND（アテンド） イベント・カンファレンス・勉強会の告知や参加者管理が簡単にできるサービス。イベントの詳細を入力したり、参加予定者がコメントしあったりできます。Twitter、Google、Yahoo、Mixiなどでログイ
消失したWebサイトが探せる「インターネット資料収集保存事業」 | ライフハッカー・ジャパン
最近では、更新されないまま数年以上放置されたウェブサイトのことを「ウェブ廃墟」なんて呼ぶみたいですが、国会図書館が行っている「インターネット資料収集保存事業」のサイトを利用すれば、すでに閉鎖されたウェブサイトでも閲覧できるかもしれません。 このプロジェクトは、2002（平成14）年4月から「インターネット資源選択的蓄積実験事業」として実験的に開始されました（※ 2010年4月より現在の事業名称に変更）。「消失した（運営主体の解散などの理由により閉鎖され、アクセスできなくなった）ウェブサイト」を独自に収集・保存し、一般公開することで、有用な情報資源を文化遺産として将来の世代のために残していくことが目的です。 現在、インターネット資料収集保存事業（ウェブサイト別）で収集・保存の対象としているものは以下の通りです。 ふむふむ、現状では国や地方自治体など、公的に設置されたサイトが主な対象のようです
divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな
はてなブックマークとかで盛り上がってたのを見て、せっかくなので、divにborderかけてみたらすごいことになった。 話題なのはこのページ 経済産業省 会見・スピーチ 大臣記者会見 ページ自体は古め*1 divの数は下のコードで数えたらページ全体で309個あった。 検証方法 firebugにjQuery検証機能を付けるFireQueryというのを使ってjQueryで適当に以下のコードを実行した。 var c=new Array("red","yello","blue","green","black","pink"); $("div").each(function(i){ $(this).attr("style",("border:1px solid "+c[i%6])) }) 結果 こんなHTMLどうやって作ったんだろうか。 もし手打ちなら根気の居る作業だったんだろうなぁと思いました。 追
金沢市長選：当選陣営がツイッターで選挙戦 指導を無視し - 毎日ｊｐ(毎日新聞)
１１月２８日投開票の金沢市長選で初当選した山野之義氏（４８）の陣営関係者が、公職選挙法で配布が禁じられている文書図画とされる簡易ブログのツイッターで、投票を呼びかけていたことが分かった。削除を求めた市選管の指導を聞かず、投票当日にも呼びかけていた。選挙結果は小差で、ネット運動が影響を与えた可能性が高く、公選法改正の動きや来春の統一地方選に向けて波紋を呼びそうだ。【宮嶋梓帆、宮本翔平】 市長選には５人が立候補し、新人の前市議・山野氏が５万８２０４票で当選。現職市長として全国最多タイの６選を目指した山出保氏（７９）は５万６８４０票と、差はわずか１３６４票だった。投票率は３５．９３％で前回（２７．３９％）から８．５４ポイント跳ね上がった。 市選管が問題視するツイッターを書き込んだのは、陣営のネット戦略を担当したＩＴ関連会社社長（４８）と山野氏の秘書。社長は告示（１１月２１日）後の２３日、「金沢市
さくらインターネット伝説
ネット上でみかけたさくらインターネットの伝説を覚えている限り書いてみた ・石狩にデータセンターを建設する事が決まってから石狩関係企業の株価がuprising ・長らく国内VPS市場は王座不在のまま零細企業が平和にシェアを分け合っていたが、さくらが信じられない価格で参入するという第一報を受けた某サーバー会社の社長が発狂して新幹線の中で全裸になり逮捕 ・さくらがクラウドに参入するとの報告を受けたAmazonジェフ・ベゾスが取締役会で思わず舌打ち EC2最高責任者は号泣 Rackspaceの株価がストップ安 ・業を煮やした競合サーバー業者がWikileaksに田中社長のプライベートでの悪行を密告しようとしたが清廉潔白すぎてネタが見つからず断念 ・石狩のデータセンターで空調代わりに北海道特有の低温外気を取り入れようとしてホコリの問題が持ち上がるが、半導体生産にも使われる高度なホコリ除去技術を導入し
”Web廃墟”貼ってくれ:ハムスター速報 - ライブドアブログ
”Web廃墟”貼ってくれ カテゴリ 1：以下、名無しにかわりましてVIPがお送りします：2010/10/01(金) 19:18:16.31 ID:Dv9lK+Wd0 WEB廃墟・大体の目安 ・現段階で誰でもアクセスできる ・明確な目的やテーマをもっている ・一時期、相当の人数が関わっていた、 あるいは少数のスペシャリストが構築したものを多人数が見ていた ・最新更新日が数年前 ・終了の目安がはっきりしない（自然消滅的） そんなイベントやプロジェクトとかのページがあったら教えてくれ。 単純に見たい。 例↓ パーフェクト・パングラム・デスク http://admac.jp/pangram/pangram.html いろは歌みたいに、50音全ての文字で作られた文章の投稿サイト。 事務的なお知らせが2009・2008年にされてるけど企画としての最新は2006、投稿された賞についての最新は2003。
最近、情報の劣化の速度がはやまってないか？
１年前の情報すらあやふやになっているような気がする。 ばぁーっとネット上で盛り上がり、あとは一瞬で消える感じ。 するとその情報をまとめたり整理したりする人間がいなくなるから、情報は古くなっても更新されず、いい加減なものがあっても誰も気づかない。 そしてその情報を誰かがコピーし、ネット上に広め、その一部分だけをコピーした人間がまた別の媒体で広め、ネット上には、劣化したコピーの情報がどんどん広がり、やがてはそれも忘れ去られる。 原典にあたるっていうか、オリジナルの情報の価値が下がってきてるんじゃないかと思えてくる。 まるで噂に翻弄される学生のように。Wikipediaってのは元々素人が編集してるいい加減な情報も混ざっているから、そういったものを誰かが真実だと思い込んで勝手に広めることで、ネット上にありもしない噂程度の情報が拡がっていき、それが真実かどうかを誰も検証せず、Wikipediaに載っ
滅べばいいのにと思うSEOの10の迷信（都市伝説） | Moz - SEOとインバウンドマーケティングの実践情報
検索エンジンは網羅的なガイドラインを提示するわけではない（それどころかSEOを正しく行うのに必要な要素の十分の一すら出さない）。 この記事では、SEO業界にはびこる間違った情報、それも正しいSEOの妨げとなる情報について見ていこう。この記事で取り上げた「SEOの迷信（都市伝説）」は、次の10個だ。 パーソナライズ化は検索順位にどの程度影響するのか？トップページを毎日更新しないと、検索順位は維持できないのか？相互リンクはグーグルでは効くのか？「キーワード密度」には意味があるのか？ドメイン名にハイフンを使うのはSEOで不利？検索結果でのクリック率が順位に影響する？h1要素は検索順位獲得に貢献するか？他のサイトにリンクを張ることは、順位が上がるのに役立つ？PageRankを見れば順位が予測できるのか？コンテンツがよければ、高い検索順位を得られるか？ ここで挙げたものの多くは、Search Eng
画像は一切使ってない！？CSS3だけで描いた“ドラえもん”がすごい - はてなニュース
こちらの“ドラえもん”のイラスト、どうやって描かれていると思いますか？PhotoshopやIllustratorなどの画像編集ソフトで描かれているようにも見えますが、実はこのイラスト、なんと画像を一切使わずに「XHTML」と「CSS3」のソースコードのみで描かれているとのことです。 ▽CSS3 ドラえもん インターネット上でイラストを公開するには、JPGやGIFといった画像ファイルでアップロードするのが一般的。しかしこちらのドラえもんはそういった画像ファイルではなく、Webサイトを構築する際に使われるXHTMLとCSS3のソースコードのみで作られています。そのため“右クリックで保存”ができなかったり、ブラウザの種類やバージョンによって見え方が異なるのが特徴です。 こちらはFirefox3.6の場合です。FirefoxやGoogle ChromeはCSS3に対応しているので、グラデーションま
クライアントからのムチャぶり迷言集
2013年3月23日 ネタ みなさんはクライアントのとの打ち合わせ中に「そんなむちゃな！」と思ったことはありませんか？私はあります。何度もあります。そんなクライアントからの迷言を集めたサイト: Clients From Hell（地獄からきたクライアント）と、こちらの記事を載せてみようと思います。 ↑私が10年以上利用している会計ソフト！ 時間とお金に関するムチャぶり 残念ながら多くの人がWebサイトは簡単に作れると思っているのが現状です。。 「今日中に100ページくらいのWebサイトを作って貰えますか？」 「会社のコンセプトを変えようと思うんだ。Webサイトを作り直すのに２日あれば充分かな？」 「ブログとショッピングカートのついた８ページくらいのサイトを作ってください！３万円で！」 「支払うお金はないんだけど、このシルクのシャツは6000円くらいするから、ほら、持っていってください。」
[CSS]透過画像を使用して幻想的な背景をつくりだすスタイルシート
スクロール後 仕組みは、透過PNG画像を固定配置し、レッドからブラックへのグラデーション画像がスクロールされると、ブラックになった時点で絵柄が浮き上がるものとなっています。 グラデーション画像は「gradient-tile.jpg」を使用しています。 IE6では透過PNG画像の背景が固定配置で繰り返すことができないため、シンプルな解決方法として透過PNG画像の背景を非表示にしています。 スタイルシートもシンプルです。 <textarea name="code" class="css" cols="60" rows="5"> * html #wrapper {background-image: none;} </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2ch、Twitter、mixi、はてブ… 本当の貴方 はどこにいますか？ : ニュー速VIPブログ(`･ω･´)
WordPress › Installation
透過をきれいに使ったウェブデザインいろいろ - DesignWalker
