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