（翻訳）最高のフォームを作る方法 ー よくあるフォームデザインの問題に対処するためのクイックガイド - give IT a try
## はじめに 先日ネットを見てると、こんな海外記事を見つけました。 [How To Build An Awesome Form](https://medium.com/@kubachrzecijanek/how-to-build-an-awesome-form-1e9b2c1bd00d#.9bxu4a1y9) デザイン関連のWeb記事はよく見かけますが、フォームに特化した記事はそれほど多くない気がします。 仕事柄、フォームを作ることは結構よくあるので、自分のデザインの勉強を兼ねてまるまる翻訳してみました。 ### 翻訳の方針について 翻訳は日本語としての読みやすさを重視してところどころ意訳しています。 もし完全に間違った訳になっていたり、意訳しすぎて原文のニュアンスが変わってしまったりしているところがあれば、コメント等でやさしく指摘してやってください。 それでは以下が記事の翻訳です。 #
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
Designing an Infographic with HTML, CSS & jQuery
Learn how to design an infographic with HTML, CSS and jQuery, by following this easy, step by step tutorial. Check it out and start learning! I’ve been wanting to get stuck into a creative infographic for quite some time, so recently I started work on a personal project that involved the design and build of a graphic to portray the stats and figures of Line25. To mix things up a little and to take
55 Inspiring Examples of Slideshows in Web Design | Inspiration
34 Comments Great collection thanks These slideshows look great and really fit in with the designs. This is a great alternative to flash! Great list, very inspiring 🙂 Great selection! Tip: http://www.metalabdesign.com They have a nice slideshow too. 🙂 Great showcase & inspiration! You should also check out http://www.ccad.edu and specifically the homepage slideshow, pretty cool! That is simply A
Top 50 jQuery Gallery & Image Sliders for 2019 - 1stWebDesigner
Since usually the best galleries are created in jQuery, we’ve mainly focussed on jQuery type sliders, but there are a few simple CSS galleries as well. This collection has been organized into five main categories so you can easy switch to your preferred section. Before we start, we wanted to tell you that it’s up to you to go for a free or premium solution. Your Web Designer Toolbox Unlimited Down
13 Excellent Tools and Systems for CSS Grid Based Layouts - Web Design Ledger
Tools 13 Excellent Tools and Systems for CSS Grid Based Layouts Henry JonesApril 30, 201024 Comments07k A good grid can be a strong foundation for any design. Using grids got its start in print design, but has made it’s way over to the web. There are several advantages to using grids in web design, but primarily they help achieve structure and consistency in layouts. If you have yet to start using
How to fit your website for the Apple iPad « x7 Labs
Important note, updated: Apple has released very limited information about the iPad at the Safari Dev Center. This article is written on the assumption that previous guidelines for Safari on iPhone OS apply to version 3.2 and the iPad. Step 0: Design for 980 pixels and do nothing The width of the iPad screen when held in portrait orientation is 768 pixels. Since many pages (like the NYT, which Job
類似するデザイン製作とソフトウェア開発 - The Dragon Scroll
デザインのワークショップで知り合った、デザイン製作会社の方に、その仕事の内容を聞いた。 デザイン製作の世界は私にとっては未知の世界なので、どういうものなのか、とても興味がある。 未知の世界と、自分の世界とが繋がることで、新しい発見があるのではないかと期待している。 デザイン製作の世界では、ユーザヒアリングに基づいて、まずラフなデザインを起こすそうだ。 この過程で、やはりKJ法によるユーザの分析やペルソナの作成を行うということだ。 先のエントリにも書いたが、この作業による消耗は激しい。これは、ソフトウェア開発には、 無い種類の消耗だと思う。 サイトのイメージをあわせたのち、見積りを行う。見積りは確定料金で行う。 その後、HTMLのWebサイトを作成し、ユーザに披露する。 ユーザテストとして、ユーザに実際に画面を使ってもらう。そのフィードバックに基づき、手直しを 行う。 このユーザとのやり取り
ユーザはユーザビリティに対価を払うか。 - The Dragon Scroll
8月1日デザイン思考のワークショップを開催した。私は、主催者の1人で、場所を提供した。 いろいろと課題のある会場となったわけだけれども（いろいろと制約が面倒すぎる）。 最初にワークモデルを作る。これが難しい。今まで書いたことが無いため、どういう基準で書けば よいか分からない。棚橋さんがその後のブログで書いているが、とにかく手を動かして、作りながら 直しながら進めばよかったのだ、と。その進め方については、確かにそう思う。ただ、それと同時に、 進め方についてはチームで合意を取っておく必要があると感じた。つまり、「我々はこれから、 試行錯誤しながらこのワークモデルを作る」ということをだ。コンテキストが共通でない、初めての 人同士が集まって出来たチームでは、この合意形成が最初に必要だったと思う。これが無いために、 フラストレーションを貯めながら、様子を見るという状況が続いた。 ワークモデルの次は、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
