Webデザインのこと、いろいろ

Webデザインにまつわることを自分用にメモしています。

2016-05-13から1日間の記事一覧

スマホのタッチアイコンを設定する

タッチアイコンを設定する：完成版にリンク タッチアイコンの設定方法 - WEBサイト制作の勉強｜フェリカテクニカルアカデミー：参考サイト作成した画像 192px × 192px、pngデータ <html lang="ja"> <head> <meta charset="utf-8"> <title>タッチアイコンを設定する</title> <meta name="apple-mobile-web-app-title" content="testtest"> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></head></html>

100vh：ヒーローヘッダー

ヒーローヘッダー：完成版にリンク height:100vh という単位 <html lang="ja"> <head> <meta charset="UTF-8"> <title>ヒーローヘッダー</title> <style> html,body,h1,p { margin: 0; padding: 0; } #box1 { background: url(img/hato.JPG) no-repeat; width: 100%; height: 100vh; background-size: cover; } #box2 { backgro</meta></head></html>…