![Loading...](https://cdn-ak-scissors.b.st-hatena.com/image/square/78e99c86014d022cd870f521ec799901a40eec12/height=288;version=1;width=512/http%3A%2F%2Fwebdesignmatome.com%2Fwp-content%2Fuploads%2F2012%2F06%2FA321.jpg)
日本のWEB業界では、はてブのボタンをブログに設置しないと物足りなくてソワソワしちゃう病みたいなのがある・・と、私は思います。 そこで(?)、アメブロにそれらのソーシャルブックマークを設置してみました。 さらに、アメブロで標準搭載されているtwitterとfacebookのイイネを、ダブってもカッコワルイかなぁ・・と思って削除しました。 このようにする方法を少し紹介したいと思います。実際に設置したアメブロはこちらです。 なお、これから説明する情報は、以下のサイトを参考にアレンジしたものです。 参考:記事にGoogle+1・Facebook・Twitter・はてブ共有ボタンを設置する方法(改善版 まずはこのサイトの説明を読んで頂けると理解が早くなります。 以下をフリースペースに設置する。 <script type="text/javascript">// <![CDATA[ <script
MovableType 小技集 【更新】ソーシャルメディアに共有するボタンの設置方法(Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ) ソーシャルメディアの各サービスがこぞって「いいね!」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。 目次(兼ショートカット) Twitter「Twitterボタン」 Facebook「Share」「Like(いいね!)」 mixi「mixiチェック」 GREE「Social Feedback(いいね!)」 Evernote「Site Memory(Clip)」 Google+「+1」 Tumblr「Share on Tumblr」 Pinterest「
jQuery Mobileってなに? jQuery Mobileは、javascriptのフレームワークです。スマートフォン向けの直観的で使いやすいUIを瞬時に作成できます。 JavaScriptをWebデザイナーでも扱える身近な存在に変えた「jQuery」。そのjQueryと同じ開発元からリリースされていることもあって、スマートフォン向けフレームワークとして注目のjQuery Mobile、文法はjQueryとまったく同じですのでためしにサンプルを作ってみました。 jQuery Mobileは、解像度の違いなど、デバイスの特性の違いも吸収してくれるというのが最大の強みになっていて、ほとんど全ての機種に対応しています。そのため制作者は悩み所だったデバイスの違いを気にすることなく、スマートフォンサイトを作成できてしまいます!iOSやAndroidなどのWebKitベースのスマートフォンだけで
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル
ブラウザ判定って皆さん使ってますか。 判別の方法は、ユーザーエージェントを使ったり、サーバーサイドを使う方法など様々だと思いますが、 本日はお手軽にIEのバージョン判定ができるJavaScriptをご紹介。 ajaxianにやり方が紹介されていました。 Attack of the IE Conditional Comment… 詳しくは以下 JavaScriptの設定 設定するスクリプトはこれだけです。 var ie = (function(){ var undef, v = 3, div = document.createElement('div'); while ( div.innerHTML = '', div.getElementsByTagName('i')[0] ); return v> 4 ? v : undef; }()); 使い方 ■IE以外のブラウザ if(ie ===
iPad Safari image limit workaround | Adventures in Code Pixiv のランキングをスライドショーで表示する Seiga Show を作っていて、なぜか 45位以降の画像が表示されないことがたまにあって調べていたのだが、どうやらiPad の Safari では1ページあたりの画像サイズの合計が 6.5MB を超えると、それ以降の画像が表示できないという問題があるようだ。 2011/05/29 追記 iPad 2 では普通に表示できます。やはりメモリ容量の問題だったみたいです。 Pixivの画像が大体1枚 150k前後なので、150k * 45 = 6,750k となり、大体計算も合うのでほぼ間違いなし。 上記で紹介した記事では、HTML5 の Canvas の drawImage を使えば、この制限を回避できる、と書いてあり、サンプルペ
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く