HTMLコーディング

毎度のことながら、オジサンはマークアップエンジニアである。 オジサンのお仕事は単にデザインデータをHTMLに起こすだけにとどまらず、 運用フェーズ移行後も更新が容易になるよう、あらかじめコーディング規約やCSS設計を行い、運用チームに引き渡すのも仕事に含まれている。 そんなオジサンであるが、ScssでCSSを書かない日はほぼ無いと言っても良いくらいである。 そして最近将来的な事を見据えて、Scssのコンパイルで使用しているnode-sass(LibSass)からdart-sassに移行することにした。 dart-sassに移行する上で細かい注意点は色々あるのだが、移行の壁である、@import…

かわんです。 現在、HTMLコーディングをしています。 過去にフリーランスでWebデザイナーをしていたので、HTMLコーディングは出来て当たり前。 なるべく新しい技術を導入しています。 新し物好きですので(笑)。 さてさて、そんな感じでありますが、デザインを参考にしたいと思ったときは、Webデザインギャラリーを見ています。 「なるほど、こんなデザインがあるのか」と感心しますね。 どういう感じのWebデザインがあるのか見る どうやってHTMLコーディングするか頭に浮かぶ さいごに どういう感じのWebデザインがあるのか見る 先ほど書いたように、どういう感じのWebデザインがあるのか見ます。 参考…

かわんです。 今日は、ページ背景色と文字色を変える方法です。 body { background: #f7f7f7; color: #333; } 「body」に関して、「background」でページの背景の設定。 初期設定では白色ですが、「background」で変えることができます。 なお、個人的には白色だと画面が光って見にくいので、若干グレーがかった背景色にしています。 上で言うと「#f7f7f7」にしています。 どのようなホームページにしたいのかによって、背景色を選べば良いでしょう。 「color」は文字色です。 若干、薄い黒にしています。これは僕の好みの問題です。 特にこだわりが無…

昨日からちょこちょことHTMLコーディングをして遊んでいる！ 楽しいなぁ～。 とりあえず、適当に参考になるサイトを見てHTMLコーディングする感じである。。。 HTMLコーディングは根気よく対応していかないといけない。 「あーでもない、こーでもない」という感じ。 上手く行かない時はコード解析。 1つとても難しかった。 それは、フッターがコンテンツとかぶることである。 僕の場合、コンテンツが少なくてもページの1番下にフッターを配置するようにHTMLコーディングをしている。 しかし、上手くいかなんだなぁ～(笑)。 なので、 くっそ！ という感じだけど、まぁ、HTMLやCSSを見直して対応。 その結…