タグ:初心者

css sassロゴマーク

今一度sass(scss)を正しく勉強する!脱初心者への道 第1弾!

こんばんは。9月病(あるのか知らんけど)に陥り、頭がフワフワしているtaisonです。 もぉ秋ですねぇ、、、 さて、Twitterで人知れず宣言していたのですが、 10月はcss強化月間! という事で、本日第1弾の開幕でございます。 css強化月間第1弾sassを活用する コーディングを担当する人はよく目にするのではないでしょうか? 知らない人もいると思うので簡単に説明すると、 cssを入れ子にし […]

使いどころが分かりにくいhtml要素の使いどころを考えてみる 前編

  皆さん、コーディングしている時に使わないhtml要素ってありませんか? 僕はhtmlリファレンスを見るとコレ、全然使ってないなあ。なんて要素がかなりあります。 (上手に使ってる方はもちろんいらっしゃるのでしょうが、、、) なので今日は自戒の意味も込めて、htmlの使ってない要素をピックアップし、使いどころを探っていこうと思います。 まずは大枠の仕分け 全て網羅するとなかなかの数になっ […]

webサイトを作る時の要素の使い方 4巻 head内の記述

前回はmeta要素の書き方について記事を投稿しました。 前回の記事リンク webサイトを作る時の要素の使い方 4巻 meta要素 今回は少し幅を拡げて、head内の記述について掘り下げていこうと思います。 掘り下げたらびっくり。数が結構あるんですね、、、 head内に必要な要素 head内の要素は主に、以下の4つの系統に分けられます。 外部のファイルを読み込む要素(cssやjs) サイトの情報を表 […]

webサイトを作る時の要素の使い方 3巻 meta要素

htmlってそんなに掘り下げなくてもホームページ作成って意外と出来ちゃいますよね。 でも、文書を正確に機械に読み取ってもらう為にも、なるべく知識は正しく持っといた方が制作の際に迷わないし、正確な仕事が出来ると思うのです。 という訳で今日は人には見えない部分の一つ、「meta要素」について調べていきたいと思います。 制作者によってマチマチ指定なmeta要素 文字のエンコードやdescriptionな […]

webサイトを作るときの要素の使い方2巻 article section

さて、前回はwebサイトを構成する際、適切に要素を配置するための内容を書いていきました。 前回の記事 今回は残りのsection、article要素について考えてみます。 似ている部分もあるこの二つのセクション。他のセクショニング要素に比べてあやふやな部分が多いこの要素を、一体どのように配置したらいいでしょうか? 一つのまとまりであることを示すsection要素 意外とやりがちなのがmain直下の […]

webサイトを作るときの要素の使い方 1巻

webサイトのコーディングも時代が変わるたびに色々な手法が試されてきました。 table要素でレイアウト全体を構成したり、divでセクション区切りを作ったり。 今はhtml5が定着し、中身を明示してレイアウトできる要素が数多く誕生したので、サイト内の構成を昔より定義しやすくなったような印象があります。(header要素やfooter要素など) そのぶん、この内容にどの要素を使ったらいいか。と要素を […]