URLからウェブサイトのキャプチャを取得する
WordPressが提供しているサービス（API）で、サイトのキャプチャを取得することが出来る。 APIを使用するサイト及び、キャプチャを取得するサイトはWPで構築されていなくても可能。 注意点は、「:」を「%3A」。「/」が「%2F」というように、URLをエンコードしておく必要がある。 ◆表記例 <img src="https://s.wordpress.com/mshots/v1/【ここ […]
html
スクロールバーをcssで擬似的に隠す
- 2016.10.25
スクロールバーを非表示にしつつ、スクロール機能可能なように、スクロール部分のみ隠す。 スクロールエリアと同じサイズのDIVにoverflow: hidden;をかけ、スクロールエリアにはマージンを付け足す。 ■html <div id="wrap"> <div id="inner"> <h1>スクロール出来ます。</h1> <p>ああああ […]
メディアクエリ書き方
- 2016.10.24
- メディアクエリ
<link href="small.css" rel="stylesheet" media="screen and (min-width: 501px) and (max-width: 800px)" /> <link href="x_small.css" rel="stylesheet" media="screen and (max-width: 500px)" /> ■ […]
IE8でメディアクエリを使用する
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
IE9でtableをdisplay:block;する
- 2016.10.24
- display:block, IE9, table
@media(max-width:640px){ table{ border-collapse:collapse; } th,td{ float:left; clear:both; } }
2色ボーダー付きのタイトルを作成する
- 2016.10.24
- 装飾
◯タイトルテキストによって色付きラインの長さを変える場合 spanで色線の長さを可変させる <div class="hTitle"> <h3 class="heading"><span>事業内容</span></h3> </div> .hTitle { border-bottom: 3px solid #cccccc; he […]