Retinaディスプレイ判別で自動で高解像度画像を出しわけ可能な単独ライブラリ「Retina.js」 2012年04月12日- Retina.js | Retina graphics for your website Retinaディスプレイ判別で自動で高解像度画像を出しわけ可能な単独ライブラリ「Retina.js」 <img src="/images/my_image.png" /> という画像タグがあったとするとスクリプトがサーバ上の"/images/my_image@2x.png"というファイルを自動でチェックして存在すれば置き換えてくれます。 インストールはretina.jsを読み込むだけというお手軽さがいいです。 単に高解像度で出したい部分だけファイルを用意して置いてあげればよいというのはお手軽ですね。 <script type="text/javascript" src="/s

Making a Page Flip Magazine with turn.js | Tutorialzine ページめくりができるInstgramのWEBマガジン作成チュートリアル。 このチュートリアル一本でinstagramのAPIをPHPで叩きつつjQuery、css3の練習ができるというもの ページめくり部分はturn.jsを使っています 一昔のバズワードであるマッシュアップという言葉を思い出しましたが、まさにそれですね 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

How we decreased sign up confirmation email bounces by 50% - Kicksend Blog Eメールの入力間違えを防いでくれるjQueryプラグイン「mailcheck」。 hotmailがhotnailになっていたり、yahooがyhooになっているのを検出してくれます。 よくありがちな間違いかと思うのでサイトのメール入力欄に入れておくと問題を解消できそう 英語仕様ですが、配列を次のように定義してあげれば対応できそうです。 docomo.ne.jp とか yahoo.co.jp とか自由に入れるだけです 関連エントリ 円形に広がるソーシャルシェアボタン実装jQueryプラグイン「jOrbital」 ページめくりを実現するためのjQueryプラグイン集 faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン

Home - Tooltip your images - iPicture jQuery Plugin 写真上にコメントが載せられるjQueryプラグイン「iPicture」 写真の上に＋のアイコンをオーバーレイでき、マウスオーバーでコメントが表示されます。 写真上でそこまで邪魔にならないけどそれなりに目立ち、説明を読んでもらいたいような場合に使えそうです コメント表示例。半透明なのでそれほど嫌な感じでは無いですね 商品の説明等に使うと分かりやすい商品説明ページが作れるかもしれませんね 関連エントリ Flickrみたいに写真内に枠を作ってコメントできるようにするjQueryプラグイン CSSのみで画像に違和感なく注釈を入れるサンプル

PanoJS3 - pure JavaScript viewer for huge images スマホやタブレットでGoogleマップ風に使えるパノラマ画像ビューア「PanoJS3」。 Googleマップ風ということでイメージは出来るかと思いますが、次のようなインタフェースで大きな画像も詳細を拡大することが出来るインタフェースの実装が可能です 拡大したところ。フルスクリーンモードなんかもあるみたい スマホ、タブレット対応っていうのは新しいですね。インタフェースもそれ様に作られているみたいです 関連エントリ Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 GoogleマップAPI ver3でGoogleマップを独自にスタイルすることが出来るらしい

RefineSlide 画像のキャプションが美しいスライダー実装jQueryプラグイン「RefineSlide」。 スライドのアニメーション自体が美しいのもさることながら、個人的に言及したいのはキャプション部分で、次のように、元画像に半透明に重なって実に美しいではありませんか。 もともとそういう画像を作っていたんじゃないの？と一昔前の人なら思ってしまうはずです 右上に出したキャプション。文字の選択もできます。 右下にキャプションを出してみた例。う〜んやっぱりこのデザインはいいですね CSS3を使ってこれだけ出来るっていうのはいいですね。将来的には、画像は必要最小限で、CSS3でエフェクトをかけて主に使うっていう使い方が結構増えてそうです しかもIE7以降サポートです 関連エントリ 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」 レ

