2019-02

勉強方法

【比較】私が実際に使ってみたWeb開発関連情報サイト4選&オンラインプログラミング学習サービス3選

以前、HTMLやCSSの情報はWeb開発関連の情報サイトで調べたものでした。今は優秀なオンラインプログラミング学習サービスが増えています。それらを実際に使ってみた比較を記します。

HTML

フォームのボタンをbuttonタグにすべき理由はiOSに…

まずは上の画像を御覧ください。これがiOS系端末(ブラウザはSafariまたはChrome)でフォームパーツにinputタグbuttonsubmitresetを使うと何が何でも銀色のボタンにしたがる光景です。おかしい、私はメールフォームのボタンに次のようなデザインを設定したはずなんだがな…?

CSS

【解決法】iOS12+ブラウザ(Safari / Chrome)で100vhの設定が想定どおりに動かない件

「レスポンシブサイト」を作ったものの、モバイル端末での表示が崩れる。PCでは想定通りに表示されるのに、iPad Pro(OSは最新版に更新しているためiOS12)での表示がおかしくなってしまったのです。Webページ全体の高さをCSSで「height: 100vh」で設定すると、なぜか画面の下側がはみ出してしまうのです。