UIデザインの参考に フラットデザインアイコンサンプルまとめ
最近、このブログのデザインを１から作りなおして、フラットデザインを取り入れて見ようかなと考えています。 フラットデザインはシンプルな分、ごまかしが効きません。使い所が難しいので何か見本やサンプルがあると助かりますよね。 勉強がてら、フラットデザインのサンプルとなるアイコンのリンクを集めてまとめてみました。 フラットデザインアイコンまとめ Free program icons on Behance Dribbble – Free Flat Icon Set by Barry Mccalvey 40 Social Media Flat Icons on Behance Weather app + psd on Behance My Desktop Icons – Free Download on Behance Dribbble – Freebie – Flat Credit Cards by
アニメーションで変化するタブ切り替え
はじめに Webデザインで頻繁に使われる「タブ切り替え」のインターフェイス。レイヤ状態にすることで、コンパクトなエリアに多くのコンテンツを表示でき、大変便利ですね。今回はこの切り替えのタブにアニメーションを付けてみたいと思います。 まずは、サンプルをご覧ください。 サンプル タブをクリックする度、ちょうど「水位」が上がったり下がったりしているように見えます。なので、「水」を使った施設、例えば水族館やプール、さらにショットバーなどの飲食業など、さまざまな業種に使えますね。 まず、HTMLと、タブの切り替え動作のためのJavaScriptをそれぞれ用意します。今回、CSS3でのアニメーションの解説が趣旨のため、JavaScriptはjQueryで手短かに設定します。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
digitalskill.jp
Buy this domain. digitalskill.jp 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
Chromeの音声検索が会話型に！ ｢あのー、ほら、彼｣ってのもわかってくれる。
Chromeの音声検索が会話型に！ ｢あのー、ほら、彼｣ってのもわかってくれる。 2013.05.27 18:00 福田ミホ 聞いてます...。 最新のChromeで、スタートレックな未来が見られるようになりました。音声で使える｢会話型検索｣が登場して、ユーザーが何を検索しているのか検索フレーズ内で明示しなくても、Googleが前の検索を参照して理解するようになったんです。人間と会話してるみたいです。 GoogleがI/Oでデモした通り、Google検索はますます賢くなっています。音声検索自体は前から可能でしたが、最新版ではたとえば代名詞が何を指しているかを理解してくれます。なので｢Who is Daniel Craig？｣って聞いた後、｢How old is he（彼は何歳）？｣って聞いた場合、その｢彼｣がDaniel Craigを指してるってことをGoogleは理解してるんです。 この
ベラジョンカジノ スクイーズバカラ入金|ベラジョンカジノ スクイーズバカラカジノ ボーナス|ベラジョンカジノ スクイーズバカラオンラインカジノ|ベラジョンカジノ スクイーズバカラカジノ クレカ 入金
ギャンボル 入金不要ボーナスアスカ 杉戸パチンコ ダイエーサイゼ メニュー」彼は防御的なデフですミッドフィールドの下部にある厄介なタスクと前に進みます【大】菊池光正(60分) 【ワイド】パトリック(53分) 【注意】【大】川本博之（34分）3 ショット (12 枚のカード) のカジノ ゲーム シンガポールでローマを破った 夢 屋 加古川カジノ人気熊本vs岡山戦績k8カジノアプリ.ポーカーチップ【J2第30節】（えがおS）熊本 0-1（前半0-1）岡山＜得点者＞【岡】オルシーニ（45分+1）＜注意＞【熊】木村祐二（38分）佐藤亜希子） ●ロシアワールドカップ アジア最終予選 特集 ●ロシアワールドカップ 大陸予選一覧 外部リンク ヘルタの同僚でオーストラリア代表MFの原口研究は完璧だった丁寧に」始めた牧野さん敵地のオーストラリア戦で左SBの左SBは「この前
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
2013年は音声コマンドの年に--「Google Glass」や「Xbox One」の登場がもたらす変化
「OK、Glass、写真を撮って」 「Xbox、HBOでは何の番組をやっているの」 「Siri、『Angry Birds』をプレイ」 「Xbox One」の発表の間、筆者はMicrosoftがこのデバイスの中に多くの音声コマンドを組み込んでいることに強い印象を受けた。「Kinect」はこのゲーム機に一連の基本コマンドを導入したが、今や映画の再生からアプリの起動まで、あらゆることが音声でできるようになった。「Xbox, Live TV」は、筆者がリビングルームでよく口にする一言になるかもしれない。 音声コマンドが大きく期待できると考えているのは、Microsoftだけではない。「Google Glass」の価値提案の大部分は、同社の（大抵は）滑らかな音声コマンドによってもたらされている。筆者はいまだに、音声コマンドで写真をスクロールして見ていくことができないのだが、カメラに触れずに写真を撮影
【詳報】｢Xbox One｣について、知っておくべきことすべて
【詳報】｢Xbox One｣について、知っておくべきことすべて2013.05.22 08:10 福田ミホ Xbox One誕生！ Xbox 360が発表された2005年5月12日から8年と9日たった今日、その後継となるXbox Oneが発表されました。米Gizmodoはワシントン州レッドモンドにあるマイクロソフトのXbox本部で、その新しいコンソールを目にしました。 ゲームコンソールの発表は数年おきと間隔が長いので、他の新製品リリースにはないくらい、iPhoneだってかなわないくらい、エキサイティングなものです。Xbox Oneはマイクロソフトが少なくとも今後5年間を賭ける製品です。ソニーと任天堂の出方はすでに（大体）わかっているので、今回はマイクロソフトの番です。 Xbox OneがXbox 360と同じくらい支持されるコンソールになるかはわかりません。8年間世代交代していなかったので、
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
日本の叡智と独自OSが作り上げた手書きUIのタブレット“enchantMOON”がお披露目 | ファミ通App【スマホゲーム情報サイト】
●豪華開発陣営により作られた“enchantMOON” 2013年4月23日、東京都内にて新型タブレット端末“enchantMOON”の発表会が行われた。タブレットを開発したのは、アプリ『100質』や『i書道』をリリースしているユビキタスエンターテインメント。開発には、映画『のぼうの城』などの作品を手掛けた映像監督樋口真嗣氏、作家であり哲学者としても知られる東浩紀氏、アニメ『灰羽連盟』の原作者である漫画家・イラストレーターの安倍吉俊氏が関わっている。ソフトウェア会社が独自に新型ハードウェアを開発するというのは、昨今では珍しくなくなってきているが、同社が開発した端末は、これまでにない特異なものであり、謎が多い端末だ。そのため、多くのメディアが発表会会場に押し掛けた。我々ファミ通App編集部もそれに倣い発表会に出席したので、ここでは“enchantMOON”とは一体何なのか？という点に主観を置
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/busnews/20130725/6.html?rss
Logitech Harmony 1100 Demo and Review
[How to video] Harmony Activity Based Remote Expla... - Logitech Forums
agilecatcloud.com
西川善司の3Dゲームファンのための「Child of Eden」講座（前編） シナスタジア理論を支えるモーション＆エフェクトリッチなゲームグラフィックスの極意とは!?
https://jp.techcrunch.com/2013/05/31/20130530fan-tv/
[動画] 3Dジェスチャー・コントローラーの「Leap Motion」でマウスとキーボードにサヨナラ。誰でもジェダイ？！ – TechDoll.![[動画] 3Dジェスチャー・コントローラーの「Leap Motion」でマウスとキーボードにサヨナラ。誰でもジェダイ？！ – TechDoll.](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a85620faac5027466c8c0906ced83e590c349a2/height=288;version=1;width=512/http%3A%2F%2Fwww.techdoll.jp%2Fwp-content%2Fuploads%2FLeapMotion.png)
