Read the origin story here. I've been experimenting a lot lately with mobile forms. Left aligned, top aligned, placeholder text only, etc. for client projects and personal projects. Placeholder text works great for a simple username and password form, but not so much when there is more information. It's easy to forget which field is which once you've typed into all of the inputs. If you opt for le

iPhoneの時だけ、どうしても余計な背景が出てきてしまう状況がありました。 input要素のボタンをテキストに変更した時にハマったことと解決策をメモしておきます。 この事象についてキーワードを並べると、 CSSを確認しても背景に無いもかかってない。 importantも効かない。 iOS SimulatorでCSS全部確認しても、全く背景色の要素が存在しない。 Androidだと背景は出てこない大丈夫。 完全にはまりました。 このように、inputに背景がでてきてしまいます。 iPhoneの時だけです。Androidはの背景は#fffで白くなっている様子。 これはいわゆるCSSのリセットで解決できました。

September 28, 2015 in design iOS Design Guidelines About these guidelines These guidelines describe how to design apps that follow the official HIG for iOS by Apple, not what you can do with custom controls. Sometimes it makes sense to break the rules. The purpose of this document is to guide you, not to provide solutions for complex and unique design problems. Resolutions and Display Specificatio

It’s no secret that designers must start designing for mobile. With more and more people starting to browse the web from their phones, web designers have to get hip to making sites good and viewable on smartphones. It’s imperative because we’re not just taking a look online, but we as consumers are beginning to purchase, […] It’s no secret that designers must start designing for mobile. With more

Beautiful filters, beautiful textures, beautiful edits. Edit with Mextures award-winning collection of premium textures, professional presets and apps. We believe that a simple, non-destructive layering workflow using our tools can help you effortlessly create a unique style that’s yours. Available for iOS, Desktop, Photoshop (currently in beta) & Lightroom Since 2012 we’ve been helping creatives

Fall Event Postmortem Last week Apple introduced 2 new iPad’s, the iPad Air (Probably the most interesting part of the event, more later) and the Retina iPad Mini. These announcements brought upon the usual spec upgrades, new A7 chip, upgraded cameras, and retina for the Mini. As many have pointed out now these two devices are almost exactly on par with each other. Buying an iPad mini is in no way

The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc

Overcome complex cloud challenges and build cloud talent from within

スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き