タグ別アーカイブ: CSS

コーディングの文書構造の理解

こんにちは、OneStepです。

最近若い方々のコーディングを見ていて大変気になることがあり、いろいろヒアリングしてみた結果、面白いことが分かってきました。
どういうことかというと、HTMLやCSSを見た目で判断する傾向が非常に強くなってきているように感じます。

続きを読む

大きさ・縦横比の違う画像の縦・横を均一に取り扱うCSS

みなさんこんにちは、OneStepです。
今回は珍しくコーディングのTipsを記載してみたいと思います。

CMSなどではコンテンツオーナーがWeb業者ではなくクライアント側になることが多々あるかと思います。
そういう場合、大きさがちぐはぐになってしまうような画像を多数アップされ、不恰好なWebページになってしまうということはありませんか?

そういう場合、状況に応じて一定の間隔を取ったり、体裁を合わせるCSSを記述する必要があります。
ここではその一例を出しておきましょう。

続きを読む

WindowsXP終了によりコーディングはどう変わる?

こんにちは、OneStepです。

去る4月9日、正式にWindowsXPは12年間の役目を終え、サポート終了となりました。
これに紐づいて、IE6・IE7のサポートも終了となっています。

またWIndowsXPの次のOSであるWindowsVistaではIE7が標準搭載されており、Windows7ではIE9が標準搭載となっています。
WindowsVistaは発売から7年以上が経過しており、サービスパックも2まで出ています。

さて現状のIEのバージョン別シェアを調査してみたところ、以下のようになっていることが分かりました。

データソース:NetMarketShare、画像出典元:GIGAZINE

データソース:NetMarketShare、画像出典元:GIGAZINE

こちらを見ていると、依然としてIE8が主導権を握っています。
しかしIE6,7は徐々に減ってきているのが分かりますね。

そこで今回はIE6.7を無視した場合にどのくらいCSS3を使用したコーディングが可能なのかを考えてみました。

続きを読む

スマートフォンサイトのコーディングで気をつけていること

こんにちは、OneStepです。

スマートフォンサイトのコーディングを行うとき(デザインも含む)に
当方が気をつけていることをいくつかご紹介します。

——————————————-

■ポイントは「HTTPリクエストの最小化」

HTTPリクエストとは……
HTMLファイルが呼び出されるときには、
その画面を構成するために他のCSSファイルや画像ファイルもHTMLの文書に従って呼び出されます。
この呼び出しのことをHTTPリクエストと言います。
(厳密には違いますが、大雑把にはこのような解釈ではないでしょうか)

続きを読む

スマホ専用サイトの必要性

こんにちは、OneStepです。

OneStepではスマホ専用サイトの作成を推奨する考えを持っております。
スマホサイト専用のコーディングの仕事を承っているのもそのためです。

スマートフォンサイトで肝になるのは、いかに快適にスマホにデータが下りてくるかです。
見たいページが重く、ダウンロードに時間がかかると閲覧開始前に離脱されてしまいます。

近年はレスポンシブWebデザインが流行し、Googleもそれを推奨するとしています。

ただしレスポンシブWebデザインのサイトではなく、UserAgent別でリダイレクトし、別のデザインを見せたとしてもペナルティを与えるという発表や記述はありません。
(もちろん悪質なもの、悪意のあるリダイレクトは除く)

続きを読む