HTMLとCSSのみで表現された、アニメーション豊かなホバーエフェクト10種類。カラフルなアルファベットが、ふわりと浮かびあがってくる、HTML/CSSテキストエフェクト。コップに水が注がれているようなエフェクトを、アルファベットで表現したテキストエフェクト。フォントのベースラインに沿って引かれた下線は、フォントに被らないように工夫されています。ドット状に表現されたアルファベットに、マウスカーソルを合わせると爆発エフェクトが。マウスをぐるぐると動かすことで、文字テキストを操ることができるユニークな仕掛け。スクリーン上でマウスを動かした方向に、テキストに立体的なエフェクトが追加されます。並べられた英単語にマウスホバーすることで、影付きで立体的に浮かび上がるエフェクトで、text-shadowプロパティを利用しています。ドロップシャドウを利用した、質感高いテキストエフェクトのひとつで、シンボル記号をローテーション回転させ利用しています。こちらも複数のtext-shadowプロパティ値を設定することで、リアルな影を表現しています。レトロなタイポグラフィエフェクト、クロムとネオンスタイルをCSSで表現。次の記事では、実際のHTMLとCSSの記述に関して書いていきますので、ぜひ続きをご覧ください。関連記事HTML、CSSなどWEBデザイナーになる為の勉強ツールこの記事では、私がHTMLとCSSなどを学んだツールを紹介します。HTMLとかCSSって何だか難しそうですよね。私は、ほぼ無知の状態から約半年間少しずつ勉強をしてこのサイトのベースが作れるようになりました。ネットで調べたり本も読みましたが、やっぱり1番基礎が・・・記事の続きへFTPクライアントソフト「FFFTP」WordPressなどWEBサイトを運営するのに必要不可欠な「FTPソフト」。おすすめの「FFFTP」というソフトのインストールから設定までを備忘録として書いておきます。出典:http://forest.watch.impress.co.jp/libra・・・記事の続きへ【WordPress】functions.phpによく書くことまとめWordpressでサイトを作る上でとても重要なサポートをしてくれるfunctions.php。色んなサイトを作る中でよく記述することになるものを、備忘録としてここに書いておきます。※functions.phpでエラーが出ると管理画面(ダッシュボード)にアクセスできくなる・・・記事の続きへWordPressでサイトをつくる~備忘録P.1~WordPressでサイトを作る。実際にこのサイトを作成した時の備忘録として残そうと思います。WordPressだと、簡単に作れます。オリジナリティのあるサイトを作るとなると、ある程度の知識が必要になってきます。・・・記事の続きへ【Photoshop】煙のようなエフェクトの作り方デザインの仕事を頂き、煙っぽいエフェクトを使用したかったので、調べながら自作しました。その備忘録を残しておきます。CS6を使用しています。わかりやすく、黒の背景に白い煙のパターンで作成します。Xに機種変更して気付いたiTunesの落とし穴2017年11月3日発売だったiPhoneX(アイフォーン10)。予約開始が同年10月27日16:01からだったので、私は15:59から携帯を握りしめ、16:00:45から予約ページの更新を繰り返しながら、ページが表示されるとすぐ予約の申込みを完了しました。その成果あってか、発売日の11月3日の午前中には受け取りにいくことができました。続きを読むiPhone6sをそこそこの値段で買い取ってもらいました私は機種変更をする時に、下取りには出しません。だいたい1万前後でしか下取りしてくれないから。今回、iPhoneXに機種変更した際にiPhone6sをネットで売った手順をご紹介しておきます。続きを読むFacebookの記事シェア時に画像が表示されなかった時の対処あまり気にもとめてなかったSNSのシェア後の表示について。今回、広めたい記事を自分のFacebookでシェアしようと思ったところ、画像が表示されていませんでした。その時の対処を備忘録として。クラッシュ時の一時保存フォルダの場所macのexcelで作業をしている時、何かのエラーを叩いてしまった際、excelが急にクラッシュして強制終了なんてことがよくあります。そんな時、Office製品はしっかり一時保存データを残してくれています。macでの一時保存フォルダを備忘録で残しておきます。続きを読むPhotoshopで簡単にドット柄を作る最近、バナー広告などのお仕事が増えてきて、デザインに取り入れる頻度が増えてきたので、この機会にドット柄の作り方を備忘録で残しておきます。続きを読むPhotoshopで簡単にストライプ(ボーダー)柄を作る最近、バナー広告などのお仕事が増えてきて、デザインに取り入れる頻度が増えてきたので、この機会にストライプ柄、ボーダー柄の作り方を備忘録で残しておきます。Xに機種変更して気付いたiTunesの落とし穴2017年11月3日発売だったiPhoneX(アイフォーン10)。予約開始が同年10月...iPhone6sをそこそこの値段で買い取ってもらいました私は機種変更をする時に、下取りには出しません。だいたい1万前後でしか下取りしてくれない...Facebookの記事シェア時に画像が表示されなかった時の対処あまり気にもとめてなかったSNSのシェア後の表示について。