2015年3月時点のホバーエフェクト総まとめ(CSS3/jQuery)
250以上ののjQuery＆CSS3Hoverエフェクト（Plugins＆チュートリアル）
250+ jQuery & CSS3 Hover Effects (Plugins & Tutorials)
jQuery and CSS3 made a big difference in the webdesign industry. Lot of new features added to make dynamic websites. Hover effects are often used in websites to add usability.
jQueryとCSS3がwebデザイン産業における大きい相違を作りました。新しいたくさんの特性がダイナミックなウェブサイトを作るために付け加えられました。Hoverエフェクトが有用性を加えるためによくウェブサイトで使われます。
ピュアCSS3とjQueryプラグイン、CSS3とjQuery併用のHoverエフェクトまとめです。まさかの250以上！説明し難いぐらいいっぱいですが、目次としてはチュートリアル系、プラグイン系、CSS3系です。ピュアCSS3のものが全て3つめに集めてあるというわけではなく、割とあちこちに混ざってます。画像のホバーエフェクトだけではなく、メニューやボタン、ロゴ、テキストなど一通り網羅されています。すべての確認はしていませんが、最後のほうのいくつかだけ有料のものが混ざっているようです。
250+ jQuery & CSS3 Hover Effects (Plugins & Tutorials)CSSでのハートの形の作り方
How To Create Heart Shape with CSS
CSS3 elevates the feasibility of what we can build on websites using just HTML and CSS.
CSS3がHTMLとCSSだけを使って私たちがウェブサイトで作ることの出来るものの可能性を高めます。
CSSでハートを作るというと大変そうですが、丸と四角を組み合わせてくるっと回すだけです。シンプルなチュートリアルですが、基本となる考え方を学ぶにはシンプルなほうがいいのです。
How To Create Heart Shape with CSSカラフルなグラフィックスのための20のオープンソースCSSスニペット
20 Open Source CSS Snippets for Colorful Graphics
Pure CSS graphics are some of the most interesting advancements in modern web design.
ピュアCSSグラフィックスはモダンなWEBデザインで最も面白い進歩のひとつです。
CSSだけでイラストを描くことの主な理由はロマンです。1/3くらいがアニメーション付きです。
20 Open Source CSS Snippets for Colorful GraphicsWEBデザインテイクアウト：40のCSSボタン、チュートリアルとコードスニペット
Web Design Takeaway: 40 CSS Buttons, Tutorials and Code Snippets
Pure CSS buttons and menus do not need graphics anymore but create themselves from the beauty of the written code.
純粋なCSSボタンとメニューがもうグラフィックスを必要としません、それは美しいコードから作ります。
人によるとは思いますが、今ではほとんどボタンに画像を使うことはありません。
Web Design Takeaway: 40 CSS Buttons, Tutorials and Code Snippetsこれまでの10のベストなパララックスデザインチュートリアル
The 10 Best Parallax Design Tutorials Ever
Once a hot web design trend, parallax scrolling lost its steam with the growth of mobile use to view websites. Parallax scrolling isn’t mobile-friendly but there are a few who have gotten down parallax design right on devices.
パララックススクロールはかつてホットなWEBデザイントレンドでしたが、スマートフォン利用者が増えその勢いを失いました。 パララックススクロールはモバイル環境にやさしくありません、しかしデバイスのすぐ上にダウンパララックスデザインを使用したいくつかがあります。
パララックスのトレンドは終わった、いやパララックスは今もトレンドだというのはそれぞれ思うところはあると思いますが、海外の企業サイトなどでは割と見かけます。チュートリアルはピュアCSSのものとjQueryを使用したものがあります。
The 10 Best Parallax Design Tutorials EverCSSだじゃれ＆ジョークの陽気なコレクション
A Hilarious Collection of CSS Puns & Jokes
Most web design languages tend to be quite sober. We can’t help that; we’re very serious about what we do. HTML. PHP. JavaScript. Not even a little smile from them. But when it comes to CSS, things can be quite different. Things can be hilarious!
たいていのWEBデザイン言語が非常にまじめである傾向があります。私たちはそれを助けることができません；私たちは私たちがすることに関して非常に真剣です。 HTML、PHP、Javascript。 それらからは少しの微笑みもありません。けれどもCSSの話になると、まったく異なります。ことはこっけいであり得ます！
CSSジョークです。
A Hilarious Collection of CSS Puns & Jokes
80以上のCSS3アニメーションのコレクション – AniCollection
「きちんと」CSSを学びたいですか?2015年に公開された最新のCSSリファレンス
コメントを残す