オリジナルの自作画像でGoogle+1ボタンを実装する方法
（12.02/21 16:00 追記）以前掲載していた「Google+1の実装方法」は、正しくは「Google+ Shareの実装方法」でした。改めて「Google+1の実装方法」を追加するとともに、謝意を表します。 今ちょっと新作webサービス作ってるんですが、自分で作ったオリジナル画像やフリー素材などで「Google+1ボタン」を実装する場合、どこにリンク張ればいいのか分からんくて。 いろいろ情報を探してみたところ、さっきやっとこさ判明したので、イキオイでシェアしまーす！ んで、それだけじゃアレだから、ついでに「twitter」と「facebook」と「はてなブックマーク」でも同様の方法をメモメモしときます。 オリジナルの自作画像で各SNSのシェア系ボタンを実装する方法 Google+1の場合 2012年2月21日現在、Google+1へ追加するためには、正規の方法（ココからスクリプト
（恐らく）最も簡単な、対IE用CSSハック術
CSSコーディングにおいて最も邪悪かつ驚異的な存在、Internet Explorer。 どんなに完璧にCSSを理解していても、彼らの挙動を把握していない限り、まさに「机上の空論」となってしまうという、恐るべき魔物。 それに立ち向かうべく発明されたのが、各ブラウザの独自仕様やバグの穴を利用して各ブラウザ個別に対応するという、いわゆる「CSSハック」。 今回はワタクシsmknが対IE用として日常的に使用している、（恐らく）最も簡単であろうCSSハック術をご紹介します。 と、その前に...。 今回ご紹介するCSSハック術は､CSSの正式な文法としては間違っています。 バリデート通りません。invalidです。 本来なら文法的にも正しいハックを使った方が良いのかもしれませんが、そもそもハックしちゃってる時点で正しいもクソもないような気が、個人的にはしてるので。 さらに、ハックの所為でCSSがバリ
ITキヲスク
気が付けば2児の父（4歳・1歳）となった訳ですが、仕事柄けっこう育児に集中できるタイミングも多くて、緑色のうんちが茶色くなっていくさまや、ことばが見つからず癇癪を起こすさまや、ファンターネ全然しっくりきてないさまなど、いろいろ楽しませて＆苦しませてもらっています。 そんな楽しくも過酷な育児のなかで、うちの上の子の特性みたいなところで「文章や口頭で説明しても、いまいち頭に入ってこない」みたいなことがちょこちょこあって。 その代わりというか、歌が好きな子でいろんな歌をYouTubeや保育園やらで覚えては口ずさんでて、手を洗うときに手洗いの歌とか歌いながら一生懸命ゴシゴシしてるのを見て、もしかしてと思ってその日の夜の歯磨きの時、渋ってるところにYouTubeの歯みがきソングを見せたところ、一気にやる気になって歯磨きさせてくれたのです！ そういや保育園でも、ことばで説明するのと同時にイラストカード
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
