JavaScript ( jQuery ) 【簡単です】スクロールさせ左右から可視出来るコンテンツをスライド表示 スクロールをさせて行くと、コンテンツが左右からスライドしながら現れます。カード状のコンテンツがよく上下左右からポップアップしながらフェードインするのもありますが、Window内の可視できるコンテンツ全体をスライドさせるのも面白いですね。(CSS,jQuery) 2020.10.10 JavaScript ( jQuery )PROGRAMING
CSS 【読込み中の待機時間に】シャッター・アニメーション(自由にカスタマイズ) ウェブページが読み込み中であることを、分かりやすく伝えてくれるローディングアニメーション。ページコンテンツの読み込み完了までのの些細な時間でも、遊び心でユーザーを飽きさせない為の仕掛けは必要ですね。(HTML,CSS) 2020.10.05 CSSPROGRAMING
CSS 【天空の城】雲をリアルにアニメーション化させたエフェクト 雲をリアルに動かして、幻想的に見立てるアニメーションです。 実はこのエフェクト、マチュピチュの画像とPNG形式(透明)の雲の画像を使って簡単にアニメーション表示させてるだけなんですよ。 (HTML,CSS) 2020.10.03 CSSPROGRAMING
JavaScript ( jQuery ) 【ボタンが浮き出す】カード・ホバー・アニメーション(オシャレに飾るなら) カード全体の領域にポインターを置くと、下からアイコンが1ヶづつ順番に浮き上がって来るアニメーションです。 アイコン単一にホバーすると光を発しながら回転し、領域から外れると、ボタンが順番にゆっくりと下に降りて消えて行きますよ。(CSS,jQUERY) 2020.09.30 JavaScript ( jQuery )PROGRAMING
CSS 【普通じゃ飽きた】3Dカルーセル・スライダーの制作(360°の円運動) 今回は3Dで円運動しながら回転するスライダーを作ってみました。 横から平行にスライドするエフェクトは数多く存在しますが、数枚の写真をまとめて360°回転させるアニメーションも面白いですね。(HTML,CSS,jQuery) 2020.09.28 CSSJavaScript ( jQuery )PROGRAMING
JavaScript ( jQuery ) 【素敵にマジック】スクロールさせながら円形にフェードイン・アウトさせる 再生させているムービーからスクロールをかけると「円状に段々と大きさに変化がおきる」エフェクトです。このアピールの仕方は、とても気にいっています。😍 (HTML,CSS,jQuery) 2020.09.24 JavaScript ( jQuery )PROGRAMING
PROGRAMING 【重宝します】SVGデザインを簡単に作画するツール 今回はオンラインで気軽にSVG作画されたグラフィックを利用するジェネレーター・ツールをご紹介します。JPEGやPNGなどのビットマップデータと比べて、拡大してもぼやけずにきれいな状態で表示出来ますので、活用の幅が広がります。(HTML,CSS) 2020.09.23 PROGRAMING
CSS 【 お手軽に実装 第1弾 】キャプチャ・エフェクト( 21種類 ) 今回はお手軽にコピペで実装できるキャプチャ・エフェクトをご紹介します。 エフェクト効果のパターンは全21種類用意しました。 パターンも豊富に揃えましたので、好みのタイプが見つかるといいですね。(HTML,CSS) 2020.09.21 CSSPROGRAMING
JavaScript ( jQuery ) 【 jQuery 】スクロール・ボタンを実装する(遊び心も加えたPC版) 今回は、ホームページにスクロールボタンを実装するテーマです。 ヘッダーメニューでトップへ飛ばす方法以外にも、1LPが長いとウインドウの片隅にあっても便利ですので、実装させてみます。 (HTML, CSS, jQuery) 2020.09.18 JavaScript ( jQuery )PROGRAMING
CSS 【 CSS 】アイコンをホバーすると生き物のように、プルルンと反応 CSS を使って、アイコンを生き物のように反応させるエフェクトをご紹介! モバイル・タブレットだったらタップすると、キュートに反応しますよ。(HTML, CSS) 2020.09.17 CSSPROGRAMING