高さの違う要素の縦の線(border)を引く3つの方法
MVサイト製作日記 part.02
デザインが出来上がってコーディングを進める中で、並列に並んだ高さの違う要素の左右に線(border)を引くのに少し悩みました。MVサイトで言えば、メインのコンテンツ部分とサイドのコンテンツ部分です。
今回は、この時悩んで見つけた3つの方法をメモして置きます。
MVサイト製作日記 part.02
デザインが出来上がってコーディングを進める中で、並列に並んだ高さの違う要素の左右に線(border)を引くのに少し悩みました。MVサイトで言えば、メインのコンテンツ部分とサイドのコンテンツ部分です。
今回は、この時悩んで見つけた3つの方法をメモして置きます。
メディアクエリを使わずにcss1行だけでフォントサイズをレスポンシブ対応にする方法【CSS】
縦書きで中央寄せにしたかったので3パターン試してみた【CSS】
Classを付けるだけで要素が画面上までスクロールした時に要素を動かすJavascriptライブラリ【ScrollEffect.js】
スマホの検索バーの表示・非表示でもリサイズ判定されるので対処してみた。
数字をクリックするミニゲーム – BREAK PANEL
WordPressの.htaccessについて-特定のURLだけhttpsに飛ばしたりhttpに飛ばしたり
PHPで画面サイズを判断して分岐したかったので、Jsで取得した画面の横幅を、sessionに入れてみた。
YouTubeの動画をレスポンシブに対応させて貼り付けて見ました。
三角関数を使って要素を円状に動かしてみる【Javascript】
SNS系のボタンを追加してみる。【Facebook/twitter/Google+1/はてなブックマーク/Poket】