• Web画像フォーマットPNG、JPG、GIFの選び方・使い方

    では、GIF、PNG、JPGのうち、どの形式を候補として選べばいいのか、どの画像形式なら画像は小さくなるけど画質はよくなるのか。 1. 画像フォーマット GIF GIFは、アニメーションをサポートし、またロスレス画像フォーマットであるため、画像を修正しても品質が損なわれないという点で優れている。さらに、GIFは半透明(完全な透明度または完全な不透明度)をサポートしていま

    2022-01-29 11:59:55
  • ウェブデザインにおけるラウンドエレメントの使用例25選

    今日は、Webデザインでとてもよく使われている丸い要素の例を挙げ、美しい丸いボタンやメニュー、画像など、細かいところまでご紹介します。ご覧のように、正しくデザインされた場合、円を使うことでウェブサイトの世界をかなりユニークでオリジナルなものにすることができます。 ルシア・ソト circle要素は、レイアウトのテーマ部分としても使用できます。 アレ

    2022-01-29 11:06:43
  • Webページのメモリ使用量とCPU使用量を削減する方法

    見た目は大したことないのに、開くと固まってしまうWebページや、長くてもスムーズに使えるWebページもあり、ユーザーのパソコンのメモリーやCPUに影響を与えています。 ブラウザの問題は、影響を与えることができるメモリの問題に対処するそれぞれのブラウザがありますが、Windows上で、ほとんど制御することはできません。 IEシリーズでは、リフレッシュで少し回復しますが、最小化すること

    2022-01-29 10:58:30
  • editplus用Zenコーディングのコード例

    例えば、こう入力する。 XML/HTMLコード div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer 以下のページを生成します。 XML/HTMLコード コピーコード コードは以下の通りです。 <div id="page">

    2022-01-29 10:28:20
  • XHTMLタグのセマンティクス入門

    最初のポイントは、人は視覚的な区分けでコンテンツの意味性を判断できるが、検索エンジンはコードしか見ないということだ。検索エンジンはタグによってのみコンテンツのセマンティクスを判断できる。なぜなら、ページのトラフィックの多くは検索エンジンから来るからです。検索エンジンにできるだけ優しいページを作るには、タグをできるだけセマンティックにする必要があります。    ただし、すべてのタグは独自のセマンテ

    2022-01-29 09:17:33
  • zen coding リソースアップデート 機能強化

    公式サイト http://code.google.com/p/zen-coding/ については、もうお分かりかと思います。 ゼンコーディング を発表して以来、ご存知の方もいらっしゃいますし、プロジェクトで使いこなせるようになった方も多いと思います。 ZENコーディングの紹介記事 その後、zen codingは大きく改善され、より有用なリソースも更新されましたので

    2022-01-29 09:17:20
  • IE9ベータ版のブラウザがHTML5/CSS3に対応

    IE9はマイクロソフトの第二の革命だと言う人がいますが、私はこの発言は全く違うと思います、IE6以来、IEのアップデートはそれほど徹底していません、DOMレベル2のフルサポート、CSS2.1のフルサポート、インターフェースはより合理的になっています・・・・・・・。もちろん、私たちが一番気にしている、IE9 for HTML5 and CSS3 HTML5 と CSS3 のサポートはどうなっている

    2022-01-29 08:14:07
  • Zen Coding 簡単で速いHTMLライティング

    ゼンコーディング は、テキストエディタのプラグインです。Zen Codingを使用して通常のHTMLコードをショートコードで記述するテキストエディタで、HTMLの記述を大幅に簡略化するツールです。 例えば、次のようなHTMLコードです。 コピーコード コードは以下の通りです。 <!DOCTYPE html PUBLIC "-/W3C//DTD X

    2022-01-29 08:13:04
  • Baiduの入力メソッドオープンAPIは、使用を移植するために自由であると主張する

    Baidu Input Methodの担当者は、Baidu Input Method Open APIの最大の利点は、操作が簡単で、プラットフォームの利用に制約がなく、技術的な敷居が高くないことだという。 コンピュータのローカルシソーラスがユーザーのニーズを満たさない場合、自動的にクラウド入力機能が作動し、クラウドに計算結果を要求します。 何百万もの中国のウェブサイトがアクセスプログラム

    2022-01-29 06:25:42
  • DOCTYPE HTMLを使用する理由

    これがないと、ブラウザは風変わりなモードでページを表示します。風変わりなモードでは、個々のブラウザが個々の要素を異なる方法で表示することはご存じでしょう。そこで、次のようなdoctypeを記述することになる。 コピーコード コードは以下の通りです。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN

    2022-01-29 02:13:15
  • IEがクラッシュする不具合

    コピーコード コードは以下の通りです。 <style type="text/css"> #ab{margin:0 25px;position:relative;border:1px solid; font:bold;text-decoration:none;list-style:none;} a:hover{display:block;color:#000;

    2022-01-29 01:07:02
  • リンク先のhref=#の意味を教えてください。

    現在のページへのリンクです。 ---------- --------- 通常、次のように使用します。 <a href="#" onclick="window.close()">close</a> 重要なのはその後に続くonclickで、"close"がクリックされたときにwindow.close()のコードを実行することになるのです。 なぜ <a o

    2022-01-28 23:55:10
  • テーブルの背景画像を設定しても、100%表示できない解決方法

    開発において、以下のような状況が見受けられました。 (1) 拡張子が.jspのファイルが格納されている場合、コードは以下のようになります(index.jsp)。 コピーコード コードは以下の通りです。 <%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="jav

    2022-01-28 23:51:36
  • iframeタグの使用詳細(属性、透明度、適応的な高さ)

    1. iframeの定義と使用法 iframe 要素は、別のドキュメントを含むインラインフレームを作成します(つまり、インラインフレーム)。 HTMLとXHTMLの違い iframe 要素は HTML 4.1 Strict DTD および XHTML 1.0 Strict DTD でサポートされていません。 ヒントと注意点 ヒント:iframeを理解しないブラウザに対

    2022-01-28 23:46:43
  • IE6で画像要素imgに余分な空白がある

    ページのDIV + CSSのレイアウトでは、遭遇IE6(もちろん、時にはFirefoxも時折発生します)冗長な空白の問題の下にブラウザで画像要素imgは、問題の解決策のために絶対に共通ですも&quotです;何が起こるかを参照してください"、異なるソリューションを使用するために、別の理由に応じて、ここで 画像レイアウトバグの下に冗長ギャップを解決する一般的な方法は参考までにここに要約され

    2022-01-28 23:40:51
  • bodyの属性 bodyタグの主な属性をまとめてみました。

    bgcolor="text color" background="background image" text="文字色"。 ハイパーリンクの文字色 ハイパーリンクを強調するために、通常、ハイパーリンクテキストは他のテキストと異なる色になり、ハイパーリンクテキストの下部には水平線が追加されます。 HTMLテキストには、ハイパーリンクテキストのデフォルトカラーがあり、このカラーはマークア

    2022-01-28 23:20:32
  • xml構文詳細

    I. 文書規則 1. 大文字・小文字を区別する。 2. プロパティ値は引用符で囲む必要があり(シングルクォートでもダブルクォートでも可)、一般的にはダブルクォートを使用することが推奨されます。 3. すべてのタグには終了記号が必要です。 4. 空のタグはすべて閉じなければならない。 5. 5. 要素は1つだけでなければならない。 6. 6. 空白文字を解析する場合、省略せずにそのまま

    2022-01-28 23:04:26
  • URLを入力したときにバックグラウンドで起こること

    ブラウザ、HTTP、HTML、Webサーバー、要件処理など、Webアプリケーションがどのように動作するか、その技術を含む完全な階層的な視点を持つことが、ソフトウェア開発者として必要です。 この記事では、URLを入力するときにバックグラウンドで何が起こっているのかを深く掘り下げていきます ~。 1. まず、ブラウザにURLを入力する必要がある : 2. ブラウザでドメ

    2022-01-28 22:12:17
  • HTMLタグの一覧とその使用方法

    HTMLタグ一覧 <テーブル マーカー タイプ 名称または意味 役割 備考 ドキュメントマークアップ <HTML> ● 文書宣言 ブラウザにこれがHTMLファイルであることを知らせる <HEAD> ● 開始 ドキュメントに関する全体的

    2022-01-28 19:22:40
  • tdセルを結合する際のtd幅の問題

    以下の例では、名前があるtdの幅が60pxのとき、2行目の文字数が少なければ正常に表示されますが、2行目の文字数が多いと正常に表示されません。 コピーコード コードは以下の通りです。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content

    2022-01-28 19:10:41