spliceメソッドやsliceメソッドでは「値」ではなく「何番目」かでの処理をするためできない。shuffleというアルゴリズムを利用するもの。ソースのサンプルもほとんどが同じ。javascript」でググるとそのまま利用できる記事がたくさん見つかる。2017-3-17SNSボタンをリンクで設置するプラグインやらを使えばいいのだろうけど、わざわざプラグインを使わなくても「共有用にリンクだけ設置したい」ということがよくあります。2017-1-11touchendがAndroidで効かない?!数年前にも同じことでハマってしまったのに、同じ過ちを繰り返してしまったので備忘録。2016-12-30日本語が使える環境かPHPで判別するターゲットユーザーが外国人を含む場合、日本語が使える環境がないかもしれません。そこで、日本語が使える環境か判別したり、第一優先言語が日本語か判別してみた。2016-9-17連想配列(オブジェクトの値)の並び替えたとえば下記のような配列(sample)で、配列に格納したオブジェクトの指定したキー(b)の値で並び替えたいとき。2通りのやり方を備忘録。使ってみる」という記事を書いた。2015-7-21iframeの高さを自動調整するiframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。こんなURLがあって、pの値が数字かどうか判別したいとき。2013-9-25html5から見送りになりそうなタグ(2012年12月17日付け)html5をはじめからウォッチしてきたから、この辺りは確実に把握しておきたい。下記は仕様から削除されるリスクがあるものたち。端末によって画面両サイドのエリアのリンクが認識しづらい現象が発覚。クリッカブル領域を広げてみたが改善されなかった。APIスマホやタブレットの普及で、現在地を取得するような位置サービスの需要が多くなるのは用意に想像がつく。使ってみるこの記事を、下記ページに焼き直しました。mb_strlenちょっとハマってしまったので備忘録。2013-1-28[連想配列]2つ以上のキーで並び替えをする2つ以上のキーで連想配列を並び替えしたいときの備忘録。想定すべき画面サイズ、利用シーンに適した情報のコントロールが崩壊しつつある。使うための最小設定ライトボックスをお手軽に実装できるためのライブラリは「lightbox」で検索してみると分かるとおりサイト上にたくさんあって、大変ありがたい。2012-11-5継承(擬似クラス型)継承(擬似クラス型)のサンプルの一つとして、コードを理解しやすいようにもっともミニマムなカタチで、シンプルに用意してみた。2012-9-30マルチカラムをCSS3で実装CSS3で利用できるマルチカラムについて再確認。2012-7-7スマホでマウスオーバースマートフォン(以下スマホ)やタブレットでPCでいうところのマウスオーバー処理をしたいときは、touchイベントを使うことで実現できる。2012-5-31localStorageでオブジェクトを格納するlocalStorageは、近頃のブラウザやスマホで対応しているのでチョー便利。2012-5-3html5の要素とコンテンツモデルhtml5の要素を調べたことがあれば、下図のようなものを見たことがあるかもしれない。スクロールバーは、基本ブラウザが用意してるのを使えばいい、という考えでした。2011-10-17Javascriptでカレンダーを作ってみたポイントは、「その年月のカレンダーのその日は第何週なのか、第何曜日なのか、何日なのか」をJavaScriptで生成し、祝祭日はCSSで指定していること。border-imageborder-imageは、一枚の画像で9スライスのデザインが実現できちゃうという優れもの。2011-4-22text-shadowを極めるtext-shadowプロパティは、その名から想像するとおり、テキストに影をつける(ドロップシャドウ)ことができます。2011-4-19box-shadowを極めるbox-shadowプロパティは、その名から想像するとおり、ボックスエリアに影をつける(ドロップシャドウ)ことができます。2011-4-19スマートフォンでも使えるフォトスライドフォトスライド。確かに様々な優秀なライブラリがすでにある。!W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。2011-3-7IEでhtml5のタグを認識させるJavaScriptIEでは、html5で追加されたタグを使用しても認識してくれません。Mobileを導入するだけで、同ドメイン内の他ページやページ内リンクを使ってページ遷移するときに右から左へスライドします。まもなくβ版がリリースされるそうですが、現状のα版3を見てみました。2011-2-23ページ切り替え時のトランジション効果スマートフォンが普及し、タッチパネルによるページ切り替えが新たなUIとして浸透してきました。APIをアフィリエイトとして使おうと試みて、その概要をつかむまで2,3日かかってしまった。2010-10-28携帯サイトのターゲット端末スマートフォンが普及していく様を横目に、携帯サイトに対応しなくてはいけないシーンはまだまだある。!上図のように、2カラムレイアウトにおいて、左右のコンテンツ長さが任意で、短い方のカラムの縦位置を長い方のカラムのセンタリングする場合、どうしましょうって話。2010-6-28html拡張子でありながらphpを動作させるもっとはやくに気づいていたかった・・・。環境としては、レンタルサーバーhetemlを使用してMovablTypeをインストールしています。2010-5-29maxlengthで指定されたテキストのlengthinputタグ要素の属性、maxlengthが指定されたテキストの文字数について、ちょっと調べてみた。2010-5-24maxlength属性inputタグ要素の属性、maxlengthについて、ちょっと調べてみた。Javascriptがちょっと分かってきたかもいまどき「マッシュアップ」という言葉を使うこと自体ちょっぴり恥ずかしいのですが、外部APIを連携する際のお覚書き。2009-7-23selectタグの上にコンテンツを乗せるselectタグの上にコンテンツを乗せる手法。ネット検索したものを総まとめした「覚書」。これを参考に応用すると、うまくいく。将来性の高いコーディングスキルを身につけると同様の価値があると思うのです。[CSS初心者向け]「CSSは記述しているのに適用されない」という質問が多々あるので、あらためて基本をざっくり。2009-1-14JavaScriptでIEかどうかの判別Javascriptでブラウザ判別するのはともかく嫌いで、どうにかこれまで避けてきたのだけど。2009-1-1ブラウザ表示領域の上部(ヘッダー)と下部(フッター)を固定するコンテンツの量に関わらず、スクロールしても、ヘッダーとフッターは常にブラウザ上に表示されるようにする。2008-12-27inputタグをコントロールするinputタグの文字間を上手にコントロールする術を模索している。百聞は一見にしかず、ということでサンプルを見てほしい。2008-11-26IE7の拡大機能、仕様?バグ?IE7でブラウザの右下にある数値を変えて拡大してみる。見事にレイアウトが崩れる場合がある。xml文書とxsltスタイルシートを、xsltプロセッサを通して、別の構造や形式のデータに変換する。実際に、簡単なサンプルを用いて、xml文書がどのように変化するのか見てみます。2008-7-2名前空間xml文書は別のxml文書と結合することができる。結合した際に同じ要素名があるときの不具合を、名前空間を使用して回避できる。2008-7-1DOMトラブル:getAttribute('class')記述は間違いない(はずな)のに、ブラウザによって思うように動作しないことがある。実際にどのようなことがあったのか、そしてどのようにすれば対処できたのかを紹介。2008-3-1DOMトラブル:getAttribute('href')記述は間違いない(はずな)のに、ブラウザによって思うように動作しないことがある。実際にどのようなことがあったのか、そしてどのようにすれば対処できたのかを紹介。2掲載から特定の期間が経過すると削除する(「new」マークや「最新情報」など)場合に便利なスクリプト。2008-1-22期間を限定した表示コンテンツのある一部分の掲載削除日が決まっている場合(「new」マークや「本日更新」)に便利なスクリプト。2007-12-13リストとナビゲーション「縦」編(x)htmlにテキストを記入し、CSSでマウスオーバー時に背景画像を変更させる。下記に示す全称セレクタを用いた初期化方法の流行りは影を潜め始め、現在は「必要な要素のみに適切なスタイルを示す」方法が流行りはじめているらしいことを聞いた。2007-12-11line-heightとimgによるWinIEバグline-heightを指定してる中にimgが含まれると、WinIE(IE7では修正されている)では行間が狭くなる。Model)をスクリプトなどを使って操作し、ブラウザに動的な効果を与える技術。2007-11-8コンテンツの量によってフッターの位置を変える具体的には、ブラウザ表示領域(ファーストビュー)とコンテンツ高さを比較して、コンテンツ高さの方が短い場合、フッターは下部に固定。2007-11-4スタイルシートを変更するスタイル変更ボタンを設置し、スタイルシートごとごっそり置き換える。これはCSSとJavascriptの組み合わせで実現させる。SchemaはDTDと同じように、xml文書の構造を取り決めるための仕様。以下にDTDとの比較を記述する。2007-7-9DTDを別ファイルにするDTDを別ファイルにして共有することができる。DTDの内容を外部のファイルにしたものは、外部サブセットと呼ばれる。document)とは、整形式文書の規則を守り、かつタグの取り決めを守っている文書。document)とは、xmlの文法を守った最も簡単な文書。アクセシビリティに配慮して文字サイズ指定にpx指定を行わない(固定にしない)。そこでデフォルトサイズを10pxになるよう%指定する。名前空間の名付けは任意に行う(bodyをそのまま名付けることはNG)。unitモジュールにのみ文書を記述するようにするのがポイント。2007-3-14strictに対応するためのiframe代替strictではiframeの利用は廃止されている。そこでobjectを利用する。2007-2-23高さをコントロールするとはいえ、正確にコントロールできるわけではないが、縦幅を認識させたいときに有効。2007-1-23フォントサイズアクセシビリティの観点から文字サイズは固定しない方がいい。IE以外のモダンブラウザではフォントサイズを固定しても、実際にはブラウザで拡大表示が可能だ。strictでは、新規ウィンドウを開くtarget属性を推奨していません。2007-1-3imgのvertical-align縦方向のレイアウト崩れ防止、ブラウザによる見え方を統一するため、vertical-alignは「top」の設定がおすすめ。古いブラウザではidやクラス名に「-」と「_」を含まれていると認識できなくなるらしい。CSS2.1の勧告候補ではwidthなしでも自動的に幅がフィットされる。IE5ではうまく表示されない。2007-1-3ブラウザによるwidthプロパティの解釈の違い正しいCSSを記述しているにもかかわらず、表示が崩れることがある。ブラウザによる解釈の違い(バグ)が原因であるが、IE5や古いブラウザにバグが見られる。ポイントは@importantを設定し、1ファイルかますこと。2006-12-31tableのこと【xhtml編】tableタグを利用する際に意外と知られていないのが、列(縦方向)をコントロールする「colgroup」タグ。「/」が意味するのは、どの階層にいようが一番上の階層を基準にすること。ナビゲーションが階層が変わった場合でもリンク先を変更する必要がないので便利。