ウェブ

SVGatorを使用したSVGファイルのアニメーション

単純なSVGアニメーションを作成するときに、プロセスを実際に高速化するSVGatorなどのツールに非常に興奮しています。 使い方がいかに簡単で、見栄えの良いアニメーションをすぐに作成できるかを次に示します。

続きを読む

だからあなたはユーザーを説得したいですか? 物事をシンプルに!

私たちの日常生活の中で、説得は私たちの周りにあります。 デザイナーとして、私たちは倫理的で説得力のあるデザイン手法を使用して、ユーザーに何らかの行動を起こさせることができます。 説得力のある方法がたくさんあるので、使用するものを選択する必要があります。

続きを読む

再利用可能なコンポーネントの聖杯:カスタム要素、Shadow DOM、NPM

この記事では、組み込みの機能とスタイルを備えたコンポーネントを使用してHTMLを拡張する方法について説明します。 また、NPMを使用して、これらのカスタム要素をプロジェクト間で再利用できるようにする方法についても学習します。

続きを読む

毎月のWeb開発アップデート7⁄2018:実用的なアクセシビリティ、設計上の間違い、および機能制御

最新のテクニック、ブラウザのアップデート、最新のトピックを常に最新の状態に保つことは、非常に難しい場合があります。 毎月、アンセルムスはWeb業界で何が起こっているかを要約しているので、新しくて重要なものすべてに簡単に追いつくことができます。

続きを読む

AffinityDesignerでフラットなベクターイラストを作成する方法

本日7月11日より、iPadでもAffinityDesignerをご利用いただけます。 このチュートリアルでは、非常にユーザーフレンドリーなメインツールと機能のいくつかを紹介し、フォルクスワーゲンビートルの素敵なフラットベクターイラストを作成する方法を示します。

続きを読む

コード詩を書くことによってコーディングすることを学ぶ

コーディングを学ぶのは難しいかもしれません。 この記事では、Muratが、コードを異なる方法で詩的に書くことが、最初の苦労や不安を克服するのにどのように役立ったかについてのアドバイスを共有しています。

続きを読む

設計者をコードレビュープロセスに参加させることによるコラボレーションの向上

早い段階で他の人々、特に他の分野の人々を巻き込むことは、恐ろしいと感じることがあります。 コードレビューからインスピレーションを得ることで、デザイン、UX、コンテンツ、開発など、私たち自身の分野だけでなく、分野を超えたコラボレーションを改善できます。

続きを読む

パターンライブラリファースト:CSSを管理するためのアプローチ

CSSは、プロジェクト全体で管理するのが難しい場合があります。特に、さまざまなブレークポイントのメディアクエリや、古いブラウザのフォールバックを含める必要がある場合はそうです。 この記事では、フラクタルを使用してCSSグリッドを使用するコンポーネントを管理する方法について説明します。

続きを読む

より良い研究、より良いデザイン、より良い結果

ほとんどのウェブ専門家は、彼らが言わなければならないことを確実に聞くために、ウェブデザインプロジェクトで彼らの影響ができるだけ早く感じられるのを見たいと思っています。 設計プロセスの各側面を見ていき、途中でSEOの質問について話します。

続きを読む

Reduxとは:デザイナーガイド

Reduxの本当の力は州の管理を超えていることをご存知ですか? デザイナーとして、Reduxの長所と短所を理解すれば、デザインの観点からこの意思決定に貢献することができます。

続きを読む