ウェブ
デスクトップの壁紙カレンダー：2016年4月
[8年以来]（https://www.smashingmagazine.com/tag/wallpapers/）、デスクトップの壁紙のコレクションで新しい月を始めます。これは、新鮮なインスピレーションを刺激するための最良の方法です。 そして今回も違いはありません。 2016年4月、世界中のデザイナーやアーティストが作品を共有してくれました。 その結果、**アイデアとスタイルのユニークな組み合わせ**を備えたデスクトップの壁紙のコレクションが生まれました。これは、新しいアイデアの火花に対応するための目玉です。
続きを読むパーソナライズを設計するためのプライバシーガイドライン
カスタマーエクスペリエンスをパーソナライズするために情報を収集すると、全体的なエクスペリエンスが妨げられ、ビジネスに悪影響が及ぶ可能性があるため、このますます困難になる領域をどのようにナビゲートするのでしょうか。 データを使用してデジタルエクスペリエンスをパーソナライズする際に従うべきガイドラインは何ですか。また、調査によって人々が望んでいることが明確に示されているパーソナライズサービスに、組織がどのように快適に感じられるように支援できるでしょうか。
続きを読むHoudini：たぶんあなたが聞いたことがないCSSの最もエキサイティングな開発
特定のCSS機能を使用したいと思ったことがありますが、**すべてのブラウザーで完全にサポートされていなかった**ために使用しませんでしたか？ または、さらに悪いことに、それはすべてのブラウザでサポートされていましたが、サポートはバグがあり、一貫性がなく、完全に互換性がありませんでしたか？ もしこれがあなたに起こったなら—そして私はそれが起こったに違いない—それならあなたは[Houdini]（https://wiki.css-houdini.org/）を気にかけるべきです。 Houdiniは新しいW3Cタスクフォースであり、その最終的な目標はこの問題を永遠に解消することです。 これを実現するために、開発者にCSS自体を拡張する機能と、ブラウザーのレンダリングエンジンのスタイリングおよびレイアウトプロセスにフックするツールを初めて提供する新しいAPIセットを導入する予定です。
続きを読むイラストレーターで漫画を描く方法
漫画を描くことは簡単なことではありません。 それは私たちを監督、作家、ナレーターに変えます。 漫画や漫画を通して、特定の時間、特定の環境、特定のキャラクターで行われる**ストーリー**を伝えます。 これが、Adobe Illustratorで漫画を描く方法だけでなく、キャラクター、場所、状況を決定する方法をここで学ぶ理由です。 鉛筆やソフトウェアツールを手に取る前に、「私のトピックは何ですか？」と自問してください。 何人のキャラクターを使用し、誰になりますか？ 彼らはどのような背景に逆らうのでしょうか？ 彼らはどの時代に住むのでしょうか？ どんなシーンに入れますか？ このチュートリアルの手順を通じて、私自身の選択について説明します。 さぁ、始めよう。
続きを読む「スープからナッツまで」サービスAPIを使用したWordPressプラグインの作成
ますます多くの公開されているAPIは、アプリケーションの機能を拡張するための強力なサービスを提供します。 WordPressは、信じられないほど動的で柔軟なCMSであり、小さな個人ブログから主要なeコマースWebサイト、およびその間のすべてに電力を供給します。 WordPressを非常に用途の広いものにしているのは、その**強力なプラグインシステム**です。これにより、機能の追加が非常に簡単になります。 ショートコードを使用してGitHubAPIのデータをWordPressページに表示できるプラグインである[GitHubPipeline]（https://wordpress.org/plugins/wp-github-pipeline）の作成方法について説明します。 具体的な例とコードスニペットを示しますが、プラグインを使用してサービスAPIを使用する方法について、ここで説明する手法の青写真を検討してください。 最初から始めますが、WordPressとプラグインの開発にある程度精通していることを前提としており、WordPressやComposerのインストールなどの初心者向けのトピックには時間を費やしません。
続きを読むモーションデザインをUXワークフローに統合する方法
UXの専門家として、私たちは顧客体験の水準を上げる上で重要な役割を果たします。 細部への単純な注意は、多くの場合、私たちがそれらについて考えていることを顧客に知らせるものです。 デジタル空間では、アプリケーションデバイスおよびプロセス内の**ユーザーインタラクション**に焦点を当てています。 デスクトップのコンピューティング能力の向上、ブラウザーの高度化、ネイティブアプリの使用により、私たちは毎日、巧妙に作成されたUIを定義するものの限界を押し上げる新しい方法を学びます。 モーションを正しく使用すると、**ユーザーが目標を達成するのに役立つ重要なユーティリティ**になります。
続きを読むモバイルパフォーマンスを最適化する方法
すべての形状とサイズのデバイス間で一貫した高品質のWebデザインの重要性を過小評価することはできません。 レスポンシブウェブデザインは前進の道ですが、パフォーマンスの問題に関連していることがよくあります。 これは、スマートフォンユーザーの64％が、ウェブサイトが4秒以内に読み込まれることを容赦なく期待しているにもかかわらず、平均ページ重量が増え続けている場合に重要です。
続きを読む（切断）接続の取得：より深い人間の経験のための浅いインタラクションデザイン
私たちのオブジェクトはますます接続されています。 時計は、リビングルームのスピーカーに接続されている電話に接続されています。電話は、寝室のスピーカーに接続することもできます（接続しないこともできます）。 友達と夕食に出かけるときは、**ハンドヘルドとウェアラブルのデバイスを沈黙させる**か、社会的体験の「バックグラウンド」に配置して、お互いに集中できるようにするために、協調して努力する必要があります。
続きを読むOpenCV、Three.js、およびWebSocketを使用したシンプルな拡張現実
このチュートリアルでは、PythonのOpenCVを使用して、Webカメラストリーム内の円形のオブジェクトを検出し、WebSocketを使用してこれをすべて結合しながら、ブラウザーウィンドウでThree.jsの3DEarthに置き換えます。
続きを読むノアのモバイルユーザビリティテストへの移行
これは、Smashing Magazineのわずかに異なる形式での実験です。ストーリーテリングのアプローチを使用して、従来の記事で得られたのと同じ教訓を伝えます。
続きを読む