タグ付けされた質問 「html」

Lorem Ipsumは、ダミーテキストのデフォルトとして知られています。調査によると、代替案に関する最後の議論は2年前です。このトピックに関する新しいスレッドを投稿すると思いました。それでは、Lorem Ipsumの更新された代替物は何ですか？

27 website-design  typography  html 

これは、開発よりも設計に関するものです。 完全に手書きのCSSとHTMLを使用して、ゼロからサイトを構築します。 BootstrapやHTML5 Boilerplateなどのプリビルドcssテンプレートについては、しばらく前から知っています。私は過去にそれらを簡単に見てきましたが、実際にそれらを何かに使用することはありませんでした。CSSをリセットしたり、必要に応じてJavaScriptを含めたり、ビューポートを設定したりしても問題はありません。 今晩、基本的なHTML5 / CSSページをコーディングしました。レイアウトの点で本当に驚異的なものはありません。単にジャンプオフポイント。その後、Bootstrapに同じレイアウトの渦巻きを付けることにしました。かなり標準的な960ピクセル、ヒーロー画像ページを含む3列です。 Bootstrapを変更していると、自分の時間の80％以上がどのクラスまたはIDが何かに適用されるかを学習し、それをCSSで見つけて調整することに費やされていることがわかりました。Bootstrapが私をまったく救うつもりはないことが明らかになりました。実際、Bootstrapは、*過度にテンプレート化されたCSSにより、制作時間を大幅に増加させます。 *（「過度にテンプレート化された」とは、特定のWebサイトにはおそらく使用しないCSSが大量に存在することを意味します。全体に不要なCSSがあるわけではありません。） Bootstrapに精通していれば、クラス/ ID名とスタイルシートの一般的な場所に精通していることを理解しています。だから、私はそれが私がかかっていた時間に少し曲がりたいと思っています、それのいくつかは私自身の不慣れのためであることに気づきました。 ただし、Bootstrap et。等 単に松葉杖であり、彼らは自分たちのブランドのコードをスプーンで与えることによってデザイナーを不自由にしている。したがって、サードパーティのソリューションに完全に依存する消費者ベースをロックし、すべてまたは少なくとも大部分の機能を実現します。Dreamweaverを使用できる場合にのみWebサイトを設計できるユーザーを思い出させます。そして、Dreamweaverにアクセスできず、変更が必要な場合、天国は禁止されています。 サイトを構築するとき、標準クラスとID名の独自のセットを使用します。CSSは、私にとって直感的な方法で構成されています。クイックセットアップ用のビルド前テンプレートの独自のセットがあります。したがって、私が構築するサイトは、かなり迅速に編集できます。事前構成済みのフロントエンドパッケージを使用するということは、自分自身に頼るのではなく、命名規則とその構造を学ぶ必要があるということです。 BootstrapやHTML5 Boilerplateなどのテンプレートシステムの大きな長所を誰かに賞賛できますか？ それらがあなたにとって価値があるのはなぜですか？ 使用しているシステムに慣れているだけなので、簡単にナビゲートできますか、それともアイテムを探し回る必要がありますか？ 必要な場合、それらなしでサイトを構築できますか？

27 website-design  css  website-templates  html 

私はそれを正確に行い（レイヤーのCSSとHTMLを生成し、それらを％値でエクスポートするオプションを提供する）、Photoshopのweb-devの作業を半分に削減するスクリプトを見つけました。今、私は誰かがプラグインに出会った/アップしたり、Sketchアプリのようなネイティブ機能を教えてくれるかどうか興味があります。そのようなものがないことで、私のSketchへの移行は非常に苦痛です。または、Sketchが初めての場合、SketchがCSSとHTMLで動作する方法について、イデオロギー的に異なるものが不足しています。

13 css  html  sketch-app  plugin 

