Rodhos Soft

備忘録を兼ねた技術的なメモです。Rofhos SoftではiOSアプリ開発を中心としてAndroid, Webサービス等の開発を承っております。まずはご相談下さい。

html

初歩的知識

以下を参照した。 saruwakakun.com display:inlineは大きさ変えられない。display:blockかdisplay:inline-blockにする必要あり。aタグ, spanタグ。 width:autoの決まり方 基本親要素まで広がる、%指定で親要素の何%かと言う決まり方になる(このときpadding, …

グラデーション

こちらのやり方にしたがってやってみた。ics.media しかし値の調節にこつがいるのかもしれない。 <html> <head> <meta charset="utf-8"> <style> body { } #bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* 背景グラデーションの作成 */ background: linear-gradient(to bo</meta></head></html>…

flexbox

flexboxを用いて、タイル表示をしてみる。以下を参考にした。 ics.media HTMLはヘッダーにメニューとmainにタイルとしてdivを置いた。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>title</title> <link rel="stylesheet" type="text/css" href="sample.css"> </head> <body> <header> <img src="hoge.png" alt=""> <ul> <li><a href="">item1</a></li></ul></header></body></html>

最初

htmlの最初 <html lang="ja"> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> </body> </html>

canvasのサンプル

html5のcanvasで線を描く。 <head> <title>HTML5 canvas</title> </head> <body> <div align="center"> <h1>sample</h1> </div> <div align="center"> <canvas id="canvas" width="200" height="200" > <p>error</p> </canvas> </div> <script> var example = document.getElementById('canvas'); var context = e…</body>