タグ

開発とCSS3に関するarx0balestのブックマーク (2)

  • CSSで実現!目を奪われる素敵ホバーエフェクト用HTMLスニペット32個まとめ

    普段からユーザーが何気なく利用しているホバーエフェクトやマウスクリックを、CSSアニメーションを使ってより魅力的に表現してみませんか。動きに目が奪われるアニメーションエフェクトは、デザイン的な見た目だけでなく、画像やハイパーリンクのクリックしやすさなど、ユーザビリティや操作性を大幅に改善することができます。 今回は、ユーザーの印象に残る効果的なホバーエフェクト用HTML/CSSスニペットをまとめてご紹介します。 HTML/CSSのみでスタイリングされたスニペットも多く、自由にカスタマイズできるだけでなく、コピペでサイトに利用することも可能です。ユーザーのハートをがっちり掴むエフェクトを、今後のプロジェクトに活かしてみてはいかがでしょう。 コピペ可ですぐに役立つ!マテリアルデザインを極めるHTML/CSSスニペット30個まとめ コピペで利用可!思わず押したくなるボタンエフェクト用HTMLスニ

    CSSで実現!目を奪われる素敵ホバーエフェクト用HTMLスニペット32個まとめ
  • React.jsとCSS3で長女のためにWEB絵本を作った話 - Qiita

    まずはこちらの動画をご覧ください。 こちらは娘が2歳半の頃に児童館で撮影したものです。 かわいい・・・ 生後1000日近くともなると、子どもは自分で絵を読むようになります。 並行してひらがな覚え始めるので、親としてはガンガン絵を読んでほしいのですが、実際には挿絵に合わせて適当な話を創をして遊んだり、まじめにひらがなを音読し始めたかと思えば数ページも読まないうちに次の絵を引っ張り出してきては読んで、飽きてまた違う絵に手を出すだけで、一向にちゃんと読んでくれません。 ちゃんと読まない原因として、もしかして絵に動きがないから飽きてしまうのでは、と思った自分は もしもパパが作った動く絵があったら、娘は大喜びしてを読むようになり、どんどん集中力が身について、あいうえおもマスターしてパパ大満足!なんてことになるんじゃないだろうか。 なんてことを考え、実際にWEB絵を作成して娘に見せるま

    React.jsとCSS3で長女のためにWEB絵本を作った話 - Qiita
  • 1