CSS3 オンマウスで画像拡大 PCで画像にマウスを合わせると画像が拡大します。 css3限定での手法になります。 スマホではタップすると、1度だけズームします。 .imgs { wid... 2019-08-02 08:30:13
jQuery カラーピッカー RGBのカラーコードから色を想像してコードを書くのは結構大変です。 エディターによってはプレビューしてくれるものもありますが、色から探す方が直感で早い... 2019-08-02 08:24:35
SVG 読み込みアニメ SVGでローディングのアニメーションのサンプルを紹介します。 通常の画像に比べて非常に軽量なので読み込みが早く、また自由な表現ができるので、待ち時間の... 2019-08-06 23:35:28
HTML5 プログレスバー HTML5から使えるデータの経過、残量の表現です。 相対的に表す場合 50%完了;今これくらい [[<progress max="100" value="50"... 2019-08-06 23:27:38
jQuery カードをめくる表現 主にjQueryで書かれたアニメーションです。 画像をクリックすると、カードを裏返すようなエフェクトのサンプルです。 クリックで発動するものと、ページが表示されると自動で発動する2パターン用意しま... 2019-07-28 14:02:54
smarty 値のセット assign 基本的にはPHP側でassignすることが推奨されています。どうしてもassignしたいときだけ使用するようにしましょう。 変数に値をセットする {assign var="name... 2019-08-06 23:25:33
jQuery プルダウン スマートフォンでプルダウンメニューは、デフォルトでだいぶ使いやすく表現されるようになりましたが、いつになっても自作したいという要求は絶えません。 い... 2019-08-01 22:25:28
jQuery スクロールでアニメ skrollr.jsというjQueryのライブラリを使って、スクロールで連動する基本的なアニメーションのサンプルを用意しました。 これを使うことで、パララックス(視... 2019-07-30 07:56:53
MySQL セレクト例文 セレクト文のサンプルです。 where 例文 SELECT * FROM A WHERE age=20; where 複数 AND 両方の条件に一致 SELECT * FROM A WHERE age=20 AND gender='male'; OR ... 2019-08-06 23:23:00