The Newest Email Design Trends of 2017
My wife, parents, in-laws, and friends ask me why I spend so much time analyzing spam which just gets deleted by everyone else. Instead, they argue, I could easily binge-watch some remake of a 90's classic on Netflix. You know what they say, though?: #EmailGeeks4Ever. (Okay, no one says that anymore.) But after last year’s email trends article was published, lots of people have requested an update
Boarding Pass Design Inspiration
The best design inspiration — expertly curated, exactly to your taste.
Radio Buttons UX Design
Radio buttons are an essential element of forms. They are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. Clicking a non-selected radio button will deselect whatever other button was previously selected in the list. Generic radio buttons controlRadio buttons are great when used correctly — they simplify the task of selecting
Deal of the week: 10 Twitter Bootstrap templates
One of the very best frameworks to build new sites on is Twitter Bootstrap. Mobile-first, lightweight and powerful; it's a great starting point. The only issues with Bootstrap are that it's both easily recognized due to extensive use, and time-consuming to modify due to its comprehensive approach. Solving these problems are 10 premium Bootstrap templates from Bootstraptor. Use them to extend Boots
Modeless and Modal | Just another Modeless Design site
Recent Posts Afterword Manifesto of the Modelessist Party Counterpart User-Side Spatial Recent Commentsotktko on Syntax名無しのゲーマー on FPS vs RPG中内淑文 on Afterwordueno on Afterwordくぼた on AfterwordArchives January 2010 December 2009 November 2009 October 2009 September 2009 Categories Uncategorized Meta Log in Entries RSS Comments RSS WordPress.org
20 beautifully designed smartphone apps
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, request info and more from our phones. And we have to be set up, as businesse
The Spirit is Weak with these Ones
For full Access Subscribe to Brand New Subscription includes Full content. Polls and comments. Full RSS functionality. The Follow-up podcast. The weekly newsletter. NEED SOME CONVINCING? Whether it’s you, your boss or manager, your significant other, your parent, or your HR department that needs some objective reasons to the value of a subscription we have put together a 2-page PDF to help! Alread
Flat design casts a long shadow
Whilst many designers embrace flat design wholeheartedly, it seems a growing number have already tired of its charms and are casting around for the next big thing. One contender, being championed by some, is "long shadow" design. Long shadow design produces an effect like looking at an object late on a Winter's day, when the shadows lengthen to dramatic proportions. The effect adds a great deal of
http://blog.iaspectrum.net/2013/06/18/visualstorytelling/
See related links to what you are looking for.
続・レスポンシブWebデザインとかアダプティブWebデザインとか
2013年6月19日 著 渡辺さんが、レスポンシブ・デザインとアダプティブ・デザインの定義を整理してみたのなかで僕の記事に言及してくださったので、改めて自分の解釈を覚え書きしておきます。 身もふたもないことを先に言っておくと、どうもこの「レスポンシブ」やら「アダプティブ」という言葉が最近、好きではありません。意味的にも発音的にも紛らわしく、厄介なことこの上ない。これらをそのまま日本語圏で（カタカナ表記にしろ英語表記にしろ）使うことについては、どちらかというと反対の立場。渡辺さんの記事で説明されているように、「アダプティブ」と言ってもそれがコンテンツの適応性を指すのか、それとも表示上の適応性のみを指すのか、文脈次第で変わるのも好きになれない理由。 閑話休題。レスポンシブWebデザインにしろアダプティブWebデザインにしろ、Webコンテンツをマルチデバイスに対応させるうえでの考え方であることは
ソシオメディア | サイトのモバイル対応パターン
ソシオメディアでは様々な業種や用途のUIについて、コンサルティング、設計、評価を行っていますが、昨今はやはり、モバイル向けのソリューションを扱う機会が多くなっています。例えば、スマートフォン向けウェブアプリ／サイトの構築もそのひとつです。 PCブラウザをメインのターゲットとして運用してきた自社のウェブアプリ／サイトをモバイルに対応させるにあたって、制作面でのノウハウは世間で色々と語られています。しかしその前に、そもそもの企画趣旨として、モバイル向けのサービスをどのような位置づけにするのかという観点から、デザインの方向性を考えなければいけません。 モバイル向けのウェブアプリ／サイトをデザインする際に考えなければいけないのは、まず、モバイルユーザーの利用状況です。一般的には、PCでのウェブ利用にくらべて次のようなことが言えます。 小さなスクリーン タッチによる操作 低スペックのプロセッサ、メモ
The best of 2012 for designers
In 2012, we covered a ton of new apps, resources, and more for designers and developers. In fact, we covered nearly 500 such resources! So rather than yhou having to go back through our archive of posts, we've gathered up the best of what was new over the past year in one place! We're not including everything (after all, some resources are no longer available, sites may have changed hands, apps ma
Rundown of Handling Flexible Media | CSS-Tricks
When you take the responsive web design route, part of the deal is fluid grids. That is, container elements set in percentage widths. Just one example: an <article> that holds a blog post might be 320px wide on a small screen device and 690px wide on some large screen. Text can be resized and will flow nicely to fill a container. That’s not too hard. But media – images, video players, and audio pl
壊れたデザインプロセス（「The Broken Design Process」日本語訳）
2012年8月12日 著 以下の文章は、Philip Zastrow氏の書かれた「The Broken Design Process」を翻訳したものです。レスポンシブWebデザイン関連の記事をこの数ヶ月、いろいろ斜め読みしてきましたが、これは是非とも翻訳しておきたいと思ってZastrow氏にコンタクト、翻訳と掲載につき了解を得ました。ただし、この翻訳には誤りが含まれている可能性があります。英語が読めるなら、原文のほうを是非お読みください。 Webデザインのプロセスは壊れており、レスポンシブWebデザイン（訳者注：以後「RWD」と表記）の推進によって、モダンなアプローチを余儀なくされつつある。 典型的なデザインプロセスでは、理想化されたWebサイトのコンセプトイメージが写真編集アプリを用いて制作される。そして、コンセプトイメージを顧客または承認する立場にある権威に渡し、フィードバックや批判を
http://blog.iaspectrum.net/2012/07/30/interviewwithy/
See related links to what you are looking for.
Firefox Developers Conference 2012 in Osakaでの講演内容
2012年7月5日 著 先日登壇させていただいたFirefox Developers Conference 2012 in Osakaで、トークセッション「Writing HTML ～これからの HTML の書き方～」の前座として講演したときのスライド「ミツエーリンクス 自社サイトの取り組み」が、勤務先のSlideShareアカウントにて公開されたので、こちらでも紹介しておきます。 スライドに載っている字面「だけ」を追うと、非常にあっさりした内容に映ると思いますが、口頭ではある程度、内容を掘り下げてお話したつもりです。NightlyのResponsive Modeを使った簡単なデモも織り交ぜましたし。そのあたりは、いずれMozilla Japanさんのほうで録画を公開されると思いますので、よろしければそのときにでもご覧ください。 ちなみに、最後のスライド「これからのWebデザイン」の末尾で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10 Hottest Design Tools You Must Try In 2016
Onboarding inspiration for mobile apps
Top Web Design Trends To Watch In 2016
How to modify Bootstrap simply and effectively