「Webサイト制作のワークショップ」のメモです。ブラウザによってWebサイトの表示が変わるというのは、昔ほどではないが今でも存在する。理由はブラウザに使われているレンダリングエンジンがそれぞれ異なり、新しい技術への対応がそれぞれ異なるため。他のブラウザと同じく、メジャーバージョン表記(IE9,IE10など)が廃止された。近年では業界標準に沿うようになった。最近のWebサイトは「HTML5+CSS+JavaScript」で制作されることが多い。解釈の仕方に少しづつ差があるために起こる。一例として、まずは基本となるコードを書いて、その後に各ブラウザで動作するようにベンダープレフィックスを使って記述していく。以下がサポート終了しているため、対応するべきブラウザは以下のようになる。以下のブラウザに対してどこまで対応するかはアクセスログなどから検討するべき。サポートが終了しているバージョンというのは、少なくとも仕事で使ってはいけないものであり、いかなる致命的なバグやセキュリティーホールがあってもそれを修正するアップデートが提供されないということ。そのため、ネットショップで古いバージョンのブラウザからのアクセスを推奨することには問題がある。reset.cssブラウザによって、デフォルトのテキストサイズやマージンの解釈などが異なる。各ブラウザの表示差異をなくすために、すべての表示をリセットするCSSを読み込む。実機が用意できない場合は、シミュレーターを使って表示テストを行う。メニューバーに”開発”メニューを表示」のチェックをオンにすると、メニューバーに「開発」が表示される。どのファイルの読み込みに何秒かかっているかを確認したり、ユーザエージェントを変更できるので、PCではアクセスできないスマホサイトを表示できる。都...WS|Webサイトのテキスト「Webサイト制作のワークショップ」のメモです。2「Webサイト制作のワークショップ」のメモです。サンプルデー...WS|Macのおすすめアプリ「Webサイト制作のワークショップ」のメモです。必要最低限の...WS|マルチデバイスへの対応とモバイルファースト「Webサイト制作のワークショップ」のメモです。Ohmori未来志向のクリエイター。東京で制作プロダクションを経て独立し、フリーランス歴20年。これまで幅広く国内外のプロジェクトに携わる。クリエイティブのスキルを学べるサービスを創造中。電子書籍TokyoHeadTerminal。