インブラウザデザインの責任分界点 -デザイナーが書くコードについて思うこと（2） | ツクロア - DESIGN LAB
ブラウザ上で直接コードを書いてWebアプリデザインを行う「デザイニング・イン・ブラウザ」もしくは「インブラウザデザイン」。もう何年も前からそのメリットについて話す人も多く今更新しい手法ではないでしょう。 SketchやPhotoshopによるデザイン納品よりも多くのデバイスや環境で確認でき、animation,hoverをはじめ、ユーザーのアクションによる画面状態変化がリアルに把握できて、デスクトップやモバイルといった固定しない画面サイズにおいて実際の操作中にユーザーの誤操作やストレスを見つけやすいというメリットがあると言われています、ただ、あくまで手段のひとつだということも忘れてはいけないですね。 個人的にはページ数の少ないシングルページアプリケーションにおけるデザインには有効な解決手段だと思っています。 ただいいコトずくめに見える手法ですが、そのコードを開発側にそのまま流用しようとする
Kyle Ledbetter
Around 3 years ago my frustrations with designing mockups and wireframes came to a head. If I heard “what happens when I click this?” or “what css class is this element?” one more time, I was going to pop. At the time I was considering embarking on my own custom UI framework for eBay as I (and everyone around me) grew tired of spitting out hundreds of hifi wireframes in Fireworks (which I still be
Intending for 2014: design directly in the browser | Poppecast
The year 2013 was the year that Adobe announced that Fireworks is no longer developed . Personally I found this a big disappointment . On the other hand, “changes are the spice of life.” In 2013, Stephen Hay brought namely the book “Responsive design workflow” out . Its workflow proceeds on the assumption that you are going to design directly in the browser. Inspired by the book , I therefore bega
PSD to HTML is Dead
PSD to HTML tutorials are all over the web. In fact, many people have asked me why there’s not a PSD to HTML tutorial on Treehouse. In addition to the tutorials, there are lots of companies that will accept a PSD and convert it to a webpage for roughly $100 USD. Check out all our HTML courses at Treehouse. Google returns more than 48 million results for a “psd to html” search. It’s popular, but no
なぜ "Designing in the browser" ワークフローへの移行が必要なのか - Zerobase Journal
QxilというQ&Aサイトで、藤原由翼さんが面白い質問をしていました： 皆さんはWebデザイナーのキャリアやスキルセットは今後どうあるべきだと思いますか？ (どうあることを期待されているかという経営者視点でのコメントもお待ちしています。) -- 藤原 由翼さんの質問 （※以下、質問者の藤原さん宛ではなく、多数の想定読者に向けた文章にしました） 「ウェブの技術的側面を理解していないデザイナーは、可変サイズを想定していないレイアウトや、CMYKカラー・モデルのデザイン・カンプを送ってくるので、マークアップ・エンジニアは無駄な苦労をするハメになる」といった逸話は、少し笑い話のようでもあります。しかし、ここにはデザインとテクノロジーの本質的関係性が見え隠れしています。 この文章では、「メディアの技術的側面を理解し、メディアの技術的特性を活かすことが、より良いデザインに通じる」という話をします。前
Responsive Web Design Workflow Considerations
Tips Responsive Web Design Workflow Considerations Josh ChanMarch 13, 20134 Comments03.5k Birthed in May 2010 in an article by Ethan Marcotte published on A List Apart called “Responsive Web Design“, this device-independent design philosophy has spread like wild fire amongst the design and development community. Evidence of the larger business community embracing responsive web design began in 201
Responsive Comping: Obtaining Signoff without Mockups
If you’re making websites, chances are you’ve given some thought to what constitutes a responsive-friendly design process—and you’ve probably found that adding a mockup for every breakpoint isn’t a sustainable approach. At least, that’s what happened at my company, Bearded, where we had spent years creating websites in Photoshop or Illustrator, having those mockups approved by our clients, then re
Shaping the Page | The UI/UX design studio & consultancy of Andy Johnson | Columbus, OH
Shaping the Page is the UI/UX design studio and consultancy of Andy Johnson. Introduction Hello! I’m Andy Johnson. I’ve had the privilege of helping dozens of startups, development teams, agencies, and creative companies delight their customers by harnessing the power of strategic UI/UX design. I’d love to partner with you too! The Pitch A solid design strategy can transform your customers from be
Do You Design In The Browser? - Vanseo Design
With the move toward responsive websites, designs are being pushed to the prototype stage sooner in the process. We’re designing more in the browser. Or are we? Do Photoshop comps still have a place in the design process? Depends who you ask. Last week Sarah Parmenter published some interesting thoughts about how she can’t design in a browser. The gist of her post is that once she opens a code edi
Designing in the Browser is Not the Answer ― Andy Budd::Blogography
The argument for "designing in the browser" seems very seductive at first glance. The web is an interactive medium that defies the fixed canvas of traditional layout tools, so why not use the browser as your primary design environment? The reason is simple. The browser was intended as a delivery mechanism with HTML and CSS a means of describing content rather than defining it (a subtile distinctio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
http://css.studiomohawk.com/in-browser-design/2011/04/16/designing_in_browser/
It's Alive: Prototyping in the Browser
On Designing in the browser
CSS 20 stunning examples of CSS 3D transforms
CSS 20 stunning examples of CSS 3D transforms