IEでのindexof使用する際の注意
配列内の文字列検索としてindexofを使う方法が結構簡単です。 しかし、IE8以前ではindexof使えないみたいですね…… 自分IE9で確認作業していたのですが、XPユーザーからjavascriptエラーが出るよと言われ…調べてみたらわかりました。 対策はこちらのを参考にしました。 とりあえずIEの場合は上のほうに以下の関数を定義すればOK [javascript] if(!Array.prototype.indexOf){ Array.prototype.indexOf = function(target,index){ //indexが数値かどうかの判断 if(isNaN(index)){ index = 0; } for(var i = index; i < target.length; i++){ if(this[i] === target){ return i; } } re
プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック
作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形
【jQuery】ドリルダウンナビゲーションを実装できるプラグイン jQuery Sliding Menu | バシャログ。
パズドラのランクが175になりました ishida です。昨日やっとサタン降臨をクリアしてワーイワーイなテンションです。 さて本日はドリルダウンナビゲーションを実装できるjQueryプラグインのご紹介です。 ドリルダウンナビゲーションとは 1画面の中で、リンクなどの項目を選択して大分類から小分類へと対象を絞り込んでいくナビゲーションです。 表示エリアに制限のあるスマートフォンなどのデバイスでよく見られるUIですね。 そんなドリルダウンナビゲーションを簡単に実装できるjQueryプラグインがありましたので、 簡単なデモを作ってみました。 jQuery Sliding Menu デモ まずは、以下のデモをご覧ください。 リンクをクリックするたびに、下層のナビゲーションが表示されていきます。 HTML <div id="menu"> <ul> <li><a href="#">ノーマルダンジョン<
楽天ユーザー死亡へ・・・楽天カード情報や会員IDやパスワードが流出しているとネイバーまとめで話題に！楽天ダウンロードでドラクエを購入する人が続出中:ハムスター速報
TOP > ネタ > 楽天ユーザー死亡へ・・・楽天カード情報や会員IDやパスワードが流出しているとネイバーまとめで話題に！楽天ダウンロードでドラクエを購入する人が続出中 Tweet カテゴリネタ 0 ：ハムスター２ちゃんねる 2014年6月2日 8:20 ID：hamusoku 楽天カードだけでなく、会員IDやパスが大量に流失してるらしいorz・・・ 突然身に覚えのない買い物メールが届いてから、一体どーなってしまうのか？自分の顛末記録です。どうせ他人事・・・と高をククッてるあなたにも起こるかも？ ググってみると、同様の被害たくさん・・・・ワタシだけじゃなかったのね 楽天ダウンロードというサイトから、ゲームの購入完了のお知らせが来ました。 楽天ダウンロードで不正購入された話 楽天でお買い物したことがある人、ID、パスワード変更、クレジットカード登録も削除しておいた方がいいです。昨年から、楽天
【.htaccess】画像の直リンクを禁止する方法 – ysklog
暗黙のルールで画像の直リンクは禁止されていますが、ルールを知らない人もしくは「そんなのしったこっちゃない」という人は普通に画像の直リンクを行ってきます。 最近のサーバーは高性能なので少しくらいの直リンクではサーバー処理・転送量に影響はないのでスルーしても問題ないですが、アクセスの多いサイトから直リンクされた場合は由々しき問題となります。 しかしそういう場合はサーバー側で画像の直リンクを禁止してあげれば一件落着です。ここでは、apacheの「.htaccess」を使った画像の直リンク禁止の方法を説明します。 方法1 画像の直リンクを禁止する方法は、以下を記述した「.htaccess」を作成し、画像があるフォルダ（ディレクトリ）にアップロードするだけです。 #画像の直リンクを禁止する SetEnvIf REFERER "○○○.com" OK Order Deny,Allow Deny fro
Googleが公開しているAndroidの各バージョンシェア率 - Qiita
※上記リンクより4/1日時点 ※シェア率の算定基準は、集計日の過去7日間にGoogle playを訪問したデバイスのOSバージョン (2.1以下は新しいGoogle Playをサポートしていないので集計されないらしい) ※0.1%未満のシェア率はこの表には載っていない ただ、日本は日本独自仕様などやキャリアの方針もあり OSアップデートが積極的に行われない OSアップデートされても半年～1年遅れる 新機種に搭載されるOSバージョンが少し前のもの という傾向がある。 そのため、日本においては2.3系(Gingerbread)や4.0~4.1(Ice Cream Sandwich)の割合が大きいと考えられる。 OSバージョンシェア率からアプリの対応OSバージョンを決める場合 実際に使いたいAPIやライブラリ・対応コストなども踏まえた上で、総合的に対応OSバージョンは判断すべきだと思うが、 シェ
ナイスなレスポンシブなテーブル実装jQueryプラグイン「Responsive tables」:phpspot開発日誌
Responsive tables ナイスなレスポンシブなテーブル実装jQueryプラグイン「Responsive tables」 レスポンシブなテーブルというと、どうせ何か削るんでしょう、と思うところですが、主要項目を隠しつつも、見たい項目を選択して表示できるレスポンシブ方式。 テーブルは悩みどころではありますが、１つの解決策として知っておくとよさげ。 デザインもBootstrapベースで使いやすそうです 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」 クールに実装できるレスポンシブなモーダルダイアログ「Remod
AndroidシミュレータはGenymotion一択！MacでもOK！ブラウザの表示確認に！ | SHINGO IRIE
Androidには数多くのバージョン、端末がありますが、たまにクライアントより「Xperiaで見え方がおかしい」など、機種指定で挙動がおかしいといった報告があります。そうすると、手元に実機をもっていないと、再現することができず、解決までに時間がかかってしまいます。 機種を指定して高速シミュレートそこで、Genymotionという便利なアプリがあります。このアプリを使えば、Androidの好きなバージョン、機種を指定してシミュレートすることができ、状況を再現することができるようになります。 機種名、バージョンなど細かくさがせて、追加します。 実行すると、ばっちりシミュレートしてくれます。動作も軽い。 WindowsでもMacでも使えるGenymotionGenymotionはWindowsでもMacでもインストール可能です。 Macで使用する場合、GenymotionのほかにVirtualb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Responsive Tables, for Bootstrap 5
