jQuery IDやClass指定でスタイルを変える jQueryを用いてHTMLで書かれた要素を後から変更をかけたいということが、よくあります。本件ではスタイルを変更するために、クラスを追加するサンプルを用意しま... 2019-08-02 23:18:15
webGL 図形を描画してみる WebGLについてです。WebGL(Web Graphics Library)は、ブラウザで3Dを表現するときの標準仕様です。2016年現在の最新版のブラウザはほぼ全て対応しています。HTM... 2019-07-30 21:21:19
enchant.js ゲームやアプリ作りの入門 enchant.jsはJavaScriptベースでゲームなどが作れるフレームワークです。 まず、enchant.jsを読み込みます。 [[<script src="/js/enchant/enchant... 2019-08-02 22:35:14
JavaScript 文字省略 clamp.js 長い文章を読みやすく短く省略して見せる方法の一つを紹介します。 CSSなどで隠すのでもなく、PHPでサーバサイドで編集もしません。 JavaScriptでカットする方... 2019-07-30 08:14:51
HTML5 ローカルストレージ ローカルストレージを使ってブラウザにデータを保存します。 ほとんどのメジャーブラウザは対応していますが容量が5MBか10MBと違いがあります。 なので5MB... 2019-08-07 00:13:30
jQuery クッキーに保存 jQueryのプラグイン(jquery.cookie.js)を利用して簡単にクッキー情報の読み書きができます。 クッキーの編集はプレーンなJSで記述もできますが、けっこう面倒です。 ここではjQueryのプラグイン(jquery.cookie.js)を利用し際の関数を掲載します。... 2019-08-02 22:25:48
jQuery 時差読込レイジーロード 画像の読み込みをわざと遅らせて、スクロールによって読み込みを開始させます。 スマホでよく使われる技法ですが、PCでもよく見かけるようになりました。... 2019-08-02 08:42:56
CSS 吹き出し CSSのみで吹き出し(バルーン)を作るサンプルです。 SVGで作る方法もありますが、CSSなので比較的とっかかりやすい印象です。 また、画像を作成する手間... 2019-08-07 00:08:50
CSS 初めてのCSS CSSとは HTMLのページにおいて、色や背景、画像や罫線などデザイン的な要素の表現をする時に使用します。 前提として、HTMLの基本的な知識が必要です。 高度... 2019-08-07 00:02:55
jQuery ツールチップ ツールチップとは、ちょっとした説明を追加したいときに使う吹き出しのような表現です。 何か説明を付け加えたい時のこの表現 → ? こんな感じで説明が表示されます。 マウスのカーソルを合わせると付加情報が表示されます。 上のサンプルでは... 2019-08-06 23:47:09