READ MORE

role=”tab”で実装したタブのキーボード操作対応

キーボード操作に対応したタブを作るポイントです。 タブ押下をキーボードで実行可能にする role=”tab”でliなどクリッカブルではない要素もタブにできます。 role定義により、セマンティック的にはliをタブとして宣 …

READ MORE

linear-gradientで六角形の背景

backgoundで複数のlinear-gradientを指定すると、CSSだけで六角形の背景をつくられます。 4分割して線形グラデーションを指定 左上、右上、右下、左下に4分割して、それぞれに線形グラデーションのlin …

READ MORE

Vuexミニマム導入

Vuexをモジュールで導入するときの基本的な環境設定です。設計思想というより、最低限の動作環境を手配するやりかたになっています。 サンプルは、ページ内にVueコンポーネントのいいねボタンを複数設置し、値をVuexで共通管 …

READ MORE

IE11とiPhon対応 フッタを画面下に表示

コンテンツの量が少ない場合や、解像度の高いディスプレイでみた場合、いわゆるスクロールバーが出ない状態では、フッタが上にせり上がった状態になり、下へ隙間ができます。 この解決方法でよく見かけるCSS対策がこの2つ。 bod …