さて、二回目のブログ。ちょっと間を空けてしまった。
まだ未公開のブログにこんなことを書いても仕方ないのだが、タイトルにあるように、デザインのサイトの方の制作が難航している。いや、難航しまくっている。
すでに2本ほど、サイトを作って公開しているし、もう10年近くは仕事としてサイト作りに携わってきたのだが、技術面は日進月歩だし、Webの仕事獲得も視野に入れたサイトを制作しているので、今まで使ったことはないけれど、今後使いそうな技術や手段をバンバン盛り込んで制作しようとしているため、レイアウトが破綻したり、イメージ通りに表示されなかったりして、先に進まないのだ。
比較的新しい方法にして、対応しているブラウザがそろそろ使われなくなってきたcssの組み方で、display: tableを用いたレイアウトを採用したのだが、うまく行っているページのソースをコピーして別なページに貼り付けても見出し画像の上部に隙間が出来たり、画像の下に今までなかった隙間ができたり……と、レイアウトが崩れにくいのがウリのはずのdisplay: tableなのに、不具合が頻出し、あちら立てればこちらが立たずみたいな自体を解消できず、先へ進めなかったのである。
例えば、floatを使ってdivのボックスを左右に振り分けたりする場合に、同様の不具合があった場合の対処法は、ネットで調べれば幾つも対処法が見つかったのだが、扱いやすさがウリのdisplay: tableでの不具合は、普及し始めて間もないためか、また、そもそもそういうトラブルが起きにくい方法だからか、対処法らしいものが見つからない。
パスが通っていないとか、コーディングのミスとかのケアレスミスも確認し尽くしたのだが。共通部分をjavascriptで外部から読み込むとか、盛り込んだ未経験の技術が邪魔をしていたりするのだろうか。
結局、新規の内容を新しいボックスに追加し、若干のレイアウトの組み直しをした結果、どうにか形になったので、先に進むことにした。
ゆくゆく公開しようというこのブログにこんなことを書くのは馬鹿正直だとは思うが、必要な知識を継ぎ足し継ぎ足しでキャリアを積んできたので、cssの設定の仕方に破綻があったり、スマートさが足りなかったり……みたいなところが障害になっていたものと思われる。ヤレヤレである。
全8ページのサイトになる予定だが、基礎となる部分の2ページが出来たので、ここから先はどんどん組み進めていけば良いはずだが、また同じような破綻やら不具合やらが起こらないことを祈るばかりだ。
何とか、6月中には公開できるように……って、もう7月じゃないか！
何にせよ、受けた仕事で同じようなことにならなくて良かったなあと思いつつ、とっとと完成させてしまおう。
……いや、まだ盛り込むつもりのやったことないことがチラホラあるなあ……。滅入る。