クリックで回転するドーナツ型メニューの実装
１、要素数分のliを用意 ２、css内「$menu-items: 11;」の数値にliの個数を入力 上記でメニューの設定は出来る。ただし、li要素同士が重なり合うのでスタイルを調整する ■html <ul class="wrapper rotated-1"> <li> <span>Menu Item 1</span> </li> < […]
2017年9月
タイトルの左右に線を引くスタイルシート
タイトルで使われる左右に線のあるデザインをスタイルシートで行う。 .titleLine { display: flex; align-items: center; &:before, &:after { border-top: 1px solid; content: ""; flex-grow: 1; } &:before { margin-right: 15px; } & […]
WordPressの標準インストール時に作成されるデータベーステーブルの概要図
facebookの読み込みタグをレスポンシブに対応させる
- 2017.09.06
- レスポンシブ
参考サイトを元に指定した一例 ■html <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook […]