女性へ向けたホームページの制作ポイント５つ。制作物を元に女性ウェブデザイナーが解説。
|
1 2 |
<script type="text/javascript" src="js/jquery.min.js"></script> <script type='text/javascript' src='./js/midnight.jquery.min.js?ver=5.4.1'></script> |
|
1 2 3 4 5 6 7 8 |
<div class="code"> <div class="inner"> <div class="ttl"><h1>Midnight</h1></div> <div class="wrap1" data-midnight="default"></div> <div class="wrap2" data-midnight="black"></div> <div class="wrap3" data-midnight="default"></div> </div> </div> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
.code { position: relative; overflow: hidden; } .ttl { position: fixed; top: 50% !important; left: 50% !important; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; font-size: 4rem; font-weight: bold; z-index:10; } .ttl h1 { overflow: hidden; } .wrap1 { height: 100vh; background:#000; } .wrap2 { height: 100vh; background:#fff; } .wrap3 { height: 100vh; background:#555; } .midnightHeader.default h1 { color: #fff; } |
|
1 2 3 |
$(function(){ $('.ttl').midnight(); }); |
KOHIMOTO
Miki＋Yuka / 東京・吉祥寺でKOHIMOTO Inc.というWebサイト制作の会社をやっているエンジニアとデザイナー🌐 IT企業出身。サイト制作を通じて微力ながら社会が良くなる手助けをしたいと思っている。
PICK UP
