答え合わせが終わりました!

Published

◆ height

やっと、以前からablogcmsさんのテーマを使って、やっている答え合わせが終わりました。

clearhidden、clearfix、とか、

ベンダープレフィックスとか、

cssでのhoverの仕方とか、

heightを指定しないで作っていく方法とか、

borderの使い方とか、

tableとか、

たくさん学びました!
他の方が作ったサイトを作ってみて、とても勉強になりました。

◆ table

この中で一番苦戦したのはtableでした。
(結局、サイト内ではtableを使っていなくて、borderが使われていたのですが…)
前期にあったウェブデザインの授業では、ドリームウィーバーの機能をつかってテーブルを作ったことがあり、実際にhtmlでは作ったことがなかったからです。(それにtableを作ったのも一度でした)
tableの枠線を消したりできるのを知らなかったので勘違いといえど、とても勉強になりました。
tableに関しては、サイトを探しても、欲しい情報が書かれていないことが多く、
いろんなサイトを探しました。

◆ clearfix

clearfixの存在は知らなかったのですが、
自分で勝手にclearのためのクラスを作っていたので、既にあると知ってびっくりしました。
楽な方法で卑怯だなあとか我ながら思っていたのですが、他の人も同じことしててちょっと安心しました。

私はなぜか、今まではdivにheightをいちいち指定してサイトを作っていました。
指定しない方が、楽でいいですね。
思えば授業では、先生は引っ張りだこで、(ほかのクラスメイトもサイト作りは初めての人が多かったため)ほぼ独学状態でした。
勘でhtml書いてました…。
でも、それって正確なマークアップではないので、危険な行為だったな、と反省しています…。

まあ、とりあえず、一つすることが終わったので、bootstrapの勉強をします!
実ははbootstrapでサイトを1つ作ることになりました。
一月は学校の卒業制作の締め切りもあり、ポートフォリオサイトをもう一つ作りたいと思っているので(実は就活中)、今月は大変です…!
が、がんばろう…!

関連している記事

著者について

森田 かすみ

有限会社アップルップル所属。マークアップエンジニア→インハウスデザイナーの経歴を経て、今はUI/UX/サービスデザインを勉強中。呼ばれれば登壇もします。Frontend Nagoya主催。ストレス発散方法はかっぱのイラストを描くこと。