ブログをノベルゲーム風に表示する - 日直地獄
ノベルゲーム風に日記を書いてみたいと思ったことはないでしょうか。 書けたら面白いかもと思うけれども、特にそんな需要は無いんじゃない？くらいでしょうか。 私もそう思います。 とはいえ、実際に見てみないと評価できない、と思ったので作りました 機能紹介 テキストの表示 このように一文字毎に表示されます テキストのスキップ 文字送り中にマウスをクリックすると、パラグラフ全体が表示されます 背景画像の設定 文章中にimgタグがあると、自動でbackground-imageに設定されます フルスクリーン表示モード フルスクリーンで表示することが出来ます。人の日記をフルスクリーンで読みたいという需要はあるでしょうか ブラウザで可能な表現が可能！ HTML読み込んでいるだけなのでだいたいなんでもできるはず!! やったね！！！ 以上です。おわり。ところで、完成して色々な文章で試していたら、読みやすいのでは？
[JS]サイズが不明な画像を指定したエリアにフィットさせたり、配置を調整できるスクリプト -Image Scale
画像の長い辺に合わせて、フィット Image Scaleの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="jquery.js" type="text/javascript"></script> <script src="image-scale.js" type="text/javascript"></script> </head> Step 2: HTML 大きさを調整したい画像に「class=scale」を加えます。 <div class="image-container"> <img class="scale" src="img/example.jpg"> </div> さらに、画像の位置などを設定する場合はdata属性を加えます。 <div class="image-c
コーディング規約を作ろう
コーディング規約を作ろうコーディング規約やスタイルガイドは、HTMLやCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね。コーディング規約を決めていなかったり、あいまいにしたまま進めていくと、書式が統一されていないため、コードを追加すればするほどゴチャゴチャしたコードになりがちです。チームでコーディングしていくならなおさら。今回チーム用のコーディング規約を見直すことになったので、その時感じた抑えておくべきポイントをまとめてみます。 コーディング規約に含むべき項目ディレクトリー階層ファイルを保存するフォルダーの階層や、そのフォルダーの名前を決めておきます。画像を格納しているフォルダーを例にあげても、「image」「images」「img」などの名前が考えられます。人によってつけるフォルダーの名前が変わっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
