http://hyper-text.org/ Webデザイン、HTML、XML、CSS、JavaScript 関連の話題、新しいWebサービス、Webサイトの話題をはじめとしたインターネット上での最新トピックスなどを中心に取り上げるBlog ja Yoshiki Kato 2012-01-27T21:50:59+09:00 http://hyper-text.org/static/img/profile/w3w_180.png http://hyper-text.org/ http://hyper-text.org/archives/2012/01/redbull_sugerfree.shtml blog Yoshiki Kato 2012-01-27T21:50:59+09:00 http://hyper-text.org/archives/2012/01/make_likestamp.shtml かなり前ですが、ロンドンのデザインオフィス 「NATION」 が冗談半分で作った、Facebook の 「Like!」 ボタンを模したスタンプが話題になりました。今では ThinkGeek などで 「Like / Dislike Stamp Set」 として売られていますが、日本語の 「いいね！」 バージョンが欲しかったのでこちらも冗談半分で作ってみました。で、さらについでだったんで 「Like / Dislike」 もあわせて作って 3つセットに。 「Like / Dislike」 バージョンは ThinkGeek なら海外発送もしてくれるので日本にいても買えるんですが、セルフインクタイプじゃなくてインク台使うタイプのヤツが欲しかったってのがあって、でももうそのタイプは売ってないんですよね。だったら作っちゃえというのが動機。 item Yoshiki Kato 2012-01-27T18:05:06+09:00 http://hyper-text.org/archives/2012/01/digital_tv_tuner_for_ipad.shtml SoftBank Selection として発売されている 「デジタル TV チューナー」（SB-TV02-WFPL） を買ったのでレビューなど。 ちょっと前から考えてたんですが、よくスポーツバーでずーっとサッカーとかが店内モニターに流れてたりする、あれを自分の仕事部屋でもやりたくて、でもテレビを普通に買うと大きくて邪魔だっていうのと、CS のアンテナ線がリビングにしかないっていう事情から配線とかメンドクサイ （リビングから仕事部屋までアンテナ線引っ張るのとか大変...） っていうのがあって半ば諦めていました。ところが、そんな時に 「デジタル TV チューナー」（SB-TV02-WFPL） を知って早速衝動買いしちゃいました。 item Yoshiki Kato 2012-01-22T16:02:48+09:00 http://hyper-text.org/archives/2012/01/flickr_no_support_ie7_and_fx36.shtml Instagram やら、その他ソーシャル系サービスに埋もれて忘れ去られた感のある Yahoo! が提供する写真共有サービス Flickr ですが、個人的には有料アカウント持って写真投稿に関してメインで使ってたりします。 その Flickr が新年早々に今年の取り組みとして新しい写真編集機能の提供開始 （元々採用していた Picnik からの移行）、「Photo Session」 や 「FlickrClock」、「FlickrAuth」 といった一部古く、あまり使われていない機能の提供終了などを発表していますが、その中で、今後提供される新機能においては IE7 と Firefox 3.6 をサポート対象とせず、両ブラウザで Flickr にアクセスすると、新しいブラウザへの移行の呼びかけとダウンロードリンクを表示するようになるよと案内しています。 Start the New Year Fresh! ： Flickr Blog web topic Yoshiki Kato 2012-01-16T23:00:37+09:00 http://hyper-text.org/archives/2012/01/advertising.shtml 宣伝な感じで申し訳ございませんが、個人の Blog の広告とか、しかも運営者個人で販売したらどんな感じなのかが知りたいという理由で、この度、当サイトの広告枠販売をはじめました。 下記、「広告掲載について」 のページに価格などをまとめましたのでご興味のある企業様 （もちろん個人様でもいいんですけど）、いらっしゃいましたらお気軽にご連絡ください。 広告掲載について blog Yoshiki Kato 2012-01-16T08:19:50+09:00 http://hyper-text.org/archives/2012/01/ie6_below_1percent_usa.shtml Microsoft の公式 Blog、「Exploring IE」 で、2011年12月時点のデータ （Net Applications） において、Internet Explorer 6 （IE6） の米国でのブラウザシェアが 1% を切ったことが発表されました。 Microsoft では去年の 3月に IE6 の消滅までをカウントダウンする特設サイト 「Internet Explorer 6 Countdown」 を立ち上げ、その中で 「The countries already below 1%」 として IE6 のシェアが 1% を切った国を紹介していますが、同じく 2011年12月に IE6 のシェアが 1% を切ったチェコ、ポルトガル、フィリピン、ウクライナ、メキシコに加え、すでに 1% を切っていたオーストリア、ポーランド、スウェーデン、デンマーク、フィンランド、ノルウェイと合わせて 12カ国目の IE6 のシェア、1%未満の国となりました。 The US Says Goodbye to IE6 ： Exploring IE web topic Yoshiki Kato 2012-01-04T16:21:22+09:00 http://hyper-text.org/archives/2012/01/dropbox_automator.shtml あけましておめでとうございます。新年初エントリーですが、TechCrunch 等で取り上げられていた、「Dropbox Automator」 を試してみたので紹介。 Dropbox Automator は、Dropbox の指定したフォルダにファイルがアップロードされたときに、あらかじめ指定しておいた各種処理を自動的に実行できるサービス。例えば、画像をアップしたら自動的に Flickr にアップしてくれたり、文書ファイルをアップしたら、自動的に PDF に変換しておいてもらうといったことが可能になります。 Dropbox AutomatorはDropbox専用のIFTTTみたい Automatisiere deine Dropbox new service Yoshiki Kato 2012-01-01T04:41:49+09:00 http://hyper-text.org/archives/2011/12/tumblr_quick_start_2012.shtml 2011年も終わりですね。今年最後の投稿は過去記事の改訂版で締めます。 さて、もう 3年近く前の 2009年に今回の記事の元記事 （5分でわかる Tumblr の始め方） を書いたわけですが、Firefox もバージョンアップして Greasemonkey 周りのスクリプトなどが色々面倒な感じになっていたりしますので、ここらで古くなった情報を更新しようと思います。 元の記事で情報として古くなっている 「Tumblr をもっと便利に使う」 の項目を中心に書き換えていますので、それ以外の部分は元記事を見てください。 web topic Yoshiki Kato 2011-12-31T22:43:47+09:00 http://hyper-text.org/archives/2011/11/fullscreen_api.shtml html/css Yoshiki Kato 2011-11-24T11:18:15+09:00 http://hyper-text.org/archives/2011/11/google_profilebanner_slice.shtml Google+ のプロフィールページって、メインのプロフィール画像以外に最大 5つまでスクラップブック写真っていう画像を掲載することができるんですよね （プロフィールバナーと呼ばれているみたいですが）。で、ここに 1枚の画像を分割して掲載したかったので簡単にサイズ調べてスライス用のレイヤーを作ったんですが、折角なのでシェアしようかなと思います。 実際に設定するとこんな感じになります（画像クリックで実際のページが開きます）。下記はこの Blog の Google+ ページに設定してみた例です。 blog Yoshiki Kato 2011-11-23T17:16:14+09:00 http://hyper-text.org/archives/2011/11/html5_seo.shtml html/css Yoshiki Kato 2011-11-17T21:28:24+09:00 http://hyper-text.org/archives/2011/11/google+page.shtml すでに色々なところで書かれてるので完全に乗り遅れた感はありますが、Google+ に追加された 「ページ」 機能で早速、会社とこの Blog のページを作ってみましたよ。 ということで、Google+ ページの作り方と、その時にやっておいた方がいい設定について簡単に解説してみます。 「Google+ ページ」で、新しいつながりを ： Google Japan Blog Google+ ページの作成 実際に作ったページは下記。 WWW WATCH ： Google+ デジパ株式会社 ： Google+ new service Yoshiki Kato 2011-11-08T15:27:20+09:00 http://hyper-text.org/archives/2011/09/html5_briefingnotes_journalists_analysts.shtml ちょっといつもと趣が異なる記事として、HTML5 Doctor で 「HTML5: briefing notes for journalists and analysts」 という記事が上がっていましたのでまたまた稚拙ではありますが翻訳など。 今回の記事は、ジャーナリスト、アナリスト （つまり、あまり技術的な話に精通していない人） 向けに、よくある質問とその答えをまとめたものです。技術者以外の人に 「HTML5 って何？」 って聞かれたときの参考になるかも。 html/css Yoshiki Kato 2011-09-28T14:17:25+09:00 http://hyper-text.org/archives/2011/09/newbook_html+css_gyakubiki.shtml 明日ですが、9月27日に新しい著書、「できるクリエイター 逆引きHTML+CSSデザイン事典 Webクリエイターの現場で必要な基本と最新動向」 がインプレスさんより発売されます。今回も CSS HappyLife の中の人と共著です。 今回の書籍は、主にWebサイト制作、初級～中級の人向け。タイトルの 「逆引き」 からもわかるように、「困ったこと」 や 「やりたいこと」 からその解決策を逆引きできる感じの書籍になってます。頭から体系立てて学んでいくような書籍ではないので、手元に置いておいて、「あれどうすんだっけ？」 という時に開いてもらえたらいいなっていう感じの内容と作りになっています。 books Yoshiki Kato 2011-09-26T21:42:04+09:00 http://hyper-text.org/archives/2011/08/non-admin_google_chrome_frame_stable.shtml この Blog でも何度か取り上げていますが、Internet Explorer （IE） の中身だけ Google Chrome にしてしまおうというコンセプトで発表された 「Google Chrome Frame」 の管理者権限不要でインストール可能バージョンが安定版になりました。 Non-Admin Chrome Frame Reaches Stable Channel : Chromium Blog 過去にここで取り上げた記事も参考まで。上から新しい順です。 Google Chrome Frame が管理者権限不要でインストール可能に Google Chrome Frame 安定版がリリース IE を進化させる Google Chrome Frame web topic Yoshiki Kato 2011-08-31T16:57:21+09:00