htmlやcssやjavascriptに関する個人的な技術メモ
chrome や safari などのブラウザで位置情報(GPS)を取得して緯度や経度やグーグルマップを表示するスクリプトです。
※スマホなどGPSの機能がついている端末でないと位置情報は取得できません。
以前はjavascriptやphpで行っていたフォーム送信内容のチェック(バリデーション)もhtml5以降は簡単にできるようになりました。
簡単と言ってもパターンチェックでは正規表現の知識が必要です。
ここでは入力項目に応じたパターンの記述例を紹介します。
jqueryで360度パノラマビューを実装する方法について説明します。
ここで言う360度パノラマビューとは 横長の写真をブラウザ上でグルグル回せるやつ のことです。
ドラムセットを作ってみました。各ドラムパーツをクリックすると音が鳴ります。キーボード操作にも対応しています。
「移動モード」ではドラッグアンドドロップでドラムパーツの位置を移動させることができます。
フェイスブックやツイッターで使える絵文字や顔文字や特殊記号をまとめました。
デスクトップパソコンからもコピー&ペーストで使えます。
html5 の audioタグ videoタグ でプレイリスト再生(順次再生、連続再生)できるような javascript のサンプルコードを作りました。
入力文字数に応じてテキストエリアの高さを調整するjavascriptを作成してみました。
日本語フリーフォントの紹介とウェブフォント化のやり方について説明します。
レスポンシブデザインをこのサイトにもちょっとだけ取り入れてみました。
レスポンシブデザインの具体的な書き方・導入方法を記載しておきます。
2カラムに続いて3カラム用HTMLCSSテンプレートを作ってみた。
Copyright(C) systemexpress.co.jp All Rights Reserved. Author Takayuki Yukawa