ハナモゲラボ / 試行錯誤の実験人生

日々、PCや各種デバイス、楽器等に翻弄されながら電脳の森をさまよう男の日常と様々な実験をさらりと記しております。

Category Archives: Web関連

Retinaディスプレイに対応させたCSS Sprite

YoutubeのCSSスプライトの例

コリスさんにおもしろい記事が載っていました。 Appleの最新機種に搭載されているRetinaディスプレイに対応させる為のCSS Spriteです。 Retinaディスプレイを考慮したCSSスプライトの実装方法 Macbook Proに搭載されたRetinaディスプレイの解像度は 2,880×1,800ピクセルもあるバケモノ。 しかし、それにわざわざ対応させるような事ってあんのかなあ、という疑問もありますが なんとGoogle Chromeは新バージョンでこのRetinaディスプレイに対応。 「Chrome」ブラウザ新版が「Retina」ディスプレイの解像度に対応 標準ブラウザ以外で対応してくるんなら、Web制作側でも対応をしなけりゃならん事が あるのかも知れません。 実際、iPhoneには……(続きを読む)

ファーストサーバがどえらい事に・・・クラウドという物への信頼は

ファーストサーバは過去に社長が新幹線で全裸になる、というどえらい事件がありましたが 今回はなんとサーバダウン+データ消失というありえない大事故を起こしてしまいました。 ファーストサーバ、共有サーバーとVPSサービスで「データ復旧は不可能」 http://internet.watch.impress.co.jp/docs/news/20120623_542371.html Internet Watchさんの記事によると ファーストサーバ株式会社は6月23日、20日から同社のレンタルサーバーサービスに発生している障害について、共有サーバーとVPSサービスについては「データ復旧は不可能と判断した」と発表した。 今回の障害の影響を受けたサービスは、共用レンタルサーバーサービスの「ビズ」「ビズ2」、専……(続きを読む)

WordPressのカスタムメニューをさらにカスタマイズする

WordPressのカスタムメニューはテンプレートにwp_nav_menuを使って配置するだけで 簡単に設置できるのが魅力。 こいつはバージョン3.0.0以降から追加されたとても便利なもの。 パラメータも豊富で、出力するHTMLをそれなりに制御はできるんですが 「わけのわからんClassとかなんかウゼエ」って場合にどうすんだ、というお話です。 まずはWordpress私的マニュアル様の記事で基礎を勉強。 http://elearn.jp/wpman/function/wp_nav_menu.html ここでパラメータをある程度把握すれば配置も簡単です。 header.phpあたりに と書いてやればそれでOK。 パラメータの書き方は上記を参考にしてカンマ区切りで増やしていけばOKです。 たとえ……(続きを読む)

またもやaxeがやってくれました。ツボをおさえたキャンペーン!

axeと言えば男性用化粧品。 Web界隈でaxeと言えば「常に男心をくすぐるキャンペーンサイト」 そして「最新技術を煩悩の為に惜しげも無く使用するサイト」として すっかり定着した感がありますな。 いつぞやの「自画像をアップすればおねーちゃんが品定めしてくれる」サイトなんぞは 「これ、一体どうやって作ってんだ?」とみんなでワイワイ言ってたものです。 (このサイトは海外のみで国内で正式公開はされていません) そして、今回はなんとWebカメラを使っての「顔認識」そして「仮想空間」を実現。 こっちの顔を動かすとそれに画面が追従して動くわけですよ。 らばQーなんという桃と谷間のパラダイス…!AXEが紳士たちのけしからん夢を叶える http://labaq.com/archives/51746917.h……(続きを読む)

善意を盾にお金を集めるのなら決してやってはならない事

学校に通いたいけどお金が払えない学生を支援するために始まったStudygift。 [browsershot url=”http://studygift.net/home.php” width=”200″]こういう人を救いたいという人とお金をWebを使って集めるというサービスですが、どんどんきな臭い方向に話が行ってて、見事に炎上してしまいました。 当初このサービスの事を聞いた時は「へえ、うまくいけばすごいね」と普通に感心していたのですが、サイトが公開されたのを見た瞬間「なんだかなあ・・・・」と思ったのは事実。 これは今回のテストケースに登場した坂口さんという女性のプロフィールを見た時に感じました。 僕自身、大学には行ってないし、それこそどんな仕組みなんかもわからんというレベルですが 友人には奨……(続きを読む)

IE8以下にHTML5をどうやって表示させるかの諸々

先日、いよいよというべきかHTML5での指定案件がありました。 Google ChromeやFirefox、Safariなどのいわゆるモダンブラウザは HTML5+CSS3への対応も早くてあまり支障もないのですが IE8ですらHTML5のタグが認識できない、というのは困りもの。 未だに使用されている事の多い、WindowsXPに至っては事実上IE8が最終バージョン。 となると、WindowsXPの人はごめんね!って事になってしまうのである。 そこで見つけたのがこのブログでした。 HTML5 & CSS3のクロスブラウザー対応方法まとめ (http://mae.chab.in/archives/1463) ここにはとてもわかりやすくまとめてありました。 まずはIE8以下にHTML5の新……(続きを読む)

 

« Jul 2019 August 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31