theclip.jp - theclip リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
How to get started with next-generation website prototyping
Recently I’ve become increasingly frustrated with the current toolset and accepted practices for creating UI and UX ‘deliverables’. In my experience, building static mock-ups in Photoshop and Illustrator no longer captures the essence of current UI design. Likewise, creating wireframes and UX documentation in tools such as Axure seem to communicate very little of how a site or app actually feels t
インタラクティブデザインプロトタイピングのためのFacebook Origami
はじめに この記事では、Facebook Origamiの概要を説明してから、簡単なプロトタイプの作りかたを説明します。(筆者のOrigamiに対する評価は、記事の最後にあります) Origamiは、Facebookのデザインチームが公開している、アプリケーションプロトタイプを作成するためのMac OSX上で動作するツールです。Origamiを使えば、パッチと呼ばれる要素を線で繋いでいくことで、プログラミング言語を習得しなくても、インタラクティブなモックアップを作成することができます。昨今、アプリケーションのデザインにおいて、アニメーションを含むインタラクティブな要素の重要性は増してきていますが、通常、インタラクティブなモックアップを作成するためには、なんらかのプログラミング言語や、マークアップ言語でコードを記述しなければなりません。CompositeのようなPhotoshopと連携して、
ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
FileSquare - Make interactive mockups and collect feedback on design
Collaboration & Prototyping for Creative Team Impress your clients with click-through mockups and collect feedback on your designs. ▶ Watch the video to learn about how FileSquare works in 60 seconds Learn more Sign Up Free Collaboration & Prototyping for Creative Team Impress your clients with click-through mockups and collect feedback on your designs. Learn more Sign Up Free
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
Brunch | ultra-fast HTML5 build tool
var app, base, concat, directory, gulp, gutil, hostname, path, refresh, sass, uglify, del, connect, autoprefixer, babel; var autoPrefixBrowserList = ['last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4']; gulp = require('gulp'); gutil = require('gulp-util'); concat = require('gulp-concat'); uglify = require('gulp-uglify'); sass = require('gulp-sass'); connect = require(
Easel
Easel is an in-browser, high-fidelity web design tool aimed at designers and developers on small teams.Design For the Web Easel is an in-browser, high-fidelity web design tool that lets you mockup, share and implement your ideas with ease. Design Design accurately with built-in web fonts and true-to-browser rendering. Start quickly by importing your existing styles with our chrome extension. Share
Top 50 Free Web UI Kits & Templates – Speckyboy
Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef
第1回 Meteorをはじめよう | gihyo.jp
Meteorとは？ Meteorは、2012年4月に彗星のように登場した、新たなアプリケーションプラットフォームです。この原稿の執筆時で、バージョンは0.3.6とされており、まだまだプレビュー版の域は超えていません。また、現状ではUNIX環境（MacOS Xを含む）でしかうまく動作しないようです。 しかし、Webアプリケーション開発をとことんまで素早く、楽に行えるようにするためのさまざまな仕組みが盛り込まれていることから、登場直後からかなりの注目を集めています（公式サイトには、「1日か2日でプロトタイプを、2～3週間で製品レベルのアプリを構築できるようにする」とあります）。 MeteorはMITライセンスに基づくオープンソースプロジェクトとして、Github上で公開されています。現在4人の開発者がフルタイムで開発に従事しており、1年以内に1.0をリリースする予定だとされています。 M
JekyllのNode版であるDocpadを使ってみる - Tomohisa Oda
なんか巷では、jekyll, octpress が流行っているっぽい。完全に乗り遅れたので、いや乗るつもりも無かったけど、node弄るのが比較的楽しいので、node.js版 jekyll の Docpadを使ってブログをはじめてみる。 Docpad https://github.com/bevry/docpadDocpadを使ったサイト https://github.com/bevry/docpad/wiki/ShowcaseInstalldocpadは、coffee-scriptで実装されていて、まずmacにcoffeeと一緒にインストールする。-gオプションはgloballyで/usr/local/bin/*にインストールする。 $ npm install -g coffee-script docpadプロジェクト用のディレクトリに移動し、runコマンドではじめる。runコマンドは、全
สล็อตเว็บตรง อัพเดทเกมใหม่และความสนุกสุดคุ้มปลอดภัยทุกการเล่น
สล็อตเว็บตรง อัพเดทเกมใหม่และความสนุกสุดคุ้มปลอดภัยทุกการเล่น สล็อตเว็บตรง ของเราคือเว็บคุณภาพอันดับต้นๆ มอบความปลอดภัยในทุกๆการเข้าร่วมเล่น สล็อตเว็บตรง ได้มากมาย รับรองได้ในทุกๆวันของผมและทุกการวางเดิมพัน ว่าทุกคนจะสามารถรับความสนุกเต็มอิ่มไม่ซ้ำใคร และทุกๆท่านนั้นจะสามารถเข้ามากอบโกยเงินจำนวนมหาศาลได้ในทุก ๆ การเข้าร่วมเล่นสล็อตออนไลน์ได้เงินจริง แค่ลองเข้ามาทำการสมัครกับเราเท่านั้น ก็จะสามารถท
Punch - A Fun and Easy Way to Build Modern Websites
Punch Punch is a simple, intuitive web publishing framework that will delight both designers and developers. Why Punch? Use boilerplates to quickly setup a site. Write minimal templates with Mustache. Create flexible site structures with inheritable layouts and partials. Define page contents in JSON. Use Markdown to write formatted content. Use CoffeeScript and LESS if that's your thing. Minify an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
usetakana.com Online
Flinto - The App Design App
Balsamiq. Rapid, effective and fun wireframing software. | Balsamiq
roots
Boooootstrapppppunch! on Vimeo
http://publicdraft.studiomohawk.com/research/2012/07/16/docpad/