flex
2016-02-12(金) 全体公開ミニペ更新準備中
cssで3つ以上のボックスを均等に横並びで中心に配置する方法…
まず、私はflexなる機能を知らなかった。
divで枠をセンターに持ってきて、float使って……超面倒！
そんなことを思っていた時にflexと出会いました。
これは、革命的でした。
ところで、何故こんな超便利機能を知らなかったのか……
この仕様が最近勧告されたことにあります。
IEは11以降しか対応しておらず、Chrome、FireFoxも2012年以降の物しか対応してません。
IE10の対応を考えてflexboxも使わざるを得ないが、IE10ユーザーってどのくらいだろ…。
シナリオのマニュアルなんだけど
2016-02-11(木) 全体公開昔作ったやつ、最新に更新しておきました。
http://www.game-kids.net/minigame/adv/?action=play&scenario=1347274715
当時のものに、[color][size]が追加されています。
今度、Ver2として改良していきたいと思います。
分かりやすく、見やすく。
そして次のステージへ。
ゲムキ界隈の技術支援の仕事引き受けます。
http://www.game-kids.net/th.php/7073/l50
ミニペ更新
2016-02-10(水) 全体公開ミニペ更新現在の状況
トップ 大体おｋ
リンク 大体おｋ
旧ゲムキ攻略隊 未着手
けいおんゲーム 未着手
画面サイズに対する対応をもう少ししようと思いますが、大夫順調です。
後者2ページはメニューフレームを廃止しようと思っています。
そしてメニューはボックスをJavaScriptを使って全ページに出力しようと思います。
そしてミニペ名、NextStage 次世代のために新ページ作成始めました。
ミニペリンク
2016-02-09(火) 全体公開リンクページ更新です。
http://www.game-kids.net/web/abcde/b01.htm
後日アドレス更新するので、上は期間限定です使えます。
今まではtableを使って並べていましたが、今回div要素に変更しました。
以前の記述に比べてソースがなんか見やすくなった気がします。
(行自体はおそらく増えているんですけどね…)
tableだと画面の幅が狭くなってもセル位置は移動できません。
divのブロック要素にしたので、画面が狭くなると自動でdivが前のdivの下に移動します。
ミニペ新トップ
2016-02-08(月) 全体公開シンプル・イズ・ベスト
今日一日のんびりと次期ミニペトップページモデルを制作しました。
http://www.game-kids.net/web/abcde/nextindex.htm
諸機能は今後追加していきます。
自分で言ってしまうんですけど、これ凄いんです。
画面サイズに合わせて左右の余白が自動調節されるようになっています。
PCの広い画面では両サイド余白10%ですが、スマホの小さい画面では両サイド5px。
けいおんの時に実装実験したのと同様、cssは外部ファイルに記述してます。
続いて、フッター(画面の一番した)も改良です。
コピーライト記述しておきました。
今後の保守を考え、こちらも外部ファイルから記述できるようになってます。
JavaScriptを勉強した成果でもあります。
html,css,javascriptを巧みに操り、新規ページをバージョンアップさせる次第です。
補足：DOCTYPE宣言でcssの読み込みが失敗し、数時間費やしたとかいろいろ割愛ですが…
そして結局DOCTYPE宣言を書かんことにした。
htmファイルに無理やりcss書いていたからですかね、別ファイルの読み込み形式でなければ問題ないので
S30改
2016-02-11 12:10:16
Катюша
2016-02-11 20:51:36久しいな、拡張子がhtmでも何とかなったぜ
HTML5のDOCTYPE宣言 htmlは使えんかったけど
S30改
2016-02-12 01:20:17IE以外ならDOCTYPEのバージョン記述なしで行けるはずだけどなぁ
オレも最近勉強しているから良かったら参考にしてくれ
Катюша
2016-02-12 07:36:42DOCTYPEは基本的に標準モードか互換モードを分けるからな。
URIが記述出来ないので非推奨タグ使ってた関係Transitional記述になっていたわけだが、
このサイトを見ればわかるがhttp://www.tagindex.com/html_tag/basic/doctype.html
HTML4.01の場合TransitionalはURI無しで互換モードとなる。
一方、HTML5ではURIの記述が必要ないので、DOCTYPE宣言するだけで標準モードになる。
ミニペ新装するのか、それにしても凄いアクセス数だな
S30改
2016-02-12 16:10:14今じゃHTML5が標準っぽいから記述する必要もないかもな
