ウェブ
Flexboxリーディングリスト：テクニックとツール
Flexboxを使用すると、[レイアウト]（https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/）を新しい種類で制御できるため、コーディングの課題が困難になります。または、CSSだけで簡単かつ直感的に解決することは不可能です。 **柔軟な**グリッドを構築し、[動的コンテンツ]を認識する手段を提供します（https://www.smashingmagazine.com/2016/02/design-mock-ups-need-dynamic-content- tools-plugins /）、したがって、レイアウトに向かってハッキングするのではなく、作成プロセスに集中する自由を与えてくれます。 Flexboxをすぐに使い始め、一般的なコーディングの課題をマスターするためにFlexboxを使用する方法についてのアイデアを提供するために、今日すでにその能力を最大限に活用するのに役立つ**ヒント、トリック、およびツール**を集めました。 このリストは完全なものではありませんが、役立つと思われるリソースが含まれています。
続きを読むJekyllによるコンテンツモデリング
これはまったく新しいテーマではありませんが、最近、チームの作業でコンテンツモデリングのスキルを再検討する理由があります。 私たちの経験は、私たちの実践方法の限界が明らかになり始めているところまで来ています。 私たちの最も一般的な問題は、**人々は自分自身とメンタルモデルを選択したプラットフォーム**とその慣習に結び付ける傾向があるということです。 コンテンツをモデル化する方法を人々に教える代わりに、Drupalでコンテンツをモデル化する方法、またはWordPressでコンテンツをモデル化する方法を教えることになります。 ただし、**どのプラットフォーム**に関係なく、コンテンツが最終的に含まれると述べた場合は、ユーザーの最善の利益に焦点を当ててアプローチすることをお勧めします。
続きを読む効率的なレスポンシブデザインプロセス
「これらの各オプションは、ホームページ、リストページ、詳細ページの3つの独自のレイアウトのデザインを提供します。」 わかった。 現在、最大9つの静的設計ファイルがあります。 これは少し手に負えなくなっています。
続きを読むインターセプトの芸術：「調査を行いたいですか？」を超えて
Maxwellは、モバイル決済アプリに取り組んでいるデザイン会社の研究者です。 彼は、ユーザーが現在POS端末をどのように操作しているかについて詳しく知りたいと考えています。 マクスウェルは地元の食料品店に連絡して、**チェックアウト中の顧客を観察**する時間を調整します。 次に、チェックアウトする5人に1人の顧客に、簡単な調査を完了するように依頼します。 マクスウェルは、研究参加者の募集の一環として_インターセプト_に取り組んでいます。
続きを読む影響が大きく、労力が最小限のクロスブラウザテスト
クロスブラウザテストは、時間と手間がかかります。 その結果、コストが高くなり、人為的ミスが発生しやすくなります…したがって、当然のことながら、可能な限り実行したくないのです。 これは私たちが恥じるべき声明ではありません。 **開発者は本質的に怠惰です**：DRYの原則に従い、サードパーティのライブラリを利用して、他の方法では手作業で行う必要があることを自動化するスクリプトを作成します。怠惰であることは、私たちを優れた開発者にするものです。 クロスブラウザテストへの従来のアプローチは、これらの理想とうまく一致していません。 手動テストを中途半端に試みるか、それを「適切に」行うために多くの労力を費やします。つまり、視聴者が使用するすべての主要なブラウザでテストし、徐々に古いブラウザまたはよりあいまいなブラウザに移行して、それらをテストしました。
続きを読むレスポンシブデザイン用のコンテンツワイヤーフレームの作成
2011年から2012年にかけてレスポンシブウェブデザインのコースを主導していたとき、私はワイヤーフレーミングのプロセスにつまずき続けました。 私の生徒は、計画プロセスの最終段階としてワイヤーフレームに焦点を合わせる傾向がありました。 彼らは、レスポンシブデザインがユーザーがコンテンツにアクセスする方法に焦点を合わせていることを理解していませんでした。
続きを読むHTTP2の準備：Webデザイナーと開発者のためのガイド
Webデザイナーや開発者に適用されるHTTP / 2の基本について詳しく説明します。 新しいプロトコルの主な機能、ブラウザーとサーバーの互換性を確認し、HTTP / 2の採用が増えるにつれて、考慮する必要のある事項について詳しく説明します。
続きを読むGoogleのAcceleratedMobilePagesについて知っておくべきことすべて
2015年5月、Facebookは新しいアプリ内パブリッシングプラットフォーム[Instant Articles]（https://instantarticles.fb.com/）を発表しました。 1か月後、Appleは、古い[Newsstand]（https://en.wikipedia.org/wiki/Newsstand_（application））エクスペリエンス（基本的にはニュースアプリでいっぱいの豪華なフォルダー）がiOS9でブランドに置き換えられることを宣言しました[Apple News]（https://www.apple.com/news/）と呼ばれる新しいニュース集約および発見プラットフォーム。 4か月後、Googleは、[Accelerated Mobile Pages]（https：//www.ampproject。 org /）、またはAMP。 Facebook、Apple、そして今やGoogleが出版社の忠誠心と読者の注目の両方を求めて競争する中、わずか数か月で、モバイルデジタルパブリッシングの相対的な静けさがさらに別の本格的なプラットフォーム戦争に突入するのを見てきました。
続きを読む個性のあるフリーフォント
タイポグラフィはすべての違いを生むことができます。 ただし、プロジェクトが**非常に限られた予算**でうまくいく必要があり、無料のフォントに依存する必要がある場合、良いフォントを見つけるのは決して簡単ではありません。 幸いなことに、私たちは最近いくつかの本物の宝石に出くわしました。
続きを読む