無料の Public DNS リスト

Public DNS と言えば Google Public DNS が有名かと思います。僕も長らく利用してきたのですが、最近なぜだか Google のサービスに接続できなくなる事態が発生しています(たぶん僕のネット環境だけ)。で、まぁ Google 検索の代替には例えば DuckDuckGo を...... これを読む

元素周期表を HTML で書いた

HTML で元素周期表を作りました。内容が正確なのかどうか分からない(無責任!)のですが、僕としては「 HTML で作ったよ!」って言いたいだけなんですね。だから利用する際はチェックしてください。 元素周期表実際の表示のサンプル元素周期表のサムネイル...... これを読む

Facebook のいいね!マークの画像 PNG と SVG

Facebook のいいね!マーク()、 Facebook のチャットのウィンドウに表示されているやつのソースを見てみたら SVG だったので拾って画像にしてみました。実際の表示PNG 476x500pxSVG.hand-sig...... これを読む

漢字調べるやつ(文字が大きなテキストエリア)

手書きで漢字が分からないときにパソコンに入力して表示を見ようとしたら文字が小さすぎてつぶれて見えない。いっそ何に入力していいか分からない。そんな困ったを解決する文字が大きなテキストエリア「漢字調べるやつ」です。下のリンクからダウンロードしてください。 HTML ファイルなのでダウンロードした...... これを読む

JavaScript ( jQuery )でファイルリストを自動生成する(ウェブサーバのインデックス機能を利用)

JavaScript や jQuery にディレクトリ内を参照する機能的なものがないらしく、驚いたのですが、当然と言えば当然なのかもしれません。ウェブサーバがインデックスを生成してくれますし。でも僕はファイル名ではなく HTML 内のタイトルをリンクにしたかったので、ウェブサーバの Apache...... これを読む

CSS でクリック・イベントを実装する :target メソッド

クリック・イベントは JavaScript の特権ではありません。 :target メソッドを使えば CSS での実装が可能です。 :target メソッドはページ内のリンク( <a href="#top"> など )を利用してクリックをアクションにつなげる方法...... これを読む

CSS だけでクリック・イベント付きドロップ・ダウン・メニューを実装する

クリック・イベントは JavaScript の特権ではありません。ちょっと頑張ったり誤魔化したりすれば CSS での実装が可能なんです。 ここではドロップ・ダウン・メニューに、クリック・イベントで開く動作を実現するコードを紹介します。 基礎になる :target メソッドについては下の記事を...... これを読む

表( table )の CSS で角丸にも対応した汎用性の高い記述

表( table )の CSS と言えば一般的に {table-collapse: collapse;} とするかと思いますが、外枠の角を丸めようとしてウマく行かないなどあるのではないでしょうか。僕にしてみれば {separate} が正解ですね。 ここで書いているのは角を丸める方法ではなくて...... これを読む