このフォーラムで、電子メールの署名に画像を表示（表示）することによって生じる問題（ここでは、たとえば）をいくつか見つけましたが、ウェブ全体を検索しましたが、それでも良い解決策は見つかりませんでした問題に十分に対処します。私のクライアントは、彼の電子メールの署名に彼の会社のロゴが含まれることを単に望んでおり、私が遭遇した問題は次のように要約できます： ロゴのラスタライズバージョンを実際のサイズでAIからエクスポートできます。デスクトップでは鮮明に見えますが、iPhoneなどの高密度（「網膜」など）ディスプレイではピクセル化/ぼやけます。 私が参照したスレッドで提案されているように、実際の表示サイズの2〜3倍でロゴをエクスポートして、高密度ディスプレイをターゲットにできますが、縮小すると、非高密度ディスプレイではロゴが柔らかく見えます。ロゴはテキストを含んでいるため、これはこの場合の特定の問題であり、ブラウザ/電子メールクライアントで実際のテキストと並置するとひどく見えます。 私は.svgオプションとして考えましたが、どうやらサポートは素晴らしいものではありません。この場合、このクライアントの電子メールを読むユーザーの大多数がOutlookを使用することを想定しているため、iOS / webkit / etcでのみ適切にレンダリングされるものは実行可能なオプションではありません。 この時点で私は途方に暮れており、他に可能なオプションが他にあるかどうか疑問に思っています。たとえば、メールの署名に高解像度のフォールバックを備えた高密度画像を実装できるかどうかはわかりませんか？ ここでの提案/洞察は大歓迎です。この仕事がいかに困難であることが判明したのかは、コミカルなものです。

11 css  image-quality  html  retina 

ブートストラップは素晴らしいフレームワークです。ブートストラップのhtmlコードを生成しながら、htmlコンポーネントのドラッグ、サイズ変更と移動、色の変更などの可能性を提供するツールがあるかどうか知りたいです。 Dreamweaverを使用したくないのは、クラスとIDをHTMLに追加する必要があるためです。

11 website-design  css  html 

モバイルデバイスの場合、解像度は実際には大きく、画面サイズのみが小さくなります。それに基づいて： 以下のためのウェブサイトのデザイン、私たちは、画面の解像度（例えば1920×1080）を標的としますか？ そして、モバイルアプリのために。画面サイズをターゲットにしていますか？

10 website-design  css  html  mobile  responsive-design 

CSSでフォントを太字にするには、基本的に、font-family属性を使用する方法とfont-weight属性を使用する方法の2つの方法があります。 たとえば、Ralewayフォントを使用していて、cssを介してLight、Regular、Semibold、Boldのバリアントを読み込んだとします。h1{font-family: 'Raleway Bold'}またはに設定することで、単純な見出しを太字にすることができますh1{font-weight: 700}。 どちらがより正しいですか、またはどちらも同じですか？

9 css  web-fonts  html 

私はモバイルファーストのデザインがほぼ必須であると述べている多くの情報源を読みましたが、それは、3Gおよび4Gを介したダウンロード速度が一般に遅いモバイルの読み込み時間が速いなどの明らかな利点があることは否定できません。 しかし、画像が非常に少ない小さなWebサイトを構築している場合はどうでしょう。 このテーマに関する他の意見や、例外があると人々が考えるかどうかについて聞きたいと思います。個人的には、最初にデスクトップ用に設計/コード化し、そこから縮小することを好みます。しかし、最初にモバイル向けに設計/コーディングすることが本当に重要なのでしょうか、それとも特定の状況で問題になるほど最終結果が重要ではないのでしょうか。

9 website-design  interface-design  css  html  responsive-design 

好きでも嫌いでも、HTMLメールの人気を否定することはできません。また、以前のWebと同様に、受信トレイは正式にモバイルに移行しました。メールの50％以上がモバイルデバイスで開封されています。 それでは、EメールHTMLサックの方法を考えると、Eメールは本当に応答性がありますか？

8 html  responsive-design 

たとえば、IllustratorからSVGを保存してコードを表示すると、次のような<circle>要素が表示されます。 <circle cx="131.6" cy="292.3" r="311.7" /> しかし、私はそれが<path>要素ではなく、<circle>要素であって欲しいのです。 どうすればパス要素に変更できますか？

8 adobe-illustrator  svg  html 

HTML / CSSに関しては私は精通していません。 私はブログにTypepadを使用していますが、それによって多くのことが制限されます。 4つのdivがあります。 <div id="container-inner"> <div id="nav"></div> <div id="pagebody"> <div id="pagebody-inner"> <div id="alpha"></div> <div id="beta"></div> </div> </div> </div> ページの右側、「nav」の右側、「alpha」の前に「beta」を表示する必要があります。 ライブサイトへのリンクはこちらです：http：//sarajchipps.com/ あなたの助けは大歓迎です。

7 page-layout  css  html