レスポンシブデザインに相性がいい、カード型コンポーネントの実装アイデアのまとめカード型のUIはPinterestから人気が出始め、ここ1,2年の間に数多くのWebサイトで採用されるようになりました。レスポンシブデザインに相性が非常によいのも人気である原因の一つでしょう。 次のプロジェクトで使いたくなるような実装アイデアを備えたカード型レイアウトやカード型コンポーネントを紹介します。 まずは、アニメーションの動きが気持ちいいカード型UIから。
圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 最近バランスボールで仕事してます。エンジニアののびすけです。 最近はHTML5が何かと話題になっていますね。今までWebブラウザの標準機能で実現できなかったことができるようになるということで注目されています。でも大抵の場合、HTML5とは広義で、JavaScriptやCSSも含めた意味合いのことが多いです。 今日は、そんなHTML5のAPIの1つであるWebGLを使ったサイトやデモを紹介したいと思います。WebGLはWebブラウザ上でプラグインなどのインストールなしで3D表現を行える技術です。 ※WebGLはPCブラウザではIE10以前のバージョンに未対応、そしてスマートフォンブラウザでも閲覧できないので、それ以外のブラウザで見てください。 特にこだわりがなければGoogle Chromeでの閲覧が好ましいです。また、WebGLの描画はPCに掛かる負荷が大きいので高いマシンス
動画素材｜After Effects Style｜After Effectsを楽しむチュートリアルサイト
After Effects（アフターエフェクツ）について基本操作からTipsなどAfter Effectsの使い方を紹介するチュートリアルサイトです。
Sketch Land
การที่มีความเข้าใจเกี่ยวกับประวัติเทียบประกันรถยนต์จะช่วยให้คุณมีความรู้และความเข้าใจที่ดีเกี่ยวกับการพัฒนาและการเปลี่ยนแปลงของวงการประกันภัยรถยนต์ตลอดกาล ซึ่งเป็นประโยชน์อย่างมากในการเลือกประกันภัยที่เหมาะสมสำหรับคุณและครอบครัวของคุณ การเทียบประกันรถยนต์เป็นขั้นตอนสำคัญในการเลือกประกันภัยที่เหมาะสมสำหรับคุณและครอบครัว โดยมีหลายปัจจัยที่ควรพิจารณาในการทำเช่นนี้ ดังนี้ ทำความเข้าใจเกี่ยวกับการเทีย
2015年、Web制作者が押さえておきたいCSSの各種リセット、アニメーション、フレームワーク、アイコンのまとめ
制作時に欠かせないリセット用のCSS、ページのグリッドやレイアウト・コンポーネントが用意されたフレームワーク、クリック・タップやホバーやスクロールを楽しませるアニメーション、モバイルにもフレンドリーなCSSでつくられたアイコンなど、ゼロから用意するのはかなり大変なCSSの便利なフレームワークを紹介します。 リセット用のCSSはこの3種類 レスポンシブ対応の定番フレームワーク Material Designに対応したフレームワーク さまざまなアニメーションが簡単に実装できるCSS かわいいアニメーションを使ったローダー 使いやすいアイコンフォント・Pure CSSのアイコン リセット用のCSSはこの3種類 HTMLの各要素のブラウザごとに異なる差異をなくし、意図した通りに実装できるようスタイルをリセットするスタイルシート。 Reset CSS 2.0 HTMLの各要素のmarginやpadd
Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]
Webサイトやアプリの制作の際に欠かせないものの１つに”アイコン”があります。しかし、 「自分で作るのは大変…。」 「お金をかけたくない！」 「プロは、どうしてるのかな…？」 こんな悩みを抱えている人も多いはず。そこで今回はSchooのデザインを手がけているデザイナーが実際に使っているおすすめのフリーアイコンサイトを5つご紹介します♪ ■目次 1.Font Awesome 2.ICON FINDER 3.flaticon 4.ヒューマンピクトグラム2.0 5.IcoMoon 1.Font Awesome スクーのサイト内のいたるところで使用している、Webフォントのアイコンサイト。 こちらのサイトのWebフォントのアイコンを使えば、画像を作らなくてもサイトにワンポイントで配置できます。 又フォントとして利用できるため、サイズや色をCSSで変更することが可能です。 2.ICON FINDER
![Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7e5e78173c1b358f770e033408afa8394bd779f/height=288;version=1;width=512/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fwdkj25_7.png)
capptivate.co is coming soon
is a totally awesome idea still being worked on. Check back later.
CHI 2014のデモ動画からいくつか - yzgwyskw
先日HCIにおけるトップカンファレンスであるCHI 2014がカナダで開かれました。 カンファレンスの論文はACMの会員でないと見れないのですが、現在では多く著者が自身のWebサイトに論文のPDFを載せたり、デモ動画をYouTubeにアップしています。そのため、アカデミックに所属していない人でもある程度論文を読むことができます。 さて、今までは著者がYouTubeにデモ動画を各自でアップロードする必要がありましたが、 今年からはACMが一括して論文に付随するデモ動画をYouTubeにアップロードするようになったようです。 そこで、それらのデモ動画の中から気になったものをいくつか紹介しようと思います。 なお、以下の動画に付記した概要は、論文を読まずデモ動画のみを見て書いているため、誤りがある可能性があります。 より正確な情報を得るためには、それぞれの論文を読んでください。 また、私の興味を中
アプリ制作者必見！人気iPhoneアプリトップ200のスクリーンショットが一覧で見れる
■「ウイイレ」から進化した「eFootball™」 人気サッカーゲーム「ウイニングイレブン」が「eFootball™」とタイトルを変え、大きく進化して生まれ変わり...さらに見る 人気サッカーゲーム「ウイニングイレブン」が「eFootball™」とタイトルを変え、大きく進化して生まれ変わりました。「eFootball™」で新しいサッカーゲームを体感しよう！ 【基本的な遊び方】 ■自分だけの「ドリームチーム」を作成しよう FCバルセロナ、マンチェスター ユナイテッド、FC バイエルン ミュンヘン、ACミラン、インテルといった欧州各国のビッグクラブはもちろん、南米やＪリーグなど世界各国のクラブチーム、さらにナショナルチームの最新ユニフォームやエンブレムが選べる！ ■選手を獲得しよう チームを作成したら、選手を獲得しよう。現役のスーパースターや、歴史に残るレジェンドたちが、君のクラブでの活躍を待
アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ
オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で
感性を鍛えよう！動きが気持ちいいUIアニメーションまとめ
こんにちは。MUUUUU.ORGの中の人こと、 Quoitworks（クオートワークス）のムラマツ（マツムラではありません）です。 ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、「もっと気持ち良い感じに」というクライアントの要望をスマートにかなえる事ができるように、 セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。（すみません！サイト負荷が高くサーバーがダウンしてしまうので、一部リンクのみになってます） line25.com https://dribbble.com/shots/1448379-Lookbook-nu-app https://medium.com/ui-ux-articles/3d1b0a9b810e http://thedesigninspiration.com/
2歳の誕生日を迎えたRaspberry Piの偉大な功績を振り返るとこんな感じ
By Jeff Jackowski 安価な教育用のシングルボードコンピュータとして開発された「Raspberry Pi(ラズベリーパイ)」が、発売から2周年を迎えました。これを祝ってRaspberry Piによって生み出された、たくさんの作品を集めたムービーが公開されています。楽しいアイデアに彩られた多くの作品を見つつ、Raspberry Piが果たした貢献を振り返ってみました。 Raspberry Pi | An ARM GNU/Linux box for $25. Take a byte! http://www.raspberrypi.org/ Raspberry Piは、電源やSDカードストレージを装着することでコンピュータとして使用できる、ワンボードマイコンとよばれるハードウェアです。 ケンブリッジ大学コンピュータ研究所に勤務していたエベン・アプトン氏は、子どもたちがプログラミング
インフォグラフィック 画像 - Freepikで無料ダウンロード
のモックアップ作成ツール お手持ちの素材を使って、オンラインですばやく簡単にモックアップをカスタマイズ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Karim Maaloul on CodePen
SVG Porn
The Gift of Giving Advent Calendar - Market Blog
Resources Archives - Vandelay Design
Behance :: Interaction on Behance
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
