読者です 読者をやめる 読者になる 読者になる

Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【縦横が入れ替わるレスポンシブな表(テーブル)】

f:id:wp-lesson:20170416214716p:plain

HTMLとCSSを学んでいただいている生徒さん。
 
今日は、スマホで表示したときに縦横が入れ替わる
表(テーブル)の作り方をお教えしました。
 
ランキングや一覧などを表にすると見やすいのですが、
列が多くなるとどうしてもスマホで表示させたときに
折り返してしまい、見辛くなってしまいます。
 
そこで、CSSを使ってスマホで表示したときだけ表の
縦と横を入れ替える方法を、
 
「考え方」→「書き方」
 
の順番で学んでいただきました。
 
縦横を入れ替えるといっても、
実現のやり方は何通りもあります。
 
考え方次第でやり方は変わるからです。
 
ですから、マンツーマンレッスンで考え方から学んで
いただくことに価値があるのです。

PR

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
WordPressのツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2nd7Ia5
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
 
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓無料体験はこちら
http://bit.ly/2hw7mIy