HTML・CSS CSSでワイルドカード(アスタリスク)を利用するやり方 似たようなクラス名があるとき、全て同じスタイルを設定したいときがあります。 <div class="thumbnails-1"></div> <div class="thunbnails-2"><... 2014.08.19 HTML・CSSプログラミング
HTML・CSS Bootstrapでアコーディオン表示を作る Bootstrapで下の画像のようにリンクをクリックするとコンテンツ部分が開いて表示されるアコーディオンの設定方法。 aタグに「data-toggle=collapse」を設定。 href属性に表示するコンテンツのIDを設... 2014.06.11 HTML・CSSプログラミング
HTML・CSS Bootstrapでタブを作成する Bootstrapで下の画像のようにタブをクリックすると表示が切り替わる「タブ」の作成方法。 タブの設定 ulでタブを表示。クラスにnav nav-tabsを設定。 liで最初に表示するところのクラスにactiveを設... 2014.06.10 HTML・CSSプログラミング
HTML・CSS Bootstrapを使うまでの流れ 1から自分でHTMLとCSSでサイトを作る方法もありますが、ブラウザの差異などを考慮した作りをするのは大変です。またウェブサービスを作成するときにデザイン部分まで自ら取り組むとなると作業の時間と学習コストがかかります。 そこで、Boo... 2014.06.09 HTML・CSSプログラミング
HTML・CSS ローカルでCanvasを使うとGoogle Chromeではエラーになるときの対処方法 Canvasを使いGoogle Chromeで、そのままサイトを表示させると以下のようなエラーが表示されることがあります。 Uncaught SecurityError: Failed to execute 'getImageData' ... 2014.05.19 HTML・CSSプログラミング