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
CSS 【シンプル実装】テキストのエフェクト(バウンドとタイピング) 今回はシンプルに着飾るために、実装しやすいテキストアニメーションをご紹介します。 タイトルなどを遊び心で飾りたい時などに利用しやすいと思い、2種類のエフェクトを用意しました。 ( HTML, CSS, JavaScript ) 2020.09.16 CSSJavaScript ( jQuery )PROGRAMING
PROGRAMING 【楽で便利】SassのコンパイラにKoaraを使ってみました(Win / Mac) 今回は前に紹介したブログ(私のプログラム言語学習方法)の中で取り上げていましたコンバータ・ソフト「コアラ」の使用した感想のお話しをしようと思います。😀 これって、めちゃんこ楽ですね。一発で気に入りました。(Sass, Koara) 2020.09.14 PROGRAMING
CSS 【 見て!ハマるかも 】画像を分割させた面白いエフェクト 3分割した画像をポインターでホバーすると、全体が指定された画像にスライドするクリエイティブなエフェクトです。 マウスのポインターを画像におくと・・あらあら! clip-path を応用し、リアルに動きのある表現にしています。(HTML,CSS) 2020.09.12 CSSPROGRAMING