問題タブ [yui-pure-css]

purecss グリッドが欲しいです。折りたたまれたとき (つまり、小さな画面でのブレークポイント)、右のグリッド アイテムが左のグリッド アイテムの前に表示されるようにすることはできますか? つまり、ある種の崩壊命令ですか？フレックスボックスモデルを使用すると、これらの線に沿った何かが可能になると信じています。しかし、私はこれに精通していないので、ガイダンスをいただければ幸いです。

ありがとう。

モバイル用のインタラクティブな Web アプリを開発しようとしていますが、できるだけ多くのモバイルに最高のエクスペリエンスを提供したいと考えています。

そのために、私は meteor を使用することにしました。これは、舞台裏のロジックに関するすべての重労働を処理するためです。ただし、そのような選択には代償が伴います。モバイルでは、プロセッサ、ネットワーク速度、等

そのため、可能な限り短い読み込み時間で最高のエクスペリエンスを提供できるように、非常に小さなフロントエンド フレームワークを選択しようとしています。

現在、pure.css、min.css、base、materialize、material design lite など、この問題に取り組むためのさまざまなソリューションがありますが、最適なソリューションを選択するのに苦労しています。

• 機能の完全なセットが常に必要なわけではないため、サブセットを簡単に構築できるはずです
• 最小のコスト (重量) で可能な限り最高のインターフェイスが欲しい
• このパッケージは、古いブラウザーをうまく処理する必要があります (モバイルの世界は広大で激怒しています)。
• 見栄えを良くするために、小さなやり取りを適切に処理する必要があります。
• パッケージは、ほとんどの電話やネットワークでロード時間なしで優れたエクスペリエンスを維持するために、理想的には最大 14kb の重量にする必要があります (多かれ少なかれ!!!)

これまでのところ、マテリアル デザイン ライトが最高のコンテナーだと感じていますが、どう思いますか? カスタマイズは簡単ですか (ソーシャル アイコンの追加、使用されていないアイコンの削除、特定のアイコンへの効果の制限)。他のフレームワークはありますか? フレームワークなしで行き、地面からインターフェースを構築したほうがいいですか？努力する価値がありませんか？

私は現在、MVC フレーバーの ASP.NET 4.5 を学んでおり、ブートストラップを完全に削除して PureCSS ( http://www.purecss.io ) を使用することにしました。

これは主に、私の Web アプリケーションがコード ビハインド以外のスクリプトをほとんど必要とせず、データの検証などにいくつかの軽い JS を必要とするという事実によるものです。

現在、Yahoo! から結合された PureCSS スタイル シートにリンクしています。CDN:

私の_Layout.cshtmlファイルで。これは明らかに機能的ですが、2 つの懸念事項があります。

1. CVN が (何らかの理由で) 失敗/ダウン/変更した場合、すべてのスタイリングが消え、その場で解決する必要があります (または、別の CDN へのフェイルセーフ スイッチオーバーの時間を実装する必要があります)。
2. 私はバンドルのコンセプトがとても好きで、モジュール化/コンパートメント化のために、前述の問題を防ぐために、ローカルの PureCSS ライブラリをバンドルしたいと考えています。

このバンドルを生成するのは簡単なことです:

もしそうなら、それは素晴らしいことですが、リリースには多数の css ファイルがあります。それらをバンドルするよりクリーンな方法はありますか？

ありがとうございました！

WordPress プラグインの管理者バックエンドに UI フレームワークを使用したいと考えています。残念ながら、ほとんどのフレームワークは、多くのスタイルを明示的に適用するのではなく、グローバルに適用しています。これらのグローバルなリセットとオーバーライドは、ゼロから構築されたサイトではうまく機能しますが、Wordpress バックエンドなどの既存のアーキテクチャに実装すると大混乱を招く可能性があります。

(1)設計されているか、(2)親 div のクラス名などによってページの特定の領域にのみ適用されるようにオーバーライドできるUI フレームワークを探しています。これにより、フレームワークを特定のオプション リージョンに適用し、バックエンドの残りの部分はそのままにしておくことができます。

私は最近、YUI のPure.cssを使い始めました。これには、すべて「pure-」プレフィックスで始まる明示的なクラスとペアになった、ほとんど存在しないグローバル リセットがあります。ただし、このフレームワークは、私が望むよりも少し軽量です。Bootstrap または Semantic UI のラインに沿って、もう少し機能が豊富なものを探しています。

私は自分のウェブサイトに純粋なcssを使用しています。問題は、ボックスに奇妙なオフセットがあり、どこにも定義されていないことです。パディングとマージンをゼロに設定しても、ボックスは移動しません。これにより、最後のボックスが 2 行目に移動します。

HTML:

CSS:

ウェブサイトの外観

Purecss.io からサンプル フォームをコピーして貼り付けただけです。なぜすべてがくっつくのですか？マージンがないのはなぜですか？

Yahoo のPure CSSを使用します。

以下のコード ブロックでは、最初の 2 つの div グリッドが期待どおりにレンダリングされます。最初の div の子はすべて 1/6 で、2 番目の子は 1/6 と 5/6 です。ただし、3 つ目の 1/6 は正常にレンダリングされますが、他の 2 つの 3/6 と 2/6 はここに見られるようにめちゃくちゃになります。理由を知っている人はいますか？

pureCss に基づくドロップダウン メニューがあります。このメニューには、20 以上のエントリを含めることができます。

このコードペンを参照してください

小さい画面では、これにより、ユーザーはすぐに下にスクロールして一番下のエントリに到達する必要が生じます。これは、ホバリングが失われることが多いため、マウスホイールがないと非常に苦痛/不可能になる可能性があります。

一番下に到達する前にエントリが自動的に 2 番目または 3 番目の列にラップされるように CSS を変更する方法はありますか?

Yahoo の PureCSS ライブラリとサイドバー用のプラグインを使用しています。これは、モバイル Safari を除くすべてのブラウザでうまく機能します。なぜか、メニューを開くたびにズームアウトします。これは、ドキュメントの例でも発生します。何が原因なのかはわかりませんが、単にブラウザのバグと呼びたくなります。

必要に応じて JSFiddle をまとめることができます。