《JavaScript》Youtubeの複数の動画をループ再生させる
YouTube IFrame Player APIを使って、複数の動画をループ再生する方法を紹介します。音声はミュート設定で再生されます。
SVGに手書き風のアニメーションを加える方法を紹介します。線が描かれていくような表現をCSSのstroke-dasharrayとstroke-dashoffsetを使って実装しています。
《CSS》グラデーションがスライドするhoverエフェクトをつくる
CSSだけでボタンの背景にグラデーションがスライドするようなhoverエフェクトを実装する方法を紹介します。
jQueryを使って、複数の画像エリアでそれぞれランダムに画像が切り替わるアニメーションを実装する方法を紹介します。
《MAMP》Apacheの設定ファイル( httpd.conf)の場所
MAMPとMAMP Proで異なるApacheの設定ファイル(httpd.conf)の保存場所についてまとめています。
CSSのbackground-clipプロパティを使って、テキストにグラデーションを適用する方法を紹介しています。
《Photoshop》アップデートで変わったバウンディングボックス表示場所
Photoshopアップデートで、バウンディングボックスの表示場所が歯車アイコン内からオプションバー上に移動しました。
《JavaScript》モーダルで縦長のYouTube Short動画を表示する方法
ボタンをクリックするとモーダルウィンドウ内に縦長のYouTube Short動画が表示されます。(音声はミュート)モーダルの背景をクリックすると動画を非表示になります。
CSSのみで作るポップでかわいらしい見出しタイトルのデザインサンプルをご紹介します。見出しっぽく英字「TITLE」も入れましたが、日本語の「見出しテキスト」単体でも使えます。
Javascriptで2色の四角形を回転させながらランダムに降らせています。四角形の色やサイズも調整可能です。
「ブログリーダー」を活用して、grineeさんをフォローしませんか?