0 から始めるHTMLとCSSの基本・基礎-webデザイン入門-
私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー？」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザインを始めたいビギナーさんに向けてHTMLの基本・基礎をまとめてみます。真新しいことは特にないほんとに基礎です〜＞＜ by：fweez まずはじめに とりあえず用意するもの2つ HTMLの基本 HTMLとは？ 1.DOCTYPEの宣言 2.基本的なタグ 3.<body>の文書構造 CSSの基本 CSSとは？ 1.CSSの読み込み方法 2.指定パターン 3.marginとpaddingの違い 4.ブロック要素とインライン要素 応用してwebページを作ってみる まずはじめに 一口にwebデザインといっても色々なことがあると思うのですが大
HTML内タグの閉じ忘れをチェックするツール[ブックマークレット] - とっくりばー
2013/1/28 サーバーを引っ越しました。お手数ですがブックマークし直してください。ついでにscriptタグとHTMLコメントを除外できるように機能もアップしてますから！ 必要に駆られてタグの閉じ忘れを簡単にチェックするブックマークレットを作ってみた。 ほんとに開いたタグの閉じ忘れしか検出できなくて、たとえば開いてないのに閉じてるタグとか、閉じタグと開きタグが互い違いになっちゃってるとこの検出とかはなにもやってない。（11/29現在）11/30 New! 出来るようになりました 機能 ブックマークレットを実行すると ・タグの閉じ忘れを検索する ・開きタグがない閉じタグを検索する ・親より先に閉じちゃってる子がないか検索する ・タグ対応エラーの一覧と、ソースコード中のハイライト表示 以上。たったこんだけのことをやるツールが意外と無かった…いや、あるけど。W3Cツールじゃいかんのかと。でも
title要素の区切り線に使う装飾記号は、半角、全角どちらを使えば良いですか？ αSEO
αSEO トップ > SEO FAQ > SEO内部施策 FAQ > title要素の区切り線に使う装飾記号は、半角、全角どちらを使えば良いですか？ SEO FAQ 半角記号を用いて記述した方が良いでしょう。 なぜなら、title要素の区切り線として全角記号を用いた場合、Yahoo!の検索結果画面では半角記号に自動変換され、表示してしまうからです。(2009年10月23日現在) 例えば、以下の様な具合です。 ▼title要素に全角記号「｜」を用いて区切り線を記述 ＜title＞沖縄旅行｜国内旅行｜旅行代理店○○○○＜/title＞ ▼Yahoo!の検索結果画面に表示されるタイトル文 ⇒ 沖縄旅行|国内旅行|旅行代理店○○○○ このように、Yahoo!ではtitle要素の区切り線に全角記号を用いると、検索結果画面には半角に自動変換された「文字と文字の間に余白がないタイトル文」が表示されてしま
#1214 (携帯：DoCoMo端末で選択したメニューの文字が読めなくなる) – OpenPNE
au、docomoのみで確認したところdocomoで再現できました。 docomoでは選択したリンクの背景が青色になるため、font_07（alink設定）がデフォルトで0000ffになっていると、背景と文字色が同じになり文字がみられなくなってしまいます。
SoHaya.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
iPhone対応サイトの作り方 - iPhone 3G Wiki*
DiffAnaとは？ iPhoneを買う前にiPhoneの魅力 iPhone安いって聞いたけど 初期設定はじめにやること MMSの設定 Eメール(i)設定 地域日時設定 iPod設定 MySoftbank登録 留守番電話関係 掲示板掲示板 アプリ一覧 Wiki編集局 FAQiPhoneのメールについて FAQiPhoneのパスワード FAQ操作編 FAQ初期編 →カメラ関係 →App Store（アプリ） →バッテリー・充電関係 →無線LAN・Wi-Fi関係 →USIM・キャリア関係 FAQメール編 FAQパケット料金編 FAQ重い メール着信関係 未解決問題 故障・修理 ホーム画面/アプリホーム画面 電話 写真 ビデオ・カメラ マップ（GPS） Safari(ブラウザ) Youtube iPod 時計 カレンダー ボイスレコーダー iBooks アプリ（AppStore） TIPS基本(
table構造を明確にする属性 - Webtech Walker
summary属性 表の目的と構造に関する要約を記入します。例えば、下記のようなtableだと「製品の価格表」などのtableの簡単な説明だけでなく、「製品の価格表。1行目は各行の見出しになる。1列目が商品名、2列目が価格、3列目が順位を示す。」という感じで表の詳しい構造まで説明するのが吉です。 <table summary="製品の価格表。1行目は各行の見出しになる。1列目が商品名、2列目が価格、3列目が順位を示す。"> scope属性 主にthに指定する属性で、そのセルがどちらの方向に対する見出しであるかを明示することができます。横方向（行）に対する見出しの場合は「scope="row"」を指定します。縦方向（列）に対する見出しの場合は「scope="col"」を指定します <tr> <th scope="col">製品名</th> <th scope="col">値段</th> <t
Internet Explorer (Windows) CSSバグリスト
ここにはWindows版Internet Explorer4.0以降（WinIE）のCSS/DOM実装バグの一覧があります。以下のリストからそれぞれのバグの詳細を見ることができます。 WinIEのCSS実装 WinIE6.0以降に「DOCTYPEスイッチ」が実装されています。DOCTYPE宣言により、W3Cが策定したCSS仕様に従う「標準モード」か、過去のUAに実装されていたCSS仕様に従う「互換モード」で解析・描画が行われます。 DOCTYPE宣言なし： 互換モード HTML3.2以前： 互換モード HTML4 Transtional/Frameset（システム識別子なし）： 互換モード HTML4 Transtional/Frameset（システム識別子あり）： 標準モード HTML4 Strict： 標準モード XHTML（XML宣言なし）： 標準モード XHTML（XML宣言あり）
各種言語に対応したソース整形ソフトウェア·UniversalIndentGUI MOONGIFT
インデントがあまり深いソースコードは何ともしがたいが、同時にワンライナーにこだわり過ぎるのも問題だ。そのため、多人数で行うプロジェクトや、オープンソース・ソフトウェアのプロジェクトではソースコードのフォーマットが定義されている場合が多い。 うーん、これは読みづらい。問題があっても分かりづらそうだ。 だが慣れるまではインデントの数や改行の入れ方などで間違えてしまうことが多いかもしれない。そうした時に便利なのがソースコードを整形してくれるソフトウェアだ。Webであればサーバサイドのプログラミング言語の他にもCSSやHTML、JavaScriptなど多数の技術が関わってくる。そのような時にはUniversalIndentGUIが便利だ。 今回紹介するオープンソース・ソフトウェアはUniversalIndentGUI、多数の言語に対応したソースコードフォーマッターだ。 UniversalInden
Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース
Comments» 1. 本日のTwitter 2009-01-18 | memoMania - 2009-1-19 […] Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース http://blog.blueblack.net/item_340 # […] 2. ゲスト - 2009-1-19 (ただ、私の環境だとたまに、実行時にDOS窓が残ってブラウザを閉じるまでファイルが編集不能になる現象が発生します。なぜだろう。) firefoxの前にstartを入れるとどうでしょう？ 3. nase - 2009-1-19 ありがとうございます！動作確認できました。よけいなDOS窓が開かなくなって、いい感じです。本文も修正させてもらいました。 4. sasata299's blog - 2009-2-6 vim環境を晒してみる… いきなりですが、僕はvi派です。emacsは・
hori-uchi.com: _blankを使わないで別ウィンドウを開くにはre
はてなブックマークをみていたら、気になるエントリーを発見。 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。 別ウィンドウで開くにはJavaScriptを使えってのが推奨される方法なんですが、onclickを使って定義するのはめんどうということで、この記事では、aタグにclass="popup"という属性を与えておけば、JavaScriptで別ウィンドウを開くということをしています。 この件については友人のHTML、CSSマスターなkawachi君と話したことがあって、そのときは、下のエントリで紹介されているrel="external"という方法を使うのがいい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wiiのウェブブラウザ「インターネットチャンネル」向け ウェブページ制作の基本