csscssでレスポンシブに幅や高さを計算できるcalc()が便利
レスポンシブにコンテンツの幅をwidth:100%で指定するとpaddingやborder分はみ出るのを簡単に防げるcalc()の使い方 css関連記事 なぜ幅をwidth:100%で指定するとはみ出るのか？...
html
css
csscssで作る、横並びナビゲーションバーのサンプル4種類
cssで横並びのナビゲーション(メニュー)バーの作り方を「display: table-cell」と「display: inline-block」と「float: left」と「display: flex」の4パターンのサンプル...
HTML絶対パス、相対パス、サイトルート相対パスの使い方
Yahoo!ショッピングと楽天のhttps化に伴ってファイルの変更が必要になったのでパスの指定方法を調べてみた。 https化に伴ってすることを確認 サイトの証明書は用意されてるので置いといて、今回の仕様変更でhttps化に必要...
csscssで長すぎる文字列を三点リーダーで省略する、text-overflow: ellipsis;
cssで長すぎる文字列を省略して末尾を…(三点リーダー)にする、text-overflow: ellipsis;の使い方 DEMO cssで長すぎる文字列を省略して末尾を…(三点リーダー)にする、text-overflo...
jQueryjQueryとaudioタグでクリックすると音が鳴るiOSのwebアプリを作る
うちの子供(1歳半)の為にhtml5のaudioタグとjQueryで動物の画像をクリック(タップ)すると動物の鳴き声が鳴るiOSのwebアプリ作る。 webアプリ関連記事 仕様 スマホ...
iPhoneiPhoneでアドレスバーを非表示にしてサイトをアプリっぽくする、apple-mobile-web-app-capable
iPhoneやipadでアドレスバーを非表示にしてフルスクリーンモードにすることで、サイトをアプリっぽく表示する、apple-mobile-web-app-capableと、ステータスバーの表示を変更できるapple-mob...
jQuery【jQuery】よく使うhtml特殊文字をエスケープ/アンエスケープの解説と特殊文字の変換ツール
よく使うhtml特殊文字とjQueryでhtml特殊文字をエスケープ/アンエスケープする方法の解説、特殊文字の変換ツールを作ってみました。 バリデーションで使えそうなfunctionも追加しました。 デモはこちら...
jQuery【jQuery】コピペでできる！クリックで開閉するアコーディオンメニューサンプル8選
jQueryのslideToggleを使った、クリックで開閉するアコーディオンメニュー(開閉パネル)を、7種類実装しました。 クリックしたときに開いたままにしておくものや、開いたアコーディオンメニュー以外は自動で閉じる、最初から開いておく、閉じるボタンで閉じる、多階層のアコーディオンメニュー、アンカーリンクをクリックで、スクロール＆該当アコーディオンメニューの開閉などのサンプルです。
jQuery外部csvを配列として扱えるjquery.csv.jsで条件に応じてhtmlを構築する
外部csvを配列として扱えるjquery.csv.jsで、csvのデータによって条件に振り分け、htmlを構築する方法。 大量の商品データを格納してある外部csvを読み込んで、例えば、メンズ・レディースで処理を分けたりできるの...