2021.06.14

Scroll Revealを使用しているページ全体に余白ができてしまう件について、
ググっても有効な情報がなかったのでメモ。

2020.10.14

上記は片方の項目がチェックされたらラジオボタンのように他のチェックを外すjQueryを使ったプログラム。

このサンプルで、他のチェックを外すために使っている jQueryメソッド「.prop()」は、jQuery1.10以降から追加されたので、jQuery 1.12.4をCDNで読込んでいます。

2018.07.01

See the Pen Smoth scroll by Hiro Iruya (@leo-loki) on CodePen.

2015.12.18

SVG形式ならビットマップ画像じゃなく
パスの状態でWEBにアップできるから
拡大しても劣化しない？

かなり昔からイラレのファイル形式にあったSVG形式。
WEBにアップして拡大してもキレイに見えるってことで、一度、挑戦してみたことがあるのですが、ほとんどのブラウザが対応していなっかたのであきらめてました。

しかし、HTML５＋CSS３の時代がやってきた今では実用しているサイトを見かけるようになったので、ちょっとサンプルを作ってみました。

作ってみるとかなり奥が深く、メリットもデメリットも多々あります。

まだまだ私も勉強が必要なのですが、参考までにぜひどうぞ。

2015.10.30

記載したソースコードを見やすくしてくれるやつです。
プログラムなどの解説サイトなどでよく使われているますね。

こんな感じの。

<p id="code">
   表示したいHTMLソース
</p>

p#code:before {
   content:"表示したいCSSソース";
}

var msg = '表示したいJavaScriptソース';
document.getElementById("code").innerHTML = msg;

一般のサイトではあまり使わないと思いますが参考までに。

通常のHTMLページに「Syntax Highlighter」を導入する方法はこちらのサイトなどを参考にしてください。

通常（HTML）版のサンプルはこちら。

2015.10.01

GETパラメータでエンコードされた文字列をデコードする方法（javascript）

var str = decodeURI("エンコードされた文字列");
document.write(str);

2015.01.05

セレクターとは

処理対象の要素を指定するもの。
CSSのセレクターと同じ記述をするため、
Javascript に比べて簡単に要素の指定ができる。

【参考サイト】Selectors／jQuery日本語リファレンス

2015.01.03

 jQueryとは

jQuery本体の読込

jQueryを使用するためには導入するHTMLページに、
本体ファイルを読み込む。

読込方法については、こちらのサンプルページを。