タグ インタラクション
新着順 10 users 50 users 100 users 500 users 1000 usersザ・インタビューズやめます | smashmedia
ま、宣言する必要もないんだけど紹介しちゃった手前、いちおう。 ザ・インタビューズ | smashmedia しばらくやってみてわかったのは、これはただの「質疑応答」であって「インタビュー」でもなんでもないなと。 質問者とのインタラクションがないので、化学反応というか、自分で「ほほう」となるような発言が出てこないんですよね。ただのお題ブログというのが悪いことじゃないんだけど、やっぱりこれは「インタビ... 続きを読む
13日間で「名文」を書けるようになる方法 - 情報考学 Passion For The Future
・13日間で「名文」を書けるようになる方法 高橋源一郎の明治大学大学院における「言語表現法」講義の書籍化。全13回の授業が学生とのやりとりを含めて収録されている。とてつもない名講義。言葉で語らず、インタラクションで考えさせるという高度な教授法を、毎回繰り出す。 初日、スーザン・ソンタグの「若い読者へのアドバイス」という名文が配られる。死期が近いことを悟った思想家が若者に向けて「心の傾注」という言葉... 続きを読む
jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる : アシアルブログ
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、実際にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。... 続きを読む
[JS]jQueryのプラグイン100選 -2013年総集編 | コリス
今年も数多くの素晴らしいjQueryのプラグインがリリースされました。当ブログで紹介したものをはじめ、未紹介のものまで、jQueryのプラグイン100+α選です。 今年目立ったのは、アニメーションを使ったスクロール関連のスクリプト。 スクロール前提の1ページサイト、パララックスなど、コンテンツをより大きなサイズで楽しむものが増えました。また、スマフォ・タブレットに大きく影響を受けたインタラクション... 続きを読む
HTML5に踏み出せない人に捧げる、HTML5を使う10の理由 | コリス
HTML5、使ってますか? このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これ... 続きを読む
デザインの参考になる!最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ | コリス
最近のスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利ですね。 Mobbi...記事の続きを読む 続きを読む
Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは | アンドエンジニア
Webサイト制作では通常、「デザイナーの作ったデザインをエンジニアが実装する」という分業体制が一般的。 しかし、今回なめサンは、サイトの見た目・動きのデザインから開発まで、すべてひとりで行っている。 優れたアニメーションやインタラクション(ユーザー操作へのフィードバック)をデザインし、自ら実装するエン... 続きを読む
脱jQueryのためにしたこと - Qiita
脱jQueryという主張をよく耳にします。 私の個人プロジェクト「 Beautifl - Flash Gallery 」のリニューアルでも、依存しまくっていたjQueryの採用をやめました。 サイトを立ち上げたのは8年前の2009年。当時は最盛期だったjQueryをふんだんに使って、インタラクションの充実したRIAの開発に挑戦していました(参照:「 wonderflのギャラリーサイトBeautif... 続きを読む
ActionScript3 最適化・高速化Tips 簡易まとめ - actionscriptグループ - ConquestArrow.addEventListener( LifeEvent.WORK, this.studyActionScript);
■ [tips]ActionScript3 最適化・高速化Tips 簡易まとめ 02:16 優れたインタラクションを支えるのは優れた実行時パフォーマンスであり、快適な操作を支えるのは1msecでも処理時間を減らす努力である。 そんなわけでAS3の最適化に関するTipsを英語圏の記事からまとめてみた。 Daniel Hai ≫ Re-use your BitmapData objects, spee... 続きを読む
最近のWebサイトで見かける便利な機能や仕掛け、気持ちいいアニメーションを実装するCSSやスクリプトのまとめ | コリス
最近のWebサイトで見かける便利な機能や面白い仕掛けのコンテンツ、気持ちいいアニメーションを伴ったインタラクションやエフェクトを実装できるCSS、スクリプトやjQueryのプラグインを紹介します。 イラスト: Girls ...記事の続きを読む 続きを読む
Vue.jsの勉強にもいい!UIコンポーネントやインタラクションを実装するチュートリアルがまとめられた -Vue.js Examples | コリス
Vue.jsでさまざまなUIコンポーネントやインタラクションを実装するチュートリアルやリソースがまとめられたVue.js Examplesを紹介します。 ページやアプリのレイアウトをはじめ、スクロールコンテンツ、カード型...記事の続きを読む 続きを読む
Bootstrapは無し、HTML5とCSS3のシンプルなコードで実装されたレスポンシブ対応のテンプレートのまとめ | コリス
Bootstrapなどのフレームワークは無し、HTML5とCSS3のシンプルなコードをベースに、jQueryなどでいろいろなインタラクションやアイコンフォントなどを使ったレスポンシブ対応のテンプレートをTemplated...記事の続きを読む 続きを読む
JavaScriptでのDOM操作は重いのかという話とForced Synchronous Layoutについて - id:anatooのブログ
2015-10-14 JavaScriptでのDOM操作は重いのかという話とForced Synchronous Layoutについて 2015年にもなるのにJavaScriptでのDOM操作のパフォーマンスについて書く。ウェブページにインタラクションを持たせたい時に、JavaScriptでDOM操作を行うことがよくある。このDOM操作のパフォーマンスについて、よく聞く意見を大別すると次の2つがあ... 続きを読む
Web コンテンツ内にネイティブ iOS アプリを埋め込めるサービス『app.io』の使い方 - Over&Out その後
iOS, Objective-C, ツールapp.io は、『ブラウザ内でネイティブ iOS アプリを動かせるようにする』サービスです。 イメージとしてはiOSシミュレータをそのままWebコンテンツに埋め込める と考えるとわかりやすいかもしれません。タップ等のインタラクションが効いて、もちろん通信もします。アプリのランディングページや、ブログの紹介記事に埋め込んだりすると良さそうです。 で、「導入... 続きを読む
効果的なUXライティングのための16のルール | UX MILK
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラ... 続きを読む
[JS]Lightboxの進化形!操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip | コリス
スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。 フラットなデザインにも相性が非常によく、操作も快適でエレガントです! しかも、IE7+にも対応。 Strip Strip -GitHub Stripのデモ Str... 続きを読む
iOS アプリの UI でこれだけはおさえたい、読み込み中の体験を向上させる基本 UI パターン3つ - クックパッド開発者ブログ
2015-12-02 iOS アプリの UI でこれだけはおさえたい、読み込み中の体験を向上させる基本 UI パターン3つ ホリデー株式会社 *1 の多田です。Holiday ( https://haveagood.holiday/ ) というサービスの開発を行っています。 アプリを通してユーザに価値を届けるためには、アプリの細部のインタラクションを軽視することはできません。細かい部分に気を配り使... 続きを読む
UIの使いづらさにイラッとする!これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface | コリス
使いにくいUI、間違いやすいインタラクション、誤解されるデザインパターンを再現したUser Inyerfaceを紹介します。ベルギーの制作会社「Bagaar」による、使いにくい最悪なユーザインターフェイスを楽しむゲームで...記事の続きを読む 続きを読む
UIデザインのアイデアを探す時にチェックしたいサイトのまとめ | コリス
Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。 さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見てい...記事の続きを読む 続きを読む
人間を考慮した自動化
Brian Troutwine氏はDevOps Days Belgiumで複雑なリアルタイムシステムや人間とマシンのインタラクションについて発表した。 リアルタイムシステムは可能な限り速く動くだけでなく、デッドラインがある。システムを分類すると以下のようになる。 柔らかいシステム。デッドラインをすぎると結果の使いやすさが劣化する。 固いシステム。頻度の低いデットライン超過には耐性があるが、システム... 続きを読む
ランディングページやポートフォリオやブログなど何でもOK!さまざまなデザインで簡単に作成できるWordPressのテーマ- Ultra | コリス
最近人気のあるさまざまなデザイン、レイアウト、エフェクト、インタラクションをカスタマイズして、企業サイト・プロダクトやアプリのランディングページ・ブログ・ポートフォリオ・ショッピングサイトなどが作成できるWordPressのテーマファイルを紹介します。 GNU ライセンスで、個人でも商用でもクライアントワークでも無料で利用できます。 ↓こんな感じのが、簡単に作成できてしまいます。 ページサンプルは... 続きを読む
2013年、この一年で大きく変わったウェブサイトのナビゲーションの5つのトレンド | コリス
ウェブサイトに使用されるナビゲーションはこの一年の間に、大きく変わりました。スクリプトやスタイルシートを使い派手なアニメーションやインタラクションを取り入れることもできますが、最近のトレンドはよりシンプルで、すっきりしたデザインが好まれています。 最近のナビゲーションのトレンドを紹介します。 Up and Coming Navigation Trends 下記は各ポイントを意訳したものです。 ※当... 続きを読む
[CSS] button要素のスタイルシート、最新テクニックを徹底解説 | コリス
<button></button>は最も使用されている要素の一つです。フォームの送信、モーダルを開く時、データを表示する時など、インタラクションのトリガーとして使用されています。button要素の詳細とすべてのブラウザで機能するようにスタイルを完璧に定義する方法について紹介します。 さらに、よく使用されるボタンのスタイ... 続きを読む
[JS]スマホに最適化された優れもの!さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2 | コリス
チャートやグラフは、さまざまなスマホアプリで見かけます。 スマホのデバイスに対してデザイン、インタラクション、パフォーマンスに最適化されたチャートやグラフを実装するHTML5 Canvasベースのライブラリを紹介します。 Node.js、React Nativeなどに互換性もあり、50種類以上のチャートやグラフを簡単に利用できます... 続きを読む
UIの新鮮なアイデアをチェック!デザインやインタラクションの工夫が素晴らしいナビゲーションのまとめ | コリス
最近のUIは、気持ちいいアニメーションが多く取り入れられています。アニメーションはある程度予測できながらも、いい意味で少し期待を裏切るくらいがちょうどいいなと思います。 アニメーションを使ったインタラクションやデザインが...記事の続きを読む 続きを読む