タグ

2013年7月17日のブックマーク (13件)

  • IE10におけるborder-radiusとpaddingの組み合わせ

    Internet Explorer 10においてborder-radiusとpaddingプロパティーを組み合わせると、余白を確保してから丸められる。そのためこの組み合わせを画像に適用すると画像が丸くならない。他のブラウザChrome 28やFirefox 23、Opera 15では丸めてから余白を確保するので、画像などに適用してもちゃんと画像が丸くなりきれいにふちどりされる。 Demo: border-radius and padding on IE10 border-radiusプロパティーを含む背景画像と枠線についての仕様には5.2. Corner Shapingでパディングの縁は丸くなると書かれているのでIE10のバグ。 デモに参考としてつけておいたborderプロパティーを使うのが無難で普通に思いつく解決方法だけど、borderプロパティーが使えなくなるのは痛い。marginとb

    IE10におけるborder-radiusとpaddingの組み合わせ
    oppara
    oppara 2013/07/17
    IE10におけるborder-radiusとpaddingの組み合わせ - Weblog - http://t.co/Qtd1qdfdu9
  • Youtubeの動画を背景に

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    Youtubeの動画を背景に
    oppara
    oppara 2013/07/17
    プラグインを使用してGoogleMapsを簡単に、より場所を正確に読み込む|WordPressでブログでなくビジネスサイトをつくろう【MdN連載第15回目】
  • Encouragement of ListView

    Introduction of Titanium 3.1 ListView

    Encouragement of ListView
    oppara
    oppara 2013/07/17
    Encouragement of ListView // Speaker Deck
  • 海外旅行で便利:iPhoneの「Google Maps」アプリでオフライン用に地図をキャッシュする方法

    iOS向けの『Google Maps 』で、オフライン用に地図データを保存しておく方法があるそうです。 地図アプリには元々データをキャッシュしておく機能がありますが、一度も表示していない画面のデータは保存されいないためズームやスクロールができず、電波の入らない場所ではあまり使い物になりません。 しかしながら、ちょっとした「コマンド」を使うだけで、明示的に地図データをオフライン用に保存することができます。(残念ながら現時点では国内で使えず、故にタイトルどおり海外限定となります) 「Google Maps」でオフライン用に地図をキャッシュする方法 1. まずはズームなどで保存したい範囲が画面に収まるように調整します。あまり範囲が広いとエラーとなるので注意しましょう。 2. 検索窓に「OK MAPS」(大文字・小文字ともに使えます)と入力。 すると、データのダウンロードが始まり、アイコンのアニメ

    海外旅行で便利:iPhoneの「Google Maps」アプリでオフライン用に地図をキャッシュする方法
    oppara
    oppara 2013/07/17
    海外旅行で便利:iPhoneの「Google Maps」アプリでオフライン用に地図をキャッシュする方法 | Touch Lab - タッチ ラボ
  • 一保堂茶舗オンラインショップ

    お買いものかご 0 ログイン 商品検索English 抹 茶玉 露煎 茶番茶(ほうじ茶など)ティーバッグ宇治清水・むぎ茶茶器類 ノンカフェイン・有機茶贈りものおもてなし普段使い特集 恐れいりますが、再度URLをご確認いただくか、 しばらく経ってから再度アクセスをお願いいたします。 ページのトップへ 抹茶玉露煎茶番茶(ほうじ茶など)ティーバッグ宇治清水・むぎ茶茶器類 ノンカフェイン・有機茶贈りものおもてなし普段使い特集知って選ぼうイッポドウお茶のある暮らし卓ノートん!? このお茶ヘン? マイページ 注文履歴お気に入り住所録会員情報の変更メールアドレスの変更パスワードの変更会員登録の解除 お買い物ガイド よくあるご質問配送料についてお支払い方法お買い物の流れ会員登録方法ポイントサービスについて掛紙(のし)・包装についてご利用規約特定商取引法に基づく表記プライバシー&セキュリティポリシー 新規

    oppara
    oppara 2013/07/17
    特撰むぎ茶 手付き缶(1kg) - 一保堂茶舗オンラインショップ
  • Gitがこわくて触れられなかったけど、このスライドで理解出来るようになったよGitサイトまとめ

    触れるのがこわくてずっとGitを避けて来ました。ですが、使わなければならない状況に追い込まれたので初心者ながら少しずつコミットしたりしながらGitの使い方を学んでいたらGitってもしかして楽しいかも!!って思うようになり、もっとGitの事を学びたくて色々勉強出来る資料やサイトを集めていて情報がたまって来たので、ここでまとめていつでも見れるようにしたいと思います。 Gitの仕組みを優しく教えてくれるスライド 素敵なスライドがありましたのでご紹介させていただきます。 うん、見やすい!見やすいよー!! Gitを勉強出来るサイト サルでもわかるGit入門 サルでもわかるGit入門 世界一わかりやすく説明しているサイトです。僕でもわかりました。 Learn Git Branching Learn Git Branching ゲーム感覚で勉強したい時はこちら。このサイト自体がすごい 笑 Gitコマンド

    Gitがこわくて触れられなかったけど、このスライドで理解出来るようになったよGitサイトまとめ
    oppara
    oppara 2013/07/17
    Gitがこわくて触れられなかったけど、このスライドで理解出来るようになったよGitサイトまとめ
  • Render error messages of Backbone.Validation for Twitter Bootstrap

    oppara
    oppara 2013/07/17
    Render error messages of Backbone.Validation for Twitter Bootstrap
  • マイクロフレームワークをつくろう - Pimpleの上に(Monolog導入・エラーログとスタックトレース出力編) - k-holyのPHPとか諸々メモ

    Pimpleを拡張して自分好みに使うために作成した小さなアプリケーションクラスを使って、マイクロフレームワークっぽいものを作る試みです。 マイクロフレームワークをつくろう - Pimpleの上に(Pimple拡張編) マイクロフレームワークをつくろう - Pimpleの上に(とりあえずフォーム編) マイクロフレームワークをつくろう - Pimpleの上に(Symfony HttpFoundation導入編) マイクロフレームワークをつくろう - Pimpleの上に(Rendererクラス作成編) マイクロフレームワークをつくろう - Pimpleの上に(RESTインタフェース編) マイクロフレームワークをつくろう - Pimpleの上に(PHPTAL導入編) マイクロフレームワークをつくろう - Pimpleの上に(例外処理とエラー画面・Twitter Bootstrap導入編) マイクロ

    マイクロフレームワークをつくろう - Pimpleの上に(Monolog導入・エラーログとスタックトレース出力編) - k-holyのPHPとか諸々メモ
    oppara
    oppara 2013/07/17
    マイクロフレームワークをつくろう - Pimpleの上に(Monolog導入・エラーログとスタックトレース出力編) - k-holyのPHPとか諸々メモ
  • head.jsのローダーを少し便利に使う拡張「head-require.js」 - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 自分用に書いて使っていたのですが、わりと便利だったのでここに記しておきます。 おさらい : head.jsってなに だいぶむかしに記事を書いたことがありましたが、 「head要素に入れるべき唯一のスクリプト」 と称している便利なスクリプトです。 cf) head要素に読み込むべき唯一のスクリプト「headjs」 | Mach3.laBlog なにをしてくれるのかというと、 Require.jsのようにリソースローダーとして機能する Modenizrのようにモダン環境向けの機能判別をしてくれる html5shivのように、レガシー環境でもHTML5のエレメントを使えるようにしてくれる レスポンシブデザイン向けに、動的にHTML要素のクラス(.lt-1024等)を設定してくれる などなど、なかなか広い守備範囲です。 専門のスクリプト

    head.jsのローダーを少し便利に使う拡張「head-require.js」 - Mach3.laBlog
    oppara
    oppara 2013/07/17
    head.jsのローダーを少し便利に使う拡張「head-require.js」 | Mach3.laBlog
  • head要素に読み込むべき唯一のスクリプト「headjs」 - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 「Modernizr」や「html5.js」等、 モダンな環境の為の便利なスクリプトは多々ありますが、 「headjs」はそんな彼らの仕事を一気に引き受けてくれる働き者のスクリプトです。 使い方 Head JS :: The only script in your HEAD 謳い文句はhead要素に読み込む唯一のスクリプト ダウンロードして読み込むだけ。おしまい。 <script type="text/javascript" src="head.js"></script> その多彩な機能 環境の判別 CSS3のプロパティの対応状況、画面のサイズ、ブラウザなどの情報を Modernizrと同じ手法でHTML要素のクラスに出力してくれます。 こんな感じに… <html lang="ja" id="test-page" class="

    head要素に読み込むべき唯一のスクリプト「headjs」 - Mach3.laBlog
    oppara
    oppara 2013/07/17
    head要素に読み込むべき唯一のスクリプト「headjs」 | Mach3.laBlog
  • FQLと遊ぶ! : Facebook Query Language (前編) - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) FacebookのSDKで何かをする機会が今まであまりなかったわけですが、 ふと思い立ってFQLをいじってみる事にしました。 前編では、FQLとは何なのかをざっくりとご紹介します。 FQLについて Facebook Query Language (FQL) – Facebook開発者 こちらが公式のドキュメント(英語)。 簡単に説明すると、SQLライクなクエリを送信し、Facebookのデータを取得出来るインターフェイスです。 取得できるデータは多岐に渡ります。 アプリに利用する場合は、シェアされた物やいいね!された物、プロフィールや友人関係などの情報を取得して使うことになるのでしょう。 多岐に渡るテーブルはこちらを参照 : Facebook Query Language (FQL) Reference – Facebook開発

    FQLと遊ぶ! : Facebook Query Language (前編) - Mach3.laBlog
    oppara
    oppara 2013/07/17
    FQLと遊ぶ! : Facebook Query Language (前編) | Mach3.laBlog
  • HerokuのAPIをcurlで叩いてプロセスをスケールさせるメモ。 - Sooey

    HerokuAPIcurlで叩いてプロセスをスケールさせるメモ。 Heroku上のアプリのworkerプロセスをスケールさせる処理を、Heroku Schedulerを使って定時実行したかったので、curlAPIにアクセスする方法について調べました。 まず、Getting Started with the Platform APIを参考にAPIキーを取得します。 $ API_KEY=`(echo -n ":" ; heroku auth:token) | base64` ; echo $API_KEY OjAxMjM0NTY3LTg5YWItY2RlZi0wMTIzLTQ1Njc4OWFiY2RlZgo= あとは、Platform API Referenceを見てcurlのコマンドを組み立ててAPIキーをAuthorizationヘッダとして付与すればOK。 プロセスに対する処理はD

    oppara
    oppara 2013/07/17
    HerokuのAPIをcurlで叩いてプロセスをスケールさせるメモ。 - Sooey
  • Big Sky :: C言語から使えるJSONパーサ、jansson がとても直感的で良い

    おなじみC/C++から使えるJSONライブラリを紹介するコーナー。まずは過去のまとめ。 最速と言われる JSON パーサ「rapidjson」が当に爆速なのか試してみた。 C言語から使えるJSONパーサ、parson が思った以上に良い仕事をしている。 僕がboost::asioとboost::property_treeを使いHTTPプロキシ環境下で非同期にGoogle Search APIから検索するまでにやった、たった一つの事。 C言語から使えるJSONパーサ、JSMNを試してみた。 何も見ずにC++でjsonパーサが書けるか試してみた。 ヘッダファイルだけでC++から使えるJSONパーサ「picojson」が凄い! 最近は結構 matsuu さんのブクマから見つけて記事を書いてたけど今日はそうじゃない所からご紹介。 Jansson — C library for working w

    Big Sky :: C言語から使えるJSONパーサ、jansson がとても直感的で良い
    oppara
    oppara 2013/07/17
    Big Sky :: C言語から使えるJSONパーサ、jansson がとても直感的で良い