ブログ

CSS

マテリアルデザインを設計する上で欠かせないCSS「transform」について解説

transformプロパティでは、以下の変形を実現できます。 移動 縮尺 回転 傾斜 遠近効果 transform自体は要素を変形させるだけの役割ですが、 transitionなどと組み合わせることで…

はにわまん
CSS

移ろいゆくアニメーションを表現するCSS「transition」について解説

transitionを日本語訳すると、 移り変わり 移行 変遷 変化 といった意味になります。 まさにアニメーションに関するプロパティですね。少し難しく表現すると「時間的変化」を表現するものです。 マ…

はにわまん
JavaScript

スクロールの途中で出現するフローティングボタンのJavaScript

スクロールの途中で出現するフローティングボタンのJavaScriptの書き方を紹介します。 「トップへ戻る」「メニュー」「導線ボタン」など、いろいろ使い勝手の良いボタンなので、覚えてくと重宝します。 …

はにわまん
JavaScript

ページ読み込み中のローディング画面を表示するJavaScript

ページが読み込まれるまで待機するローディング画面の表示方法について紹介します。 コード全体像 コピー<style> #loader-bg { background: #fff; heigh…

はにわまん
JavaScript

数字をカウントアップしたい時のjQueryプラグイン「jquery-numerator.js」

数字をカウントアップできるjQueryプラグイン「jquery-numerator.js」を紹介します。 DEMO(デモ)   もう一回 ダウンロード ※ ver 0.2.1時点の内容です。…

はにわまん
Web API

「Amazon API」の使い方![最終回]-実際に作ってみよう-

※ 本エントリーは、PA-API4.0時点のものとなります。2019年12月1日から新しいバージョン5.0のPA-API(Product Advertising API)と移行するため、これからPA-…

はにわまん
JavaScript

背景色をスムーズに変化させるjQueryプラグイン「jquery-color」

背景色を緩やかに変化させることができるプラグインの紹介です。 何気ない変化にサイトへの「こだわり」が見えてきますよね。 DEMO(デモ) ダウンロード ※ ver 2.1.2時点の内容です。 ソースコ…

はにわまん
JavaScript

スクロールして出現したタイミングで発火させるjQueryプラグイン「inview」

スクロールでエリアに表示された時の処理を指定できるjQueryプラグインを紹介します。 他のプラグインとの組み合わせのもできるので、使い勝手がとてもいいですよ。 ダウンロード ※ ver.1.1.2時…

はにわまん
JavaScript

スクロールの登場に合わせてアニメーションさせる決定版!「wow」の紹介

スクロールに合わせて登場したりアニメーションを発火させることができるjQueryプラグイン「wow」を紹介します。 めちゃくちゃ簡単で、アニメーションの種類も豊富なので、少しリッチなカッコいいサイトに…

はにわまん
JavaScript

グイ~ンと動くスキルバーの作成するjQueryプラグイン

スキルバーを表現できるjQueryプラグインの使い方を紹介します。 技術屋さんはプロフィールなどに追加しておくと目に止まりやすくなるのでおすすめです! DEMO(デモ) HTML5 CSS JavaS…

はにわまん
1 26 27 28 32