「困った!HTML初心者にどうやって教えたらいいの?」HTMLとCSSの効率的な教え方

thumb

僕は専門学校の非常勤講師を何年かやっていまして、毎年1年生にHTMLの基礎から教えています。毎年試行錯誤しつつやっているのですが、最近になってようやくHTML初心者に教える際に「こうやるのが良いんじゃないか」というのがある程度確立してきたので書いてみようと思います。

尚、このやり方は教える側だけでなく「HTMLをやってみようかな」という初心者の方にもオススメです。ここに書いてある順番で学習していけば効率良く学んでいけると思います。

Read More

CSSの疑似要素と疑似クラスをもう一度最初から

eyecatch18

先日FlickrがIE7とFirefox3.6をサポート対象外にするという発表がありました。IE7もシェアが少なくなって来ていますし、IEの自動アップデートが今年から開始されるので最新のブラウザへの移行も進みそうです。

IE7をサポートから外せば結構色々な事ができるようになります。例えば:before, :after疑似要素(pseudo-elements)がIE8以上では使えるようになります。今回はこの疑似要素とはなんぞやというところから、疑似要素と疑似クラスの違い、そして実際に使えるTipsをいくつかご紹介します

Read More