@kanteraの技術ブログ

calcが使いやすい時代になった

なったのはいいがcalcを使うときはコメントで四則演算のそれぞれの値が何の値なのかを書いておいたほうがいいと思うんだ。 明日の自分は今の自分じゃないからきっと理解するのに時間がかかる。この値はプログラミング言語でいうところのマジックナ...

scss(sass)を使っているときにcalcの中で変数を利用する場合

scss(sass)を使っているときにcalcの中で変数を利用する場合 calcの中に変数を入れると、変数を文字列としてsassがcssを出力する。変数を#{}で囲ってあげると変数を変数として認識してくれる。 .s...

「リンクをクリックして別ページにジャンプすること」を一言で表現するとの巻

遷移は、画面の状態が変わることを指した言葉。「リンクをクリックして別ページにジャンプすること」は遷移の意味をあらわす1つに過ぎない 別ページにジャンプしないで、画面の一部分が変化すること、例えば、入力フォームでエラーになったとき...

aタグ?buttonタグ?の見極め

■ aタグ?buttonタグの見極め ハイパーリンクはhtmlの根幹。 最近流行っているSPA ( Single Page Application )って画面遷移はあるものの、ページ移動はほとんどないなぁ ってことは、あ...

これは覚えておきたいHTMLの概念 ~ アウトライン ~

■アウトライン hタグを使って文章構造に見出しのツリーを構築できる。アウトラインを意識した文章構造は検索エンジンがが解釈しやすい。こういったマークアップは検索エンジンからの評価も高くなると考えられ、SEOを意識するうえでは重要な...

これは覚えておきたいHTMLの概念 ~ マークアップ編 ~

■マークアップ HTML構造に意味付けをすること、 ・見出しはhタグ ・文章はpタグ ・リストはul(ol) liタグ ・などなど、 最適な意味付けをするためには、いろんなタグを覚える必要がある。 ---ex--- &...

忙しい人のためのHTML/CSSってなんぞや

もともとCERN(欧州原子核研究機構)世界最大規模の素粒子物理学の研究所で生まれた技術ティムバーナーズリーが考案。 膨大な資料の中から、自分の欲しい情報を効率よく探したい科学者が入れ替わり立ち代わりで訪れるため、情報の共有がやり...