主観と客観を切り替える鍛錬｜Miwa Kuramitsu
突然ですが、ここに一つのプロダクトがあるとします。 そのプロダクトを見つめる視線には様々な種類があります。 そのプロダクトを利用しているユーザーの視点、利用していないが存在は知っているという人の視点、それをつくるデザイナーの視点、プロダクトを運営している会社経営者の視点… もしあなたがデザイナーであれば、デザイナーの視点だけが唯一自分で体感できる「主観」で、それ以外はすべて「客観」となります。 主観と客観のスイッチング プロダクトデザイナーはユーザーの期待通りに正しく動くしくみを設計し、「このプロダクトを利用した時に、ユーザーの生活はどう変化していくのだろうか？」と問いを立てながらアウトプットを評価していきます。 自らの考える理想像をデザインしながら、一方でそれに触れるユーザーの様子を想像する…プロダクトデザイナーは主観と客観を電気のスイッチのように瞬時に切り替えることに長けた人が多いイメ
Key action storyboarding | Krystal Higgins
User onboarding is a journey made up of multiple activities, not a single, linear flow. Onboarding should align guidance independently around each of the “key actions” of its experience so that newcomers can interact with them at the pace and in the order that makes sense for their different situations. In an earlier post, I covered how to identify key actions. In that same post, I covered how to
Material Design Lite
Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone
Bootstrap以外のCSSフレームワークを探してみた - Qiita
やりたかったこと CSSフレームワークを使いたい。けど、Bootstrapだとありきたりすぎる…というときに、他のCSSフレームワークを探してみました。 Bootstrap 以外のCSSフレームワークいろいろ HTML Kick start 全体的に丸みを帯びている。アイコンデザインがよい。 他の特徴はよく分からないです。 Cascade Also different from Twitter Bootstrap or other CSS Frameworks out there, Cascade Framework can be used for modern browsers and older browsers alike. All features of Cascade Framework support Internet Explorer from IE6 upwards or
『GAIABREAKER（ガイアブレイカー）』開発陣インタビュー ゲームエンジン“enchant.js”を使ったWii U向けシューティングに秘められた野望とは？ - ファミ通.com
2013年12月25日、Wii Uのニンテンドーeショップ向けに配信された『GAIABREAKER（ガイアブレイカー）』。既報の通り（⇒記事はこちら）、本作は任天堂が提供する開発フレームワーク“Nintendo Web Framework”に対応した、“enchant.js for Nintendo Web Framework”で作成された縦スクロールシューティングゲームだ。 “Nintendo Web Framework”に“enchant.js”（エンチャント・ジェーエスと読みます）というと、何だかすごそうだが、正直よくわからなかったり……。まあ、わからないことは開発陣に直接聞くのがてっとり早い！ というわけで、どんな技術で本作が作られたのかを解明すべく、ユビキタスエンターテインメントの開発陣へインタビューを敢行した。 なお、ユビキタスエンターテインメントは、ネットワークコンテンツの企
CSSのみとSass/SCSS、Lessに対応したレイアウト系CSSフレームワークについて調べて表にしてみた | DevelopersIO
みなさまこんにちわ。 Webサイト高速化やSCSSの連載を書いている野中です。 そういえばGoogle Readerが終了するとのことでとても残念ですね。 読者のみなさまも次の引っ越し先ツール探しで忙しいところだと思います。 そこで、クラスメソッド開発ブログのRSSも忘れずに登録をお願いします。 とても更新頻度の高いブログということもあり、いろいろな切り口のRSSを用意しています。 本題 それでは本題ですが、レイアウト系のCSSフレームワークって色々ありますよね。 個人的にはHTML上のクラスにあまり意味のない文字列は入れたくないので使っていませんでした。HTMLも編集しなければならないので。 ふとSass/SCSSでExtendしたりMixinsで制御できるものであれば無駄なクラス指定を減らして可変でレスポンシブなグリッド制御ができるんじゃないか思って探してみたら色々とありました。 最初
Front-end CSS Frameworks
UI is the vocabulary of the web. Semantic empowers designers and developers by creating a language for sharing UI. Lose the Hieroglyphics: Semantic is structured around natural language conventions to make development more intuitive. Have a conversation with your components: Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.
Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton
Large user base Grids: Fluid and fixed UI tools: Lots of widgets; good for rapid prototyping History: Built by Twitter as a style guide for internal tools Medium user base Grids: Fluid. Most robust grid tools. UI tools: Good for rapid prototyping, but not as expansive as Bootstrap History: Built by ZURB as boilerplate for client projects Medium user base Grids: Fluid. Most robust grid tools. UI to
HTML5モバイルWebフレームワークの比較 - きしだのHatena
モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。 Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い年になっている。HTML5とCSS3の採択、モバイルブラウザのパフォーマンス向上、モバイルアプリケーションフレームワークの爆発は、モバイルデバイスでのリッチでインタラクティブなWeb体験の作成がこれまでよりも現実的になったことを意味する。PhoneGapのようなラッパを使うことで、iPhoneやiPad、AndroidのネイティブのAppストアでアプリケーションを配布することも可能になった。単一のコードベースでマルチプラットフォ
リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog
Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。 私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門 今回は公式サイトで明らかになっ
クールなCSSグリッドフレームワーク – creamu
CSSのフレームワークを使ってサイトを作りたい。 そんなときにおすすめなのが、『ZURB』。クールなCSSグリッドフレームワークです。 カラム数や幅を指定して、CSSを生成できますね。Screen Widthを変えて確認することもできて、なかなかいい感じです。 似たサイトだと、960 Grid Systemがありますね。 こちらは制作事例も多く、参考になるのではないでしょうか。デザインの制約を受けそうですが、コーディングの手間を多少減らしつつデザインする、ということができそうです。 一度見てみてください。 ZURB CSS Grid Builder ここ数日夜はちゃんと寝るようにしているので体調がいい。この調子でいきます。
Blueprint CSS と仲良くなるツールあれこれ
ごくたまにですが、自分の本編講演が始まる前に簡単なツールの紹介をすることがあります。小難しいことを話す前にキャッチーな話題に触れて講演に少しでも注目してもらおうと考え、時間がうまく調整出来たときにしています。昨年９月に開催された CSS Nite LP7 では、Blueprint という CSS フレームワークを紹介しました。 Blueprintは、様々なレイアウトパターンを class 属性を変更するだけで作ることが出来ます。カラムの数、コンテンツエリアの横幅、ボックスの移動、そしてフォームの作成など手軽に操作が可能です。柔軟性に長けているだけあってコードの量やファイルの分け方が独特なので、納品物として出せない場合がありますが、HTMLでプロトタイプを作りたいという方には良いツールです。 CSS フレームワークと呼ばれるツールセットは他にも幾つかありますが、Blueprintは関連ツール
知らないと損するフレームワーク思考活用法 - GoTheDistance
ホッテントリメーカーからタイトルを頂戴した。id:phaさんありがと。 社会人なら押さえておきたいフレームワーク思考 : LINE Corporation ディレクターブログが非常に人気で今年のアルファブロガー(というかエントリ大賞に見える)大賞にもノミネートされている。こういう記事はニーズがありそうなので、僕なりにフレームワーク思考についていくつかサンプルを用意し、僕が使うチャートのサンプルを紹介しておきます。 というか1000以上のﾌﾞｸﾏとか・・・嫉妬！激しく嫉妬！！ハンカチ噛んじゃう！！！！ そもそも議論しちゃいけないこと 個人の価値観に依拠し、お互いの主張を出し合っても全体として合意が得られそうにないこと。例えば｢浮気の定義｣とか。こんなのは議論したって全体最適なんて導けるわけが無いので、ビジネスの場では全く持ってムダです。居酒屋でやりましょう。 仕事で議論することの意味 あなた
社会人なら押さえておきたいフレームワーク思考 - livedoor ディレクター Blog(ブログ)
こんにちは、livedoor Blog担当の眞子裕介です。 今回は、ビジネス上のスキルとして注目を浴びている「フレームワーク思考」について説明いたします。 そもそも、みなさんは、「フレームワーク思考」という言葉をご存じでしょうか？ 「フレームワーク思考」とは、情報分析、問題発見や、問題解決(*1)や戦略を立案する際に利用する「思考の枠」のことを指します。 (*1)All Aboutの「フレームワーク思考してますか？」から引用しました。 この「フレームワーク思考」を活用すると、自然と思考が論理的かつ客観的となり、思考の結果を人に説明しやすくなります。 私の経験をもとに言えば、「フレームワーク思考」を学ぶ以前に「機能の要望」を検討する時は、ユーザーの立場でユーザーが求めるであろう機能を考えていましたが、どうしても主観的な意見となりがちでした。しかしながら、「フレームワーク思考」を学んだ後は、「
Responsive Design Frameworks: Just Because You Can, Should You? — Smashing Magazine
After Marcotte defined the technique, responsive design frameworks began to emerge that incorporated these principles. Many of these frameworks are open-source, free to download and quickly customizable, and in this article, Jen Kramer will focus on the most popular ones: Bootstrap and Foundation. A responsive design framework might be a helpful tool in your arsenal, for quick prototyping, testing
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
もっとも人気のあるAJAX言語は フレームワークは (MYCOMジャーナル)
Ajaxian.comにおいて23日(米国時間)、"Ajaxian.com 2006 Survey Results"調査結果が報告された。本報告はAjaxian.comの調査によるもので、今回で2回目になる。865人から回答を得ている。もっとも人気のあるAjaxフレームワークはPrototype.js、Script.aculo.usが2位につけている。言語ではPHPがもっとも人気が高く、次いでJavaとなっている。 主な結果は次のとおり。 ポピュラーAjaxフレームワーク Prototype - 43% Script.aculo.us - 33% Dojo - 19% DWR - 12% Moo.fx - 11% iQuery - 7% Yahoo! UI - 5% Rico - 5% Atlas - 4% MochiKit - 4% XAJAX - 4% Google Web Toolk
Ajaxアプリのビジュアル開発ツール，デファクトを狙いNTTデータがオープンソースとして公開へ：ITpro
NTTデータは，Ajaxアプリケーションをビジュアルに作成できる開発ツール「マスカット」を，2006年9月中にオープンソース・ソフトウエアとして無償公開する。ボタンやタブ，ツリーなどの画面オブジェクトをマウスで配置してアプリケーションを開発できる。NTTデータによれば，JavaScriptを書くことなくアプリケーションを開発でき，工数が約60％削減されるという。オープンソース・ソフトウエアとして無償公開することでデファクト・スタンダードの地位を狙う。 マスカットによる開発の手順は以下のようになる。まず用件定義担当者がWebブラウザ上の「マスカットWebブラウザ版IDE」で，Web画面をマウス操作でデザインすると，画面定義XMLが生成される。これを開発担当者が「マスカット Eclipse版IDE」にインポートして，画面オブジェクトと既存の業務ロジック・オブジェクトを対応付ける設定などを行い，
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
IDEA * IDEA
