copypet.jp｜パーツで探す、web制作に使えるコピペサイト。

2018/03/16 438 users Web制作 パーツ コピペサイト 四角 コピペ

コピペでできるサイト作成。時間がないけどサイトやブログを作りたい時にパーツをコピーしてペッと貼るだけでいい感じに！コピペでできる！cssとhtmlのみで作るanimationの四角やバーを使ったローディングイメージ6種 続きを読む

ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ - CSS Animation

2015/04/12 405 users CSS HTML css animation ディズニー社

ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS（Cascading Style Sheets、カスケーディング・スタイル・シート）を利用します。しばしばページに変化（英: Transition）やアニメーション（英: Animation）を加えるために... 続きを読む

ディズニー社に学ぶ！魅力的なアニメーションの12の原則 | nanapi TechBlog

2014/07/23 143 users nanapi TechBlog アニメーション 原則 web

はじめに はじめまして！ワニ好き新卒デザイナー、takanaです。 先月発表されたGoogleのMaterial Design、スマートデバイス時代らしいデザインの考え方が詰め込まれていて、非常に心躍る内容でしたね！中でも私が一番ワクワクしたのは、「Animation」の項目です。アプリやWebにおけるアニメーションの重要性については、AppleのiOS Human Interface Guide... 続きを読む

Animation & UI - YI

2014/04/10 334 users コックピット ユーザビリティ グラフィック コンピュータ 視点

2014-04-09 Animation & UI ロボットアニメを見ていると、コックピットやコンピュータのディスプレイ等、デザインされているモニターグラフィックスが気になってくる。単純にかっこいい悪いという視点もあるし、私は特にグラフィックの勉強をした訳ではなかったので知らなかったのだが、ヤコブ・ニールセン博士のユーザビリティの五原則などに則って見る視点もあるようだ。　ロボットアニメのUIについ... 続きを読む

[CSS]画像やボタンなどのクリック・ホバー時にCSS3アニメーションを簡単に与えることができる -All Animation | コリス

2014/03/03 119 users コリス jQuery ポパー class CSS

画像やボタンなどの要素にclassを与えるだけで、さまざまな面白いCSS3アニメーションを利用できるスタイルシートを紹介します。 トリガーにjQueryを使うことで、クリックやホバーなどのアクションでも簡単に利用できます。 All Animation All Animation -GitHub All Animationのデモ All Animationの使い方 All Animationのデモ ... 続きを読む

アニメ視聴をチケットで管理するサービス「Animetick」をリリースしました。 - kazz187.log

2013/09/01 253 users Animetick ticket 今季 チケット アニメ視聴

2013-09-01 アニメ視聴をチケットで管理するサービス「Animetick」をリリースしました。 Animation + Ticket = Animetick 先日、 Animetick というサービスをリリースいたしました。 Animetick 「今季のアニメは何を見てたっけ？」 「今日は何が放送されるっけ？」 「このアニメ、どこまで見てたっけ？」 日々、たくさんのアニメを見ている人なら誰... 続きを読む

CSSアニメーションの初歩をおさらい｜WEB Drawer

2012/12/20 239 users 初歩 おさらい CSSアニメーション WEB Drawer

最近はアニメーションをFlashではなく、CSSやJavaScriptで実装されているサイトをよく見るようになりました。 今回は復習も兼ねて、CSSで動きを付けられるanimationとtransitionのおさらいをしてみたいと思います。 ベンダープレフィックスをつけないと動かないブラウザもありますが、省略します。 animationとtransitionの違い どう違うのかなと思って調べたので... 続きを読む

hibomaのはてなダイアリー - Yahoo! UI Librady の訳　まとめ

2006/02/15 210 users hiboma DOM Cal Event Yahoo

Yahoo! User Interface Library　概要 【概要の前半】【概要の後半】Yahoo! User Interface Library::Core Utilities 【Animation】【Connection Manager】【Dom】【Drag and Drop 】【 Event】Yahoo! User Interface Library::UI Controls 【Cal... 続きを読む