HTML/CSS│Y-hilite

ローディングアニメーションをCSSやSVGで実装したまとめ

以前までローディングを使う時、gif画像をよく使用していたのですが、最近はcssやsvgでローディングの実装をしているサイトを良く見かけます。過去に参考にさせてもらったものや今度使いたいと思ったのでcodepenで公開されている実装方法のまとめです。

【CSS】CSS3を利用したHOVER時のエフェクト（ボタン）

【CSS】CSS3を利用したHOVER時のエフェクト（テキストリンク）過去に「【CSS】CSS3を利用したHOVER時のエフェクト（テキストリンク）」を書いたので、今回はコンポーネント化したボタンリンクをまとめました！汎用性のあるボタンリンクのエフェクトを使ってみてください。

【CSS】CSS3を利用したHOVER時のエフェクト（テキストリンク）

リンクをホバーした時の処理を頼まれることが多くなってきました。毎回、過去作ったものや他のサイトから引っ張ってきていたので、ソースを書き換えたりして一手間加えていたのですが、コンポーネント化したやつをまとめちゃえばいいやん！ッと思って、汎用性のあるテキストリンクのホバーした時のエフェクトをまとめました。

フレッシュな気持ちで挑め！2018年度新卒採用サイトの熱いキャッチコピー

年を取るにつれて年々一年が過ぎるのが早くなってきている気がします。ほんとあっと言う間に一年が… こんな事ではダメ！若い人に負けてる場合じゃない！ここはエネルギーに溢れていた時代の記憶を思い出さねば。ってことでフレッシュな気分に戻るために一番フレッシュであろう「就活生」に向けて作られた採用サイトのキャッチコピーをまとめました。熱く胸に響くキャッチコピーをご紹介します。

Web制作に役立つ・学べるおすすめ国内ブログ厳選10選

今の時代Webサイトのデザイン・制作をするための情報を学べるブログが数多く存在します。私も毎日有益な情報を発信しているブログをTwitterやRSSを使って閲覧しています。そこで、今回は私がいつも情報収集のために閲覧しているサイトで、選りすぐりのWebサイトのデザイン・制作に関する有益な情報を提供しているブログを厳選してご紹介したいと思います。

CSSのclass名で悩みたくない！よく使われてるいる名前（命名）！

コーディング中にいつも悩まされる問題…それはクラス名を考える時！ざっといつも使っている単語と他のサイトなんかでよく使われている単語をあつめました。これで作業効率アップアップ！