ウェブ

ProcessWire CMS –ビギナーズガイド

コンテンツを管理するためのシステムは、多くの場合、むしろ意見が分かれています。 たとえば、それらのほとんどは、データを入力するための特定の厳密なコンテンツ構造を期待し、それが理にかなっているかどうかにかかわらず、そのデータにアクセスして出力する特定の刻印された方法を持っています。 さらに、ケースで必要な場合に、事前定義された証跡から抜け出すための効果的なツールを提供することはめったにありません。

続きを読む

スマートトイのデザインで子供たちと自然をつなぐ

米国の10代の若者が16歳になるまでに、彼らは自然界で1週間に7時間未満しか過ごしておらず、これらの傾向は世界中に広がっていることをご存知ですか。 いくつかの洞察、事実、数字。

続きを読む

ES6の引数とパラメータの使用方法

開発者はECMAScript6の機能をますます使用しており、まもなくこれらの機能は避けられなくなります。 このチュートリアルでは、ECMAScript6がJavaScriptのパラメーター処理などをどのようにアップグレードしたかを学習します。

続きを読む

デジタルポリシーでビジネスとクライアントを安全に保つ

デジタルワーカー、特にWebデザイナーや開発者は、ポリシーがオフラインと同じようにオンラインで製品に影響を与えることを認識する必要があります。 大企業、小規模デジタルエージェンシー、ソフトウェア会社、個人ベンチャーなど、企業の規模がどうであれ、法の遵守を維持するために、この法規制システム(単に「ポリシー」と呼ぶ)の範囲内で作業する必要があります。

続きを読む

パターンラボ2を使用して原子設計システムを作成および保守する方法

UIデザインシステムの利点は今ではよく知られています。 それらは、よりまとまりのある、一貫したユーザーエクスペリエンスにつながります。 彼らはあなたのチームのワークフローをスピードアップし、**プロセスで膨大な時間とお金を節約しながら**より多くのものを立ち上げることを可能にします。 それらは分野間で共通の語彙を確立し、より協調的で建設的なワークフローをもたらします。 ブラウザ、デバイス、パフォーマンス、およびアクセシビリティのテストが容易になります。 また、これらは時間の経過とともに構築するための強固な基盤として機能し、組織が絶えず変化するWeb環境により簡単に適応できるようにします。 この記事では、Pattern Lab2を使用して**アトミックデザインシステム**を構築および保守するための詳細なガイドを提供します。

続きを読む

Babylon.jsを使用したクロスプラットフォームWebGLゲームの構築

ここにあなたにとっての挑戦があります:週末に3Dゲームを構築するのはどうですか? [Babylon.js](https://www.babylonjs.com/)は、** HTML5、WebGL、およびWebオーディオを使用して3Dゲームを構築する**ためのJavaScriptフレームワークであり、あなたとBabylon.jsチームによって構築されています。 ライブラリの新しいバージョン2.3を祝うために、「Sponza」という名前の新しいデモを作成して、今日の優れたゲームの作成に関してWebGLエンジンとHTML5で何ができるかを強調することにしました。 アイデアは、WebGLがサポートするすべてのプラットフォームで一貫性のある、類似した、または同一ではないエクスペリエンスを作成し、ネイティブアプリの機能に到達しようとすることでした。 この記事では、すべてがどのように連携するかを、私たちが直面したさまざまな課題と、それを構築する際に学んだ教訓とともに説明します。

続きを読む

機能のリリースを2倍の速さで開始した方法(ケーススタディ)

企業が日常業務をアプリに依存している場合、ニーズに迅速に対応するために十分な機敏性が必要です。 そうしないと、他の人は間違いなくそうします。 容赦のないSaaSの世界では、重要な機能を遅らせる(またはバグの多いコードを急ぐ)と、クライアントを失うことになります。 堅実なアジャイルワークフローは、すべての違いを生むことができます。

続きを読む

要素クエリ、およびそれらを今日どのように使用できるか

しばらくの間、私たちは** CSSができることの限界**にぶつかりました。 レスポンシブレイアウトを作成する人は、CSSだけでは記述できないスタイルを記述できるように、CSSプリプロセッサ、プラグイン、その他のツールに手を伸ばすことを余儀なくされるCSSのフラストレーションと欠点を自由に認めます。 それでも、現在のツールが達成するのに役立つものには限界があります。

続きを読む

Web開発リーディングリスト#144:CSPの間違い、JSのデバッグと失敗のテスト

毎週は学習週間であり、今週はビューポートユニットがすべて使いやすいわけではないことを思い出しました。 また、適切なHTTPステータスコードを選択するのは難しい場合があり、サーバーで実行されているApacheバージョンではサポートされていない場合もあります。 また、JavaScriptエラーログを拡張して、最終的に読みやすく便利なレポートを取得する方法も学びました。 それだけでは不十分であるかのように、アクセシビリティとプログレッシブエンハンスメントについて多くのことを学び、CSPをバイパスする方法と、ブラウザーが既知の境界とレイアウトの制限を持つ要素を未知よりも信じられないほど速くレンダリングできる理由についてのスライドデッキを発見しました。 準備はできたか? 今度は、これらすべてを学ぶ番です。

続きを読む

箱から出して:7月のデザインのインスピレーション

夏休みが近づいてきましたので、空想にふけってリラックスできるように、インスピレーションあふれるイラストや写真をいくつかご紹介します。 そこにたくさんの素晴らしいテクニックがあることは間違いありません—それらはただ発見される必要があります。 今月のコレクションを見ていくと、かなり面白くてさわやかな色の組み合わせに気付くでしょう。 私は、私たち全員が賞賛し、学ぶことができる良い束を含めるようにしました—あなたが同意することを願っています! インスピレーションの大きな火花で夏に入る準備をしてください。

続きを読む