おことわり DoCoMo, SoftBank, auの3キャリアの携帯電話端末にインストールされているルート証明書について述べる。 言うまでもなくこの文書は無保証。猛犬注意。濡れていて滑ります。 SSL非対応端末は相手しません。 せっかちな人はまとめからどうぞ。 DoCoMo DoCoMo提供の資料を見ればわかる。端末には3種類ある。 SSL対応全PDC端末およびFOMA 2001/2002/2101V/2051/2102V/2701/900iシリーズにインストールされているのは以下の5つ。 VeriSign Class 3 Primary CA VeriSign Class 3 Primary CA G2 Verisign/RSA Secure Server CA GTE CyberTrust Root GTE CyberTrust Global Root FOMA901i/700i/8

パトラッシュ、僕はもう疲れたよ 何だかとっても404なんだ… ホームページに戻る 一つ前のページに戻る

さくらのVPS（CentOS 5.5）に RapidSSL をインストールするまでのメモ 2011年4月7日 2017年9月9日 Linux さくらのVPS（CentOS 5.5）に RapidSSL をインストールするまでのメモさくらのVPS（CentOS 5.5）に RapidSSL をインストールするまでのメモ への6件のコメント tagawa SSL のインストールは初めてなので、いろいろ調べながらインストールしてみる。 サーバーはさくらのVPS、 OS は CentOS 5.5。 どこの SSL を利用するか SSL 証明書は個人的に RapidSSL 一択でした。 SSL 証明書が2000円台って安過ぎ。 以下、参考に他社の値段。 ベリサイン : 85,050円（1年） セキュア・サーバID｜製品について｜日本ベリサイン ジオトラスト : 36,540円（1年） SSL電子証明

アーキテクトなブログ ITの便利な使い方を紹介します。 ITをもっと便利に、もっと身近に使える方法を紹介します。 PR プロフィール プロフィール｜ピグの部屋 なう｜グルっぽ｜ポケット ニックネーム：ITアドバイザー 性別：男性 誕生日：1973年5月13日 血液型：B型 お住まいの地域：千葉県 ブログジャンル：起業・ベンチャー/エンジニア メッセージを送る アメンバーになる プレゼントを贈る [記事作成・編集] にほんブログ村 最近の記事一覧 システムに名前を付けるといいことがあるらしい。 月額1000円で固定IPサービス MacのFTPソフト Mac Book Airで容量の大きい不要ファイルを削除する方法 WEBデザイナーさんと協業のお話 Macでコピー&ペースト　地味に便利なアプリ　FormatMatch PHPのIDE PhpStormを使ってみた ECサイト オープンソース

超便利！ お絵描き レシピ、食事処検索 写真/動画編集 標準アプリ置き換え 調べる(辞書など) 読む(書籍、リーダー) 読んで、見て学ぶ ニュースチェック ビジネスマン必須 テキストエディタ メモ＋α Todo管理 パパママ、キッズ ゲーム 音楽・ラジオ AppBankがおすすめする「究極の神iPadアプリリスト」です。iPadをお持ちの方は入れておいて間違いなしの便利な「定番」アプリから、目的別神アプリをまとめました。 「究極の神iPhoneアプリまとめ」はこちら→ 【最新版】究極の神iPhoneアプリまとめ 「なんでこれ入ってないの！？」というオススメアプリがありましたら、ぜひ @paulsumisu まで「追加して欲しい神アプリ」「誰にとっての神なのか」と「その理由」をお送りください。追加検討いたします。 Tweet to @paulsumisu それでは、お楽しみください♪ 【最終

グラデーションを描いた時にできてしまうバンディング（濃淡の縞）を滑らかにするPhotoshopのアクションを紹介します。 手動用にそのアクションの解説も。 Photoshop Actions to fix the banding of Photoshop's gradients. [ad#ad-2] No More Bandingの使い方 No More Bandingの仕組み No More Bandingの使い方 No More Bandingの使い方は簡単です。 「Download」ボタンから「No More Banding 0.5.atn.zip」をダウンロードして、解凍。 「No More Banding 0.5.atn」をPhotoshopのアクションパネルに登録。 インストールが完了すると、下記のようになります。 右半分が適用前、左半分が適用後です。 No More Band