http://hyper-text.org/ Webデザイン、HTML、XML、CSS、JavaScript 関連の話題、新しいWebサービス、Webサイトの話題をはじめとしたインターネット上での最新トピックスなどを中心に取り上げるBlog ja Yoshiki Kato 2012-05-22T16:06:54+09:00 http://hyper-text.org/static/img/profile/w3w_180.png http://hyper-text.org/ http://hyper-text.org/archives/2012/05/wordpress_htaccess.shtml 「WordPress サイトの .htaccess が改ざんされている件」という記事が話題になっていましたが、その原因に関して私が調べた範囲で書いてみます。 ↓これですけどね。 WordPressサイトの.htaccessが改ざんされている件 - 謎のindex.bak.php ： WP SEOブログ 【メモ】.htaccess改ざん事例（.htaccess/png/eval）※追記あり ： バカに毛が生えたブログ blog Yoshiki Kato 2012-05-22T16:06:54+09:00 http://hyper-text.org/archives/2012/05/ios_border_radius_percentage_ok.shtml html/css Yoshiki Kato 2012-05-14T09:34:23+09:00 http://hyper-text.org/archives/2012/04/w3w_clip.shtml 普段、Web を徘徊していて気になったページなどは、ソーシャルブックマーク （delicious とか、はてブ） にまとめてるんですが、そこに投稿したリンクのバックアップを兼ねて、自分のサイト内にもまとめて置いておきたいなということで、ちゃちゃっと 1ページ作ってみました。 W3W Clip ： 気になったリンクを（ほぼ）毎日クリップ ついでに WWW Watch っていうサイト名に合うっぽいコンテンツをなんか足したいなと思っていたので一石二鳥。 blog Yoshiki Kato 2012-04-27T20:18:56+09:00 http://hyper-text.org/archives/2012/04/insync.shtml なんか、オンラインストレージサービス Blog 的なノリになってますが... 昨日立て続けに SkyDrive、Google Drive とオンラインストレージサービスがアップデート / リリースされました。 特に、Google Drive の方は、Google ドキュメントにある文書ファイルがローカルに同期されるって聞いて期待してたんですが、実際に同期されてみたら、ローカルに保存されるデータは単なるショートカットで、編集はあくまで Google ドキュメント、つまりブラウザでやってねという作りになっててちょっとがっかり。というのも、今回紹介する Insync を使っていて Insync の Google ドキュメント連携機能が結構お気に入りだったからなんです。 web topic Yoshiki Kato 2012-04-26T14:04:28+09:00 http://hyper-text.org/archives/2012/04/google_drive.shtml 1つ前で Microsoft の SkyDrive がいい感じかもって書いたばかりですが、今度は前々からサービス開始が噂されていた、Google さんのオンラインストレージサービス、「Google Drive」 が提供開始されました。まさにオンラインストレージサービス戦国時代... Google ドライブ - あらゆるデータを保存して共有できます。 new service Yoshiki Kato 2012-04-25T02:38:01+09:00 http://hyper-text.org/archives/2012/04/skydrive_new_personal_cloud.shtml Microsoft のオンラインストレージサービス 「SkyDrive」 が刷新され、新機能が加わりました。 Windows / Mac に対応したデスクトップアプリが提供されることで、Dropbox のように、PC 上の所定のフォルダにファイルを入れれば、自動的に SkyDrive 上にファイルが同期され、そのファイルを iPhone をはじめとしたスマートフォンアプリや、他の PC / Mac から閲覧、編集 （スマホアプリは名前の変更や移動までですが） 等できるようになりました。 Making personal cloud storage for Windows available anywhere, with the new SkyDrive ： MSDN Blogs new service Yoshiki Kato 2012-04-24T14:25:05+09:00 http://hyper-text.org/archives/2012/04/dropbox_gift.shtml 実は急に容量が増えたので、なんでだろうと思って Dropbox の公式 Blog を見に行ったら書いてあったっていう (あとで気がついたんですけど、メールでの案内も今日の朝届いてた)。 Dropbox referrals are now twice as nice! ： The Dropbox Blog Dropbox は紹介プログラムとして、既存のユーザーが新規ユーザーを紹介してその人が Dropbox を使い始めると、紹介した人、された人、両方にボーナス容量を追加してくれるっていう仕組みを持ってるんですが、今までそのボーナス容量は 250MB でした。それが今回、倍の 500MB に増量されたということ。つまり、紹介した人も、された人も、500MB 容量が追加されるってことですね。さらに、有料の Pro アカウントも持っているユーザーが紹介した場合は紹介ボーナスが通常の倍だったのですが、これも 1GB （今までは 500MBだった） に増えました。 web topic Yoshiki Kato 2012-04-05T14:01:37+09:00 http://hyper-text.org/archives/2012/04/redbull_satofree.shtml blog Yoshiki Kato 2012-04-01T14:31:28+09:00 http://hyper-text.org/archives/2012/04/google_map_8bit.shtml エイプリルフールのネタですが、Google さんが本気すぎてすごい。 「ファミコン版 Google マップ 8 ビット」 の体験版と称して、Google マップがファミコン版ドラクエ風になるバージョンが公開されています。 ファミコン版 Google マップ 8 ビットができました。： Google Japan Blog web topic Yoshiki Kato 2012-04-01T01:36:56+09:00 http://hyper-text.org/archives/2012/03/tumblr_policy_github.shtml 米国時間、22日以降に Tumblr にログインすると下記のような画面がでて、新しい利用規約やプライバシーポリシーに同意してくれと言われるんですが （実際に使っている人は恐らく遭遇しているかと）、その中で面白いなと思ったのは、この利用規約等の改訂履歴は GitHub （GitHub とは） ですべて確認できますよと案内されていた点。 web topic Yoshiki Kato 2012-03-26T08:15:01+09:00 http://hyper-text.org/archives/2012/03/re_ipad_drawing_app.shtml fladdict さんが Blog で iPad / iPhone のお勧めのお絵描きアプリを教えろとのことですので、書いてみます。私が使ってるのは有名アプリばかりだからこうやって記事書いてるうちにたぶん色んな人が挙げると思うけど気にしない。 iPadでお絵描きアプリを作ろうと思う その1 blog Yoshiki Kato 2012-03-23T17:20:15+09:00 http://hyper-text.org/archives/2012/03/firefox_11.shtml Firefox も早いものでもうバージョン 「11」 ですよ。本日正式版がリリースされました。 このバージョンではブックマークやタブなどを他の PC 上で使用している Firefox と簡単に同期可能な 「Firefox Sync」 機能が拡張され、アドオンの同期も可能になりました。同じ環境を複数 PC 上で使いたい人には便利ですね。 アドオンの同期機能と新たな開発ツールを組み込んだ Firefox の最新版を公開しました ： Mozilla Japan ブログ Firefox 11.0 リリースノート web topic Yoshiki Kato 2012-03-14T23:13:29+09:00 http://hyper-text.org/archives/2012/03/alphabloggers_2011_result.shtml ちょっと前に今年で最後の開催になる 「アルファブロガーアワード 2011」 について告知しましたが、それの結果発表がされたようなのでご紹介。アルファブロガーアワードは AMN さんとシックス・アパートさんが主催する多くの人に影響力がある Blog を選出するコンテストです。 8年の集大成、117ブログの「アルファブロガー・リスト」を公開しました！ ： Agile Media Network blog Yoshiki Kato 2012-03-12T11:28:35+09:00 http://hyper-text.org/archives/2012/03/html5_placeholder_jquery.shtml フォームの入力コントロール （input とか textarea） に対して、初期値として入力例などをうっすら表示し、ユーザーへのガイドとして使用する （プレースホルダ） なんてことはよくやります。 HTML5 では、プレースホルダを指定する属性として、まさにそのままの名前が付いた、placeholder 属性が新たに追加され、ブラウザさえ対応していればとても簡単に実現可能になっていますが、今のところ IE が対応していないのが悲しいところ... html/css Yoshiki Kato 2012-03-12T09:24:01+09:00 http://hyper-text.org/archives/2012/03/css3_circle_menu.shtml 久々にこの手のネタ書いた気がしますけども... ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 5 （iPhone 4S） Safari では動作確認しました。他のスマートフォンとか知らない （CSS の position : fixed に対応してないヤツだと動かない）。IE？何それ美味しいの？ html/css Yoshiki Kato 2012-03-05T09:24:34+09:00