Webサイト担当の竹内です。
CS6の使用感について・・・書きたいところですが、
会社のPCに入れて仕事で実際に使ってみるのがベスト
という訳で今のプロジェクトがひと区切りする来月あたりから
本格的に使っていこうかと思っております。
今日は、『コーディングを行う上で工夫している事』についてです。
1.テキストでいけるところはなるべくテキスト
2.HTML5でも過去のブラウザに対応
3.ソースはシンプルに
すごくありきたり・・・
1について
スマホやタブレットで拡大してもキレイにみえるのがテキストの利点ですが、
画像を使ったほうが華やかできれいなボタンになるのも事実です。
そこでWebフォントを使ったり、テキストに対してシャドウを使ったり背景にグラデーション(非画像)borderの色を工夫してハイライト風に・・・
と色々工夫して画像に負けないきれいなグローバルナビを作るのがちょっとした目標です。
さらに、マウスオーバーで位置をずらしたり、色を変えたり、テキストそのものを別のテキストに
差替えたりといろいろできるように日々努力しています。
appleのサイトはとても参考になるのですが、最近はフラットデザインに移行しつつもあるので悩みどころ。。
2と3について
HTML5、CSS3はサイトの装飾に関わることはすべてCSSでやろうと言う観点から
擬似クラスなど新しめの技術を使いつつ、ソースをキレイにするととても気持ちが良いです。
classやidなど極力記述せずにマークアップできちゃうのがとても良い所。
ですが、それも最近のブラウザでしか使えないので。。。
古いブラウザの場合は「レイアウトが崩れない」「見にくくない」サイト作りを目指しています。
これがまぁ手間のかかることかかること。。(とあるブラウザの6とか7とか8とか)
手間を惜しまず、妥協をせず、見やすいサイトを目指します。
今後の課題については今のところ『HTML5のタグの特性を深く理解すること』かなと思います。
使っているテキストエディタから
「そんなところにそのタグ使えねーから!」
って怒られることも多々あり、
sectionやarticle、ヘディングタグの使い方をもうちょっと学習していきたいところです。
それでは今日はこの辺で。
この記事を読んだ方はこちらも読まれています
関連記事はありません
カレンダー
- 12月 2024
- 11月 2024
- 10月 2024
- 9月 2024
- 8月 2024
- 7月 2024
- 6月 2024
- 5月 2024
- 4月 2024
- 3月 2024
- 2月 2024
- 12月 2023
- 11月 2023
- 10月 2023
- 9月 2023
- 8月 2023
- 7月 2023
- 6月 2023
- 5月 2023
- 4月 2023
- 3月 2023
- 2月 2023
- 1月 2023
- 12月 2022
- 11月 2022
- 10月 2022
- 9月 2022
- 8月 2022
- 7月 2022
- 6月 2022
- 5月 2022
- 4月 2022
- 3月 2022
- 12月 2021
- 11月 2021
- 10月 2021
- 9月 2021
- 8月 2021
- 7月 2021
- 6月 2021
- 5月 2021
- 4月 2021
- 3月 2021
- 2月 2021
- 1月 2021
- 12月 2020
- 11月 2020
- 8月 2020
- 6月 2020
- 5月 2020
- 4月 2020
- 3月 2020
- 2月 2020
- 1月 2020
- 12月 2019
- 11月 2019
- 10月 2019
- 9月 2019
- 8月 2019
- 7月 2019
- 6月 2019
- 5月 2019
- 4月 2019
- 3月 2019
- 2月 2019
- 1月 2019
- 12月 2018
- 11月 2018
- 10月 2018
- 9月 2018
- 8月 2018
- 7月 2018
- 6月 2018
- 5月 2018
- 4月 2018
- 3月 2018
- 2月 2018
- 1月 2018
- 12月 2017
- 11月 2017
- 10月 2017
- 9月 2017
- 8月 2017
- 7月 2017
- 6月 2017
- 5月 2017
- 4月 2017
- 2月 2017
- 1月 2017
- 12月 2016
- 11月 2016
- 8月 2016
- 7月 2016
- 6月 2016
- 5月 2016
- 4月 2016
- 3月 2016
- 2月 2016
- 1月 2016
- 12月 2015
- 11月 2015
- 10月 2015
- 9月 2015
- 5月 2015
- 4月 2015
- 3月 2015
- 2月 2015
- 1月 2015
- 12月 2014
- 11月 2014
- 10月 2014
- 9月 2014
- 8月 2014
- 7月 2014
- 6月 2014
- 5月 2014
- 4月 2014
- 2月 2014
- 1月 2014
- 12月 2013
- 11月 2013
- 10月 2013
- 9月 2013
- 8月 2013
- 7月 2013