2012-07-01から1ヶ月間の記事一覧
echo と print の違いが、すごくわかりやすくまとめてありました。echo()とprint()の違い
作業中の音楽は YouTube で聴く派です。 BGMを流していて曲が終わった時、次の１曲を選ぶ時に（結局いつもの曲になるのに）意外と時間喰ってるなあと思って、java script でなんとかならないものかと考えました。YouTube の自動再生を利用して、あらかじめ選…
ストップウォッチ <html lang="ja"> <head> <meta charset="utf-8"> <style> body{ background-color:#000; color:#fff; padding :10px; } h1{ margin :0; padding :5px; width :250px; text-align:center; } #sec,#mode{ background-color :#aaa; color :#000; width :250px; margin :20px 0; padding :5px; te</meta></head></html>…
神秘の調和、アップル社のプロダクトデザインに隠された「黄金比」ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法フィボナッチ数列 - デザインの公式 黄金比とフィボナッチ数列について説明する美しい動画
前に作った脳トレプログラムでスキルが足りなくて妥協した部分が、先週習ったDOMを使うとできそうだったので、また挑戦。 ＊秒数をリアルタイムで表示 ＊1〜20まで順番にクリックしていく ＊順番が合っていれば、秒数の下にクリックした番号が追加されていく…
ついでに被リンクにしてみる <html> <head> <meta charset="utf-8"> <link rel='stylesheet' href='style.css' type='text/css' media='screen,print'> <style> .list{ margin :20px 0 300px 20px;cursor:pointer; } dl dd{ margin :0px 0; width:173px;height:auto; } dt { color:#fff;line-height:24px;} body{ backgr…</link></meta></head></html>
epikhigh さんからリクエストがあったので、豆知識サイトのアクセス状況を公開します。 ここに画像を表示すると拡大しても文字が潰れて読めなかったので、リンク先に画像を置きました。まず、ここ一ヶ月の日別アクセス数。 グラフは訪問者数です。 記事が増…
見出しをまとめて表示させなさい。 <body> <header> <hgroup> <h1>七夕</h1> <h2>日本五節句の一つ</h2> </hgroup> </header> <section> <h3>七夕の語源</h3> <p>「古事記」または、日本書紀に登場する。</p> </section> </body>
ブログのエントリー記事を表示させなさい。 <body> <header> <h1>カフェランチブログ</h1> </header> <article> <h2>7月1週目ランチ</h2> <p>ランチで人気の特製ロコモコ丼です。ボリューム満点のハンバーグに特製ソースで味付け！ぜひ食べに来てくださいね。</p> <p><img src="image/locomoco.jpg" width="450" height="338" alt="ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモコ丼。"></p> </article> </body>
文章を内容でわけて表示させなさい。 body> <header> <h1>クリスマスオーナメント</h1> <p>クリスマスツリーに飾られるオーナメントをご紹介します。</p> </header> <section> <h2>ツリートップ</h2> <p>クリスマスツリーの先端に飾られるオーナメントで、星型をしていることが多い。地域によっては天使が使用される</p></section>…
音声を再生させなさい。 <body> <h1>サンプル音声を再生</h1> <audio src="image/sample.mp3" controls> <p>ブラウザ上で再生できない方は<a href="image/sample.mp3">音声のダウンロード</a>をどうぞ。</p> </audio> </body>
動画を表示させなさい。 <body> <h1>サンプル動画を表示</h1> <video src="image/sample.mp4" controls> <p><img src="image/sample.jpg" alt="動画のサムネイル"></p> <p><a href="image/sample.mp4">動画のダウンロード</a></p> </video> <p>※サンプル動画は無音です。</p> </body>
地図のPDFを表示させなさい。 <body> <h1>地図のPDFを表示</h1> <object data="image/map.pdf" width="600" height="400"> <p><img src="image/map.gif" alt="地図PDFのサムネイル"></p> <p><a href="image/map.pdf">PDFのダウンロード</a></p> </object> </body>
コピーライトを表示させなさい。 <body> <h1>コピーライトを表示</h1> <p>コピーライトとは著作権という意味です。</p> <p><small>Copyright © studio felica Inc. All Rights Reserved.</small></p> </body>
本来の文章の意図から離れて強調したい部分を区別して表示させなさい。 <body> <h1>蛍光ペンである部分を区別</h1> <p>先生はしばらく困ったようすでしたが、眼を<mark>カムパネルラ</mark>の方へ向けて、「では<mark>カムパネルラ</mark>さん。」と名指しました。するとあんなに元気に手をあげた<mark>カムパネ</mark></p></body>…
話している部分を区別して表示させなさい。 <body> <h1>日記内で人が話している部分を区別</h1> <p>今日はとても暑い日だった。日陰を歩いていたら、近くに居た人の声が聞こえてきた。<br /> <i>「わあ！キレイ・・・！」</i><br /> 思わず声のする方に目をやると、とてもキレイなひまわりが咲いて</p></body>…
日付を表示させなさい。 <body> <h1>上野動物園のパンダに赤ちゃんが生まれる</h1> <time datetime="2012-07-06" pubdate="pubdate">2012年7月6日</time> </body>
引用を表示させなさい。 <body> <h1>読書メモ</h1> <p>本のタイトルや気になったフレーズなどをメモしていきます。</p> <cite>引用：グスコーブドリの伝記</cite> </body> <body> <h1>読書メモ</h1> <p>本のタイトルや気になったフレーズなどをメモしていきます。</p> <cite>引用：グスコーブドリの伝記</cite> <p>グスコーブドリは、<q>イーハト</q></p></body>…
面積の単位を表示させなさい。 <body> <h1>面積の単位を表示</h1> <p>１辺の長さが１メートルの正方形の面積は、１m<sup>2</sup>と表します。</p> </body>
二酸化炭素の化学式を表示させなさい。 <body> <h1>化学式を表示</h1> <p>二酸化炭素の化学式はCO<sub>2</sub>です。</p> </body>
ルビをふって表示させなさい。 <body> <h1>地名にルビを振る</h1> <p> <ruby> 日本橋<rt>にほんばし</rt> </ruby> </p> </body> <body> <h1>ルビに対応していないブラウザでも見えるようにする</h1> <p> <ruby> 日本橋<rp>(</rp><rt>にほんばし</rt><rp>)</rp> 茅場町<rp>(</rp><rt>かやばちょう</rt><rp>)</rp> </ruby> </p> </body>
USAを略語として表示させなさい。 <body> <h1>USAを略語として記述</h1> <p><abbr title="United States of America">USA</abbr>はアメリカ合衆国の略称です。</p> </body>
TPOを定義語として表示させなさい。 <body> <h1>TPOを定義語として記述</h1> <p><dfn title="Time,Place,Occasion">TPO</dfn>は、時と場所と場合にあった服装やふるまいをすることであると定義されています。</p> </body>
「ロールケーキ」の部分を、他との違いを表して記述しなさい。 <body> <h1>重要性ではなく違いを表示</h1> <p>最近コンビにで売っているケーキ類が美味しい。特に<b>ロールケーキ</b>が美味しい。</p> </body>
「注意事項」の部分を、相対的に重要性な高いレベルとして記述しなさい。 <body> <h1>注意、Attentionを表示</h1> <p><strong>注意事項</strong><br> 誤って飲み込むおそれがありますので、<strong>お子様の手の届かない所で保管</strong>してください。</p> </body>
「ソファーがあって」の部分を強調して記述しなさい。 <body> <h1>重要なフレーズを強調</h1> <p>好きなカフェの条件は、<em>ソファーがあって</em>、コーヒーが美味しいことです。</p> </body>
ドキュメントタイプ宣言を記述し、エンコードタイプを「UTF-8」で記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
昨日、電車の中吊り広告で「コレができないとヤバい！」というのがあった。 「脳力ドリル」の広告で、１〜５０の数字が散らばってて、3分以内に全部順番に目で追えないと、脳が「ヤバい」らしい。それを見て、これはひょっとすると java script の乱数と、最…
豆知識の記事を久々に更新して、いろいろ修正してみた。１．パンくずリストを後回しに 重要度は低いので、表示はそのままで HTML内で後ろにした。 前々からやりたかったけど、やっと技術が追いついた。２．css のID名の修正 oowaku とか atama とかあまりに…
正直めちゃくちゃ感動した。自分のは相変わらずグダグダだったけど、みんなプレゼンうまくて、内容も良かった。少し前まで「この人はパソコン自体初心者なんだなあ」と思ってた人たちも、ちゃんとしたサイトを作ってて、その成長ぶりに驚いた。サイトがまだ…
