[B! javascript][js] cibeaのブックマーク

cibea id:cibea

javascriptとjsに関するcibeaのブックマーク (2)

横（水平）スクロールを分かりやすく伝えてくれる『ScrollHint』
今回は、横に長ーい表組（テーブル）を表示する際に便利なJavaScriptライブラリ「ScrollHint」を紹介します。レスポンシブデザインでのテーブルの見せ方にいつも悩む… レスポンシブデザインで設計する際、PCとスマートフォンではディスプレイサイズが大きく異なり、表組（テーブル）をどう表現するかはユーザビリティに少なからず影響します。項目の少ないテーブルでは問題ないのですが、ボリューム満点のテーブルの場合、PCでは無理なく表示できてもスマートフォンだと収まりきれない。収まってもそのままでは、読みづらく実用に耐えないことも多々あります。そういった際の対策として、以下の様なものがあります。 ① overflowを指定して、テーブルの横（水平）スクロールを実現する ② tableの関連要素をblock要素に変換して、セルを縦に並べる ③ スマートフォンのみ、優先度の低い項目（セル）を
cibea 2019/01/10
javascript

js

webデザイン

テーブル
リンク
new Array()と[]の違い - Qiita
console.log( new Array(1,2,3) ); //1,2,3 console.log( [1,2,3] ); //1,2,3 console.log( new Array(3) ); //undefined, undefined, undefined console.log( [3] ); //3 逆に言えば、 new Array()は[3]のように整数一つだけを含む配列を作成できない []はサイズを指定して配列を作成できないということになる。速度面での違い…はほとんどない先に結論を書いてしまった。エンジンにもよるし使い方にもよる。どちらが速いというものでもないので、読みやすさを優先すればよい。完璧主義者のために、差が出るポイントをまとめてみる。参照解決のコスト「Array」は予約語ではないので、ローカル変数を指している可能性がある。JavaScriptエン
cibea 2018/02/09
javascript

js
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx