ウェブ

私はオープンソースエディタに貢献しました、そしてあなたはそうすることができますか

数か月前、Jason Grigsbyの[フォームのオートコンプリートに関する投稿]（https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/）がラウンドを行いました。ユーザーが自分のカードの写真を撮ってクレジットカードの詳細を入力できるようにするというアイデアが気に入りました。私が好きではなかったのは、[心からのオートフィルの可能なすべての値]（https://html.spec.whatwg.org/multipage/forms.html#autofill）を学ぶことでした。老後は怠け者になっています。最近、インテリジェントなオートコンプリートを実行するエディターを使用することに甘んじてきました。これは、これまでは大規模で複雑なIDEしか提供していなかったものです。選択したエディターを開いて、 `input`要素を作成し、` autocomplete`属性を追加しましたが、コードの補完によって `on`または` off`の状態が提供されたことがわかりました。がっかり。

レスポンシブWebデザインのためのPhotoshopのエチケット

[Photoshop Etiquette]（https://photoshopetiquette.com/）がリリースされてから、ほぼ5年が経過しました。これにより、正式にWeb上で遺物になります。数年以内にウェブ上で多くのことが起こる可能性があり、これらの過去5年間は、ほとんどの場合よりも優れていることを示しています。

S（GH）PA：GitHubPagesのシングルページアプリハック

lorem ipsum

UIデザイン批評を実行する方法

批判は簡単です。誰もが意見を持っているようですが、著者のハーラン・エリソンが指摘しているように、「あなたはあなたの意見を受け入れる権利はありません。あなたはあなたの情報に基づいた意見を得る権利があります。」ただし、情報を得るには、調査が必要です。デザイン批評は、製品探索の重要な部分です。作成者がチームの他のメンバーやクライアントと作成について話し合い、説明する設計批評は、設計者にバッジを付けたり、設計者が下したすべての決定を正当化するように促したりすることではありません。それはただの批判です。 **優れたデザイン批評は、デザインを調査し、それが機能している場所と改善できる場所を見つけることを目的としています。うまくいけば、デザイン批評はチームの全員が聞いたことがあるかのように感じ、クライアントが貴重なフィードバックを与えることを可能にします。

プログレッシブウェブアプリの初心者向けガイド

PWAは、最新のテクノロジーを利用して、最高のWebアプリとモバイルアプリを組み合わせます。この記事では、ブラウザーの最近の進歩と、開発者として新世代のWebアプリを構築する必要がある機会について説明します。

エクスペリエンスデザインエッセンシャル：モバイルアプリでのアニメーション化されたマイクロインタラクション

有名なマジシャンであるダリエル・フィッツキーはかつて、「マジックは細部とパフォーマンスの両方にあります」と述べました。インタラクションデザインはそのようなものです。設計者は全体像を正しく把握するのが大好きですが、詳細が適切に処理されていないと、ソリューションは失敗します。 **魔法はすべて細部にあります**。そのため、適切に設計されたマイクロインタラクションにより、エクスペリエンスが巧妙に作成されたように感じられます。デザインがマイクロインタラクションからどのように役立つかをよりよく理解するには、アプリのアイデアをスケッチするのに役立ちます。アドビは、エクスペリエンスデザイン（またはAdobe XD）と呼ばれる新しいデザインおよびワイヤーフレーミングアプリを導入しました。これにより、ワイヤーフレームをデザインしてインタラクティブにすることができます。 AdobeXDを無料でダウンロードしてテストできます。

開発者はコードを「所有」しているので、設計者はエクスペリエンスを「所有」すべきではありませんか？

私たちは皆そこにいました。あなたは何ヶ月もかけてビジネス要件を収集し、複雑なユーザージャーニーを作成し、高精度のインターフェイス要素を作成し、ユーザーの代表的なサンプルでそれらをテストしましたが、目的のエクスペリエンスにほとんど似ていない最終製品を確認しました。

ユーザーメモリの設計：持続するエクスペリエンスを設計する方法

下の写真の2つのグラフは、私が考える方法を変えました。 1996年の古典的な心理学研究から再現されたこれらのチャートの背後にある物語は、私たちが世界を体験する瞬間の人間の感じ方が、後でそれらの経験を振り返るときの感じ方とは大きく異なる可能性があることを鮮明に示しています。

デスクトップの壁紙カレンダー：2016年8月

[8年以来]（https://www.smashingmagazine.com/tag/wallpapers/）、毎月のデスクトップ壁紙チャレンジは、世界中の才能あるデザイナーやアーティストのたゆまぬ努力なしには不可能な、スマッシングのお気に入りです。。 **通常の群衆よりも少し特徴的な壁紙**に対応するために、私たちはデザインコミュニティであるあなたに、創造力を発揮させ、毎月新しく刺激的なデザインを生み出すように挑戦します。そして、まあ、今回も違いはありませんでした。

Web開発リーディングリスト＃147：セキュリティガイドライン、アクセシブルなUIコンポーネント、およびコンテンツファーストデザイン

チームで作業するときは、ルールを守ることが重要です。一般的な課題は、類似または同じツールセットと**コーディングガイドライン**を使用してすべてのプロジェクトを構築することです。昨日だけ、最初のコードベースを何年にもわたって成長させたプロジェクトを、新しいReact.jsベースのソースコードに移植する方法について話し合いました。このプロジェクトにはすでにかなりの労力とお金を投資しており、Reactへの移行にもかなりの時間がかかるため、この決定は簡単ではありませんでした。しかし、この切り替えは技術的な観点からは理にかなっており、チームはすでに他の3つのプロジェクトにReactを使用しているため、これは良いステップになると結論付けました。これにより、チームのより多くの開発者がプロジェクトに貢献し、コードをレビューし、社内のテクノロジーのシフトを減らすことができます。時折、プロジェクトを再評価して先に進む時が来ました。