元素周期表を 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} が正解ですね。 ここで書いているのは角を丸める方法ではなくて...... これを読む

このサイトの CSS と JavaScript ( jQuery )を公開しました

とりあえず簡単にコンテンツを増やせるぞ! ってことで、このサイトの CSS と JavaScript ( jQuery )をここで公開することにしました。 で、僕はちょいちょい CSS や JS をいじるんですね。「ミスってた!」とかいろいろで。それでその都度コードをコピペしたりするのは面倒す...... これを読む

画像サイズを画面サイズに自動で対応させる CSS の記述 JavaScript ( jQuery )

画像サイズを画面サイズに自動対応させるには下の CSS だけで問題ありません。誤った認識をしていました。 img { max-width: 100%; }昨今はウェブサイトのモバイル対応が Google 検索の表示順に影響するということで、モバイル端末ユーザがターゲットでな...... これを読む

PNG のインデックス・カラーはファイルサイズがけっこう小さくなる

PNG 使ってますか? 透過が必要な場合やアイコンなどは GIF にするのが一般的かと思いますが、 PNG の方がステキなんです。ファイルサイズが小さいのです。そして JPEG ともいい勝負をしています。 PNG 好きの僕としてはこの記事で PNG を広める手助けをしたいなー、などと思う次第です...... これを読む