いままでまとめたHTML5の勉強をしたさいに作成したまとめ　～HTML5の新要素の説明からマークアップの基本まで～ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/12/14 1655 users Webデザインクリップ 勉強 新要素 マークアップ HTML5

今回は僕がHTML5を勉強するにあたりもう一つのブログ「HTML5でサイトをつくろう」でまとめたページをまとめました。初めて作るならここからやるといいかなとおもったHTML5の新要素、コンテンツモデルやアウトラインについて、xhtmlとHTML5で同じフォーマットをマークアップして違いを比べたりしました。 現在WEB制作で仕事をしながら勉強している人やゼロからやってみようと思う人に仕様書を全部読む... 続きを読む

新人コーダーに知っておいて欲しいリダイレクトの基本 : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～

2013/10/29 952 users クロノドライブ HTMLコーディング HTML ノウハウ 基本

サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの... 続きを読む

高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～

2010/12/01 885 users クロノドライブ HTMLコーディング HTML テクニック

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス... 続きを読む

Best Web Gallery - Flash + CSS Gallery

2006/08/03 851 users gallery Flash Anywhere Delight

Best Web Gallery is a showcase gallery that features all the best design Flash and CSS websites on the web.Design Jobs on the Wall Webdesigner at New York's Delight (Anywhere) Web Design / xhtml/ css ... 続きを読む

HTML5 を学ぶための情報源まとめ | WWW WATCH

2009/11/01 701 users WWW WATCH HTML5 情報源まとめ 英語 英語能力

ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、... 続きを読む

携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α

2009/11/30 683 users コーダー ディレクター HTML 考L 再現

前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これか... 続きを読む

ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org

2009/10/14 662 users ke-tai.org DOCTYPE宣言 ブログエントリー

ケータイ3キャリアに対応するためのDOCTYPE宣言について 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | No Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイ... 続きを読む

[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。

2008/11/10 617 users バシャログ 見栄え CSS pager Prev

第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> ... 続きを読む

簡単なサンプルで学ぶ！ゼロからはじめるレスポンシブWebサイト初級編 ～メディアクエリを使ってCSSを分岐させる～ | HTML5でサイトをつくろう

2012/05/16 613 users CSS メディアクエリ サンプル HTML5 チュートリアル

スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。 そこで今回はレスポンシブWebデザインを使用したサイトの制作や仕組みを理解しておくためにCSS3のメディアクエリを使用してレスポンシブWebデザインのデモソースとチュートリアルをつくりました。 今回はXHTMLでコーディングしたソースで、CSS3のメディアクエリを使って、PC、タブレット、... 続きを読む

フォントサイズを変える「大・中・小」ボタンを実装する方法 | THE HAM MEDIA

2010/05/20 537 users フォントサイズ jQuery Plugin CSS ボタン

札幌でホームページ制作をする社会人ハムの勉強ブログ。 JavaScriptやjQuery、XHTMLやCSS、その他思ったことなどについてなどを気ままに書きます。jQueryのpluginなども公開中。 jQuery plugin 自作plugin JavaScript (X)HTML CSS SEO 日記 プロフ Webコン 知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変... 続きを読む

トータル1000種類以上、XHTML/CSSのフリーのテンプレート配布サイト集 | コリス

2008/12/02 485 users コリス CSS CSS Templates テンプレート 上記

Smashing Magazineのエントリーから、XHTML/CSSのフリーのテンプレートを配布しているサイトを紹介します。 100 Free High-Quality XHTML/CSS Templates 上記では、厳選した100のテンプレートが紹介されています。 続きを読む

ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α

2010/07/07 472 users コーダー table 考L モバイルサイト HTML

モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字... 続きを読む

HTML5のアウトラインって何？xhtmlとHTML5のコードを比較してアウトラインを理解しよう！ | HTML5でサイトをつくろう

2011/09/12 422 users コーディング エントリー 初級編 サンプルソース 前回

前回のエントリーではサンプルソースを基にHTML5の新要素について確認しました。前回のエントリーをご覧になっていない方はこちらからご覧になれます。 【前回のエントリー】 HTML5は難しくない?　HTML5から追加された新要素を理解しよう！【初級編 第2回：HTML5のマークアップ】 HTML5は難しくない!?　XHTML1.0とHTML5のコーディングの違いを確認してみよう！【初級編：HTML5... 続きを読む

ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。

2009/09/09 417 users inline-block display ishida 以下

こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです... 続きを読む

h1要素は複数回使って良いのか!? HTML5.1に関するW3GとWHATWGの主張の違い - Togetterまとめ

2016/12/13 388 users WHATWG 宗派 Togetterまとめ 主張 複数回

h1要素が同じHTML内に複数もあるのはどうなの的な宗派（XHTMLの流れをくむセマンティックス派）でいたわけですが、HTML5.1が明確に否定してくれました。信じるモノは救われる的なものですかね 続きを読む

文書構造を表現するXHTMLタグの正しいマークアップ HTMLタグリファレンス（1/10） - ＠IT

2009/01/16 357 users 文書構造 リファレンス 骨格 記述 要素

有限会社タグパンダ 喜安 亮介 2009/1/16 文書構造を表現するXHTMLタグの正しいマークアップ方法のリファレンスをスタートします 文書構造を表現するタグ 文書構造を表現するXHTMLタグを大まかに分類し、分類したタグをXHTMLの“要素”として、1つずつ紹介していきます。 これらの要素類はXHTMLの骨格（枠）となる部分を形成していくために使われる、XHTMLタグの記述（＝マークアップ）... 続きを読む

携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 - ma-san.org - 仙台でWeb制作をするWebデザイナー

2009/10/10 344 users PHP HTML 仙台 Webデザイナー Web制作

携帯サイトを構築するとき、キャリア毎の分岐などがHTMLだと非常に面倒くさいので僕の場合はPHPで構築します（というかPCサイトでもPHPで構築してますが、それはまた、別の、話）。 各キャリアで使用できるタグや、セレクタにも差があり、特にDocomoなんかは拡張子をxhtmlにするとCSSが上手く適用される（解釈の違いはあると思いますが...）とか、CHTMLの独自の仕様があったりとコーダー泣かせ... 続きを読む

ウノウラボ Unoh Labs: 携帯サイト作成時のXHTMLでの相違点

2006/12/11 344 users ウノウラボ softbank Unoh Labs HTML

こんばんは。harukです。 DoCoMo編…となるはずですが、特に書くようなことがないので、今回はXHTMLについて少し書いてみます。 現在ではすべてのキャリアが3G端末がメインとなってきています。 ※2006年11月末現在 DoCoMo: 約60% au: 約90% SoftBank: 約35% ほとんどの3Gの端末ではHTMLに加え、XHTMLを使うことができます。 XHTMLを使うことによ... 続きを読む

プロレベルでハイクオリティなXHTML/CSSテンプレート集:phpspot開発日誌

2008/12/06 318 users ハイクオリティ Developer's Toolbox

100 Free High-Quality XHTML/CSS Templates | Developer's Toolbox | Smashing Magazine プロレベルでハイクオリティなXHTML/CSSテンプレート集。 本当にフリーなのか？というクオリティのテンプレート集が色々。 Package Consultant Environmental Brand Internet Jobs ... 続きを読む

IFRAME を使わない方法の補足 | WWW WATCH

2006/11/25 311 users iframe 補足 WWW WATCH valid 方法

phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エントリーに便乗する感じで。 XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義... 続きを読む

第４回 HTMLからXHTMLへの移行方法（1）：ITpro

2006/08/10 301 users ITpro HTML 移行方法 第4回

サイバーガーデン代表（http://www.cybergarden.net/）。Webプロデューサー。早稲田大学大学院商学研究科修了。大学院在学中の1999年5月にWebリファレンス＆リソース提供サイト「CYBER@GARDEN」を立ち上げる。一般企業に就職後もWebデザイン誌での執筆やW3C仕様書の翻訳活動を続け、2003年5月に独立。Webサイトのプロデュース、Web制作会社のコンサルティング... 続きを読む

ほとんどCSSは変えずにxhtmlとHTML5で同じレイアウトの作成と作りながら悩んだことまとめました【サンプルソース付】 | HTML5でサイトをつくろう

2011/09/14 293 users コーディング CSS Category レイアウト 前回

ほとんどCSSは変えずにxhtmlとHTML5で同じレイアウトの作成と作りながら悩んだことまとめました【サンプルソース付】 Category : HTML5でサイトをつくろう | 2011年09月14日 xhtmlとHTML5で簡単なページレイアウトを作成し、コーディングのタグ違い、新要素（タグ）の説明、アウトラインの説明してきましたが、今回が最終でCSSでレイアウトまでを作成させました。 【前回... 続きを読む

補完機能が強力で無駄なキーボードタイプを少なくしてくれるXHTML/CSSエディタ『SEEdit Maxi II』 | Macの手書き説明書

2009/03/24 228 users TAB CSSエディタ CSS 手動 PHP

CSS、XHTML、JavaScript、RSS、PHPなどWebサイト作りにまつわるほとんどすべてのテキスト編集ができます。 補完機能が並外れて強力かつ使いやすいのが特徴です。 htmlのタグ補完を例にあげると<hと書き始めるだけで該当するタグの候補を表示してくれ、選択してTabでそのタグを挿入、その後>で閉じタグも挿入してくれます。 ショートカットOption+.で手動で閉じタグ挿入も可能です... 続きを読む

電子書籍フォーマット「EPUB」で縦書きとルビのサポート、来年5月には仕様完成の見通し － Publickey

2010/09/27 203 users ePub Publickey 縦書き サブグループ ルビ

XHTMLやCSSといった国際標準をベースとし、グーグルのGoogle BooksやアップルのiPadなどが電子書籍のフォーマットとして採用したことで急速に注目度が高まっている「EPUB」。 EPUBはこれまで、縦書きやルビといった日本語で電子書籍を作るには機能が不足しているとされてきましたが、EPUBの国際化を進めるサブグループ「Enhanced Global Language Support」... 続きを読む

[CSS]個人・商用サイトでフリーで利用できるXHTML/CSSのテンプレート -Solucija | コリス

2008/11/25 203 users コリス CSS テンプレート 軽量 義務

Solucijaでは、個人・商用サイトでフリーで利用できるXHTML/CSSのテンプレートを配布しています。 Solucija − Free CSS Templates 各テンプレートは、オンラインで動作確認をすることができます。 利用する際の制限は特になく、個人・商用サイトで利用が可能で、各テンプレートにあるコピーライトの表記も掲載しておく義務は無い、とあります。 各テンプレートは軽量（60KB... 続きを読む