疑似要素ってありますよね。僕は技術書で初めて見ました。最初見た時、「え、なんだ、これ？」って思いませんでしたか？ですが覚えると、とっても便利なのでさっそく使いこなしましょう！ 擬似要素とは MDNのガイドラインには、下記のように書いてあります。…

Date オブジェクトを生成する Dateオブジェクトの生成には必ずコンストラクタを経由する必要があります。Dateオブジェクトのコストラクタには以下の構文などがあります。See the Pen 20160815DateObject by r.shimizu (@r_shimizu) on CodePen. Date オブジ…

セレクタの中でも使い勝手がいい擬似クラス nth-child と nth-of-type とは？ 使い勝手がいいことを言う前に、まず、わりとどうでもいい疑問かもしれませんが、「nth」の言葉の意味を紹介します。n はnumberという意味で、 th は、4th, 5th, 6th...で使われ…

CSSにおけるフォントサイズの指定は、相対指定の「em」や「%」、絶対指定のpxが一般的です。 また、CSS3に新しく「rem」という単位を使った指定方法もあります。今回は、remという単位が便利な理由をpxやemと比較してまとめます。 remはレスポンシブウェブデ…

オブジェクトは、まさに「モノ」そのもの オブジェクトとは、名前をキーにアクセスできる配列です。 ハッシュ、連想配列などと呼ばれることもあります。 通常の配列はインデックス番号しかキーにできないのに対して、オブジェクトは文字列をキーにアクセスで…

プログラミングにおいては、写経が何かと有効であると信じて、まず基本的で具体的なサンプルコードを、とにかく書くことでその所作を身に付けようと思います。 今度はループと例外処理です。反復処理には主に下記の４つがあります。 while文 do...while文 fo…

プログラミングにおいては、写経が何かと有効であると信じて、まず基本的で具体的なサンプルコードを、とにかく書くことでその所作を身に付けようと思います。 単純分岐 if 変数xが１０以上か否かで出力する文字列を変えるサンプルコードSee the Pen 2016080…

CSSは、簡単に書けるメリットがある一方、非常に破綻しやすいデメリットもあります。 保守性が高まる、CSS設計の代表例をメモします。 HTMLの要素名にスタイルを指定しない リリース後や改修後も、後から部分的な変更や、ブラウザやサイトの仕様変更によって…

今後、フロントエンド寄りの業務が多くなるので、改めて知らなかったことをまとめておこうともいます。 （知識の定着も兼ねて）Javascriptも合わせて、HTML5,CSS3を改めて勉強してみようと思います。まず、ちょっと前にこの本「スラスラわかるHTML&CSSのきほ…

JavaScriptの基本的な書き方（2-1/p24） See the Pen p24 by r.shimizu (@r_shimizu) on CodePen.まず、JsのコードをHTMLのファイルに組み込むのはスクリプトタグのタグの役目です。 <script>Jsのコード</script>上記のtype属性を見てください。旧来のHTMLでは、style要素とsc…

2016年の8月1日の今日、Javascriptを基礎から勉強してみようと思います。なぜこの言語から勉強をするかというと、8/22からフロントエンドエンジニアとして働くからです。 また、フロントエンドエンジニアこそ、Javascript（今後Jsって略します）って言語を操…