コラム WordPress投稿の本文にソースコードを表示させる(プラグイン使用) WordPressのプラグイン「Highlighting Code Block」を導入すると、コードブロックを見やすくハイライト表示ができます。ブロックエディターやクラシックエディターでの使用方法、導入前と導入後のコード比較やエディターごとの挙動も詳しく解説しています。 続きを読む
デモ 画像が右から左に無限スクロールするアニメーション 右から左に無限スクロールするアニメーションのデモです。実際のサイトでは、舞台をイメージしたデザインで、カーテンの画像が両端に配置され、生徒さんの舞台での演劇の画像がカーテンからカーテンへと流れるようになっています。 続きを読む
デモ ファーストビューの写真が時間差フェードで切り替わるアニメーション 大学のオープンキャンパスの資料請求のLPのファーストビューに使用される、時間差フェードで切り替わる写真のアニメーションデモです。CSSアニメーションを活用し、鮮やかなフェード効果と切り替わりを実現しています。 続きを読む
デモ スクロールして画面に入った時にカウントアップして円形のバーが溜まるアニメーション 直接依頼で制作した、カウントアップと円形に溜まるバーのアニメーションです。#アニメーション #スクロール #カウントアップ #円形プログレスバー #円形に溜まるゲージ 続きを読む
デモ クリックすると画面の高さ分スクロールダウンするアニメーションボタン スクロールを促すアニメーションにクライアント様からのご要望で「クリックをしたら画面の高さ分スクロールする機能」を実装しました。またフッターエリア内ではスクロールボタンがページトップボタンに変化します。 続きを読む
