html、css、jQueryを使ってコンテンツを作成していて、ブログで紹介されていたコードをコピーしたら
コンソール画面に「invalid property value」というエラーが・・・

1/4など分数の表記をする際に機種依存文字を使用してしまうと表示されないブラウザなどが出てきてしまうので不便です。

そこで「数値文字参照」で入力することでブラウザ依存がなくなります。

htmlを作っていたら突然サイト上に[an error occurred while processing this directive]という文字が出てきました。

なぜ出てきたのか？と解決法を備忘録として記述。

tableを構築していて、スマートフォン用の表示に対応させようとするとセルの幅が狭くなって文字が読みにくくなってしまうのをdiplay:block;にする事で対応しています。

今回はレスポンシブで作成している時に同じくdisplay:block;をした際にIE9、IE8で効いていなかったので対策を調べてみました。

formを作成している時に送信ボタンが押せなくできないかと調べてみたら とっても簡単にできたのでメモ。

コンテンツとサイドバーをfloatしてレイアウトする際に、デザイン上でサイドバーがfooterまでついている場合があります。

その時にはサイドバーにmargin-bottom: -10000px;とpadding-bottom: 10000px;を書いてコンテンツにはoverflow:hidden;を書きます。

そうする事でサイドバーの高さをコンテンツと同じ高さにできるのでサイドバーの背景がずっとついてくる形にコーディングできます。

しかし、ここで問題が…ページ内リンク()を設定すると表示が崩れてしまいました！

CSSでdisplay:none;を使用した時にIE9とIE10でなぜか消えない！

でもIE8とIE7では消えてくれている…

なぜ！？

前々からLessとSassについては知っていたのですが、ようやく試す事ができました。

CSSをより便利に使えるLessやSassは使わないのはもったいない。

今回は簡単に導入できそうなのでLessに挑戦してみます。

今までは単語毎での使用だと思っていましたが文章全体をかこっているブログもあり、使用定義について再確認の意味を込めて調べてみました。