はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 楽しいアニメーション

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 6 / 6件)
 

UI用のアニメーションがかわいくて楽しい! 商用利用も無料、アニメーションで動くアイコン素材 -pqoqubbw/icons

2024/11/11 このエントリーをはてなブックマークに追加 58 users Instapaper Pocket Tweet Facebook Share Evernote Clip 一筆書き React icons アイコン スマホアプリ

WebサイトやスマホアプリのUIデザイン用にかわいくて楽しいアニメーションで動くアイコン素材を紹介します。 ハンバーガー用の×に変化するアニメーション、@を一筆書きで描くアニメーション、時計の針がくるくる回るアニメーションなど、ReactのモーションライブラリFramerを使用した動くアイコンがたくさん揃っていま... 続きを読む

アニメーションをWebサイトに導入するためのテクニック | UX MILK

2017/05/16 このエントリーをはてなブックマークに追加 120 users Instapaper Pocket Tweet Facebook Share Evernote Clip アニメーション UX MILK テクニック Webサイト 現状

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事は こちら をご参照ください。 機能的で楽しいアニメーションは、現代のWebデザインにおいて不可欠な要素の1つです。現代のWebサイトでは、細かなインタラクションのデザインが根本的な違いをもたらします。 アニメーションはユーザーに現状を伝えたり、注意をうながしたり、ユーザーの行動の結果を伝えたり、... 続きを読む

ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ | コリス

2014/10/22 このエントリーをはてなブックマークに追加 408 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ユーザインターフェイス スマホUI フック 海外

iPhone, Androidなど、スマホのユーザインターフェイスの参考になるギャラリーサイトを海外・国内ともに紹介します。 まずは、スマホでその操作が楽しいアニメーションを伴ったUIギャラリーから。 CAPPTIVAT...記事の続きを読む 続きを読む

[JS]ぷるぷるとかわいいアニメーションでモーダルボックスを表示させるスクリプト -Stackbox | コリス

2014/07/04 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery コリス モーダルボックス メインページ ぺら

ぷるぷるとかわいいアニメーションでモーダルボックスを表示させるjQueryのプラグインを紹介します。 ぷるぷるだけでなく、ぶらーんとさせたり、しゃかしゃかさせたり、ぺらっとさせたり、さまざまなものが揃っていて楽しいアニメーションが満載です。 Stackbox Stackbox -GitHub Stackboxのデモ Stackboxの使い方 Stackboxのデモ デモはメインページだけでなく、デ... 続きを読む

[JS]アイデアが素晴らしい!ページにちょっとしたアクセントを加えるスクリプトのまとめ | コリス

2014/03/26 このエントリーをはてなブックマークに追加 143 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub GitHub アニメーション リボン コリス

そのまま使ってもよし、アイデアに刺激されインスパイアされてもよし、の工夫をこらした素晴らしいアイデアのスクリプトを紹介します。 forkit.js forkit.js -GitHub GitHubなどでよく見かけるリボンが、ぷら〜んと楽しいアニメーションでぶら下がり、更にそれを引くとコンテンツが表示されます。 Perspective Scroll 縦長のコンテンツをスクロールする時にアニメーション... 続きを読む

シンプルなオブジェクトを楽しいアニメーションで動かしたかわいいプリローダー -Flat Preloaders | コリス

2014/03/26 このエントリーをはてなブックマークに追加 50 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス プリローダー オブジェクト PNG gif

最近のトレンドカラーを使い、シンプルなオブジェクトをさまざざまな楽しいアニメーションで動かしたプリローダーの素材を紹介します。 Flat Preloaders ダウンロードできるファイルのフォーマットは3種類で、32x32, 64x64, 128x128とサイズも3種類が用意されています。 .gif (すぐに使えるGIFアニメーション) .png (スプライト用の画像) .aep (After E... 続きを読む

 
(1 - 6 / 6件)