XHTMLをHTML5に一括置換する方法 | web覚書

2018/08/22 46 users メディアクエリー 一括置換 web覚書 HTML 順位

Googleさんが4月21日までにモバイルフレンドリーなサイトにしないと、スマホ検索結果の順位を落とす（もしくはフレンドリーサイトを上げる）事を正式に発表した。 ということで、 レスポンシブウェブデザイン化を行なう際に必要なメディアクエリー等を使用するため、所有サイトをXHTML（XHTML1.0 Transitional）からHTML... 続きを読む

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

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

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

[JS]a要素にclassを加えるだけで別窓や印刷、ページ内アンカーへのスクロールなどの機能を加えるスクリプト -jQuery A+ | コリス

2014/03/18 155 users コリス jQuery モーダルウインドウ class a要素

HTML5でもXHTMLのどちらでもvalidなHTMLで、a要素にclassを加えるだけでリンクを別窓で開いたり、モーダルウインドウを表示したり、通知パネルを表示したり、ページ内アンカーへアニメーションでスクロールさせたり、ページの印刷ボタンとして機能したりなど、a要素にさまざまな機能を加えるjQueryのプラグインを紹介します。 jQuery A+ jQuery A+ -GitHub jQue... 続きを読む

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

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

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

インタビュー：「青空文庫」呼びかけ人 富田倫生氏～日本が誇る「青空文庫」の軌跡～ | OnDeck

2013/08/17 45 users マルチデバイス 有志 示唆 富田倫生 みちお

インタビュー/2010年12月17日 90年代から10年以上にわたり、有志によって続けられている「青空文庫」。主に著作権が消滅した文学作品を、テキストとXHTML（一部 HTML）形式で電子化し、マルチデバイスで利用できる数少ない電子コンテンツとして、電子出版ビジネスに多くの示唆を与えている。この青空文庫の呼びかけ人である富田倫生（とみた みちお）氏に、これまでの歩み、そしてこれからの方向を聞いた... 続きを読む

画像を使わない擬似フォームUIの作り方 第02回 「jQueryを使った擬似フォームUIの操作」 : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～

2013/01/17 46 users jQuery クロノドライブ CSS HTMLコーディング

前回はCSSを使って擬似フォームUIのデザインを整えるところまでを紹介してきましたが、今回からは擬似フォームUIの肝となる、jQueryを使ったフォーム操作の方法を紹介していきます。 STEP05 jQueryでチェックボックスのチェック状態を操作する この時点でのサンプルを表示する 擬似フォームUIでは、実際のチェックボックスは隠れた状態になるため、jQueryでチェック/未チェックの切り替えを... 続きを読む

WordPressのテーマファイルをHTML5にするチュートリアル | コリス

2012/12/20 155 users コリス header.php Step チュートリアル ゴール

このサイトはまだHTML5にしてないので、WordPressのテーマファイルをXHTMLからHTML5にするステップごとに解説されたチュートリアルを紹介します。 Convert Your WordPress Theme to HTML5 下記は各ポイントを意訳したものです。 チュートリアルのゴール HTML5のベーシックなレイアウト Step 1: header.phpをHTML5化 Step 2... 続きを読む

画像を使わない擬似フォームUIの作り方 第01回 「CSS3を使った装飾」 : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～

2012/12/19 100 users クロノドライブ HTMLコーディング 装飾 HTML ノウハウ

■完成イメージ ブラウザ標準のフォームUI（チェックボックスやセレクトボックス）のデザインは、標準ゆえに「フォーム」だと分かりやすいデザインですが、どうしてもサイトカラーに合わずに野暮ったい印象になるときがあります。そういった場合にデザインを自由に変更できるといいのですが、フォームUIへのスタイル適用は制限があり、自由に変更できません。 そういったときに、実際のフォームUIを隠し独自のフォームUI... 続きを読む

hon.jp DayWatch - Amazon、電子書籍ファイル制作ツール「KindleGen」「Kindle Previewer」をアップデート

2012/10/25 10 users KindleGen ePub形式 Kindleストア 本社

【編集部記事】Amazon社（本社：米国ワシントン州）は現地時間10月25日、日本国内での電子書籍販売ストア「Kindleストア」スタートに合わせて、Kindleシリーズ向け電子書籍ファイル制作ツール「KindleGen」「Kindle Previewer」をアップデートした。 　KindleGenは、HTML／XHTML／EPUB形式の電子書籍コンテンツを、Amazon独自のKF8形式ファイルに... 続きを読む

xhtmlからHTML5のマークアップの違いや概念を解説した書籍『WebデザイナーのためのHTML5入門』発売記念でプレゼント。 | HTML5でサイトをつくろう

2012/08/27 70 users 本書 秀和システム 秀和システムさん 概要 発売

秀和システムさんから執筆させていただいた書籍が発売になりました。 『WebデザイナーのためのHTML5入門』2012/8/22発売 amazonで「WebデザイナーのためのHTML5入門」を見る 秀和システムで「WebデザイナーのためのHTML5入門」を見る ページ最後に出版社様から本書を5冊プレゼントいただきましたので5名様にプレゼントがあります。 『WebデザイナーのためのHTML5入門』概要... 続きを読む

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

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

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

ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトの作成してみよう【MdN連載第12回目】 | HTML5でサイトをつくろう

2012/05/01 57 users CSS レイアウト 要素 アウトライン 前回

前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。 最終回の今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするか？まだ確定していないHTML5の要素が変更に... 続きを読む

XHTML1.0とHTML5のコードを比較してアウトラインを確認してみよう【MdN連載第11回目】 | HTML5でサイトをつくろう

2012/04/10 143 users HTML アウトライン コード みよう HTML5

前回の記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行いました。 HTML5から追加された新要素の使い方を確認してみよう【MdN連載第10回目】 今回はxhtmlとHTML5のコードのアウトラインを確認しながら、各要素のアウトラインについてみてみたいと思います。 アウトラインにつきましてはこちらの記事で説明してあります。 HTML5の「... 続きを読む

HTML5から追加された新要素の使い方を確認してみよう【MdN連載第10回目】 | HTML5でサイトをつくろう

2012/03/27 163 users MdN連載第10回目 みよう 新要素 HTML5 使い方

前回のエントリーで簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしました。 XHTML1.0とHTML5のコーディングの違いを確認してみよう【MdN連載第9回目】 今回はxhtmlとHTML5のコードの違いを見ながら、HTML5で新しく追加されたタグをどのように使ったかを見てみたいと思います。 HTML5のマークアップについてはどの要素を使うか迷う箇所も原稿によってはあると思いま... 続きを読む

HTML5のタグリファレンスの本やスマフォアプリを探してる人にぴったりな一冊 -標準HTML5タグリファレンス | コリス

2012/01/12 30 users コリス 相違 最終草案 勘違い スマフォアプリ

手頃なサイズで気軽に調べることができるHTML5のタグリファレンスを探している人にぴったりな一冊を紹介します。 小さいながらもHTML5の最終草案に対応したタグリファレンスだけでなく、HTML4, XHTMLとの相違、実装時のよくある間違い・勘違いなど、制作に役立つ知識も網羅されています。 『標準HTML5タグリファレンス』は2011年5月25日にリリースしたHTML5最終草案をベースにしており、... 続きを読む

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

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

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

Tumblrにfacebookのlikeボタンやらtwitterボタンやらはてブボタンをつける方法 | IDEA*IDEA

2011/12/02 163 users Facebook tumblr IDEA Likeボタン 方法

ドットインストールの公式ブログ（Wordcampで発表したのにTumblr・・・）にいろいろボタンをつけたのでそのやり方をシェアしておきます。 ↑ こんな感じね。 ざざっと。 ■ facebookのlikeボタン 一番面倒ですな。まずはHTML宣言をこちらに差し替えます。 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://ww... 続きを読む

HTML5 は SEO に有効なの？ | WWW WATCH

2011/11/17 113 users SEO WWW WATCH HTML5 Blog コンテンツ

「HTML5 でコーディングしたら SEO （検索エンジン最適化） 的に有利になりますか？」 っていう質問、たまに聞かれるんですけどね。 個人的には "SEO のために" HTML5 にするか XHTML にするかなんて悩んでる暇があったら利用者に役に立つコンテンツの 1つでも考えた方がいいよと思うわけですし、聞かれたときはそのように答えているわけですが、折角なので簡単に考えをまとめて Blog ... 続きを読む

HTML5: img 要素の alt 属性 の仕様 | attosoft.info Blog

2011/11/14 182 users Alt 置換 省略 属性 定義

概要 alt 属性に指定する代替テキスト 空文字列の代替テキスト alt 属性の省略 関連リンク 概要 HTML5 では img 要素の alt 属性の仕様が大幅に変更され、HTML4/XHTML と比較すると定義がかなり詳細化されている。 HTML5 における alt 属性 の仕様を概略すると次のようになる。 alt 属性には画像を置換可能な詳細な代替テキストを指定する HTML4/XHTML ... 続きを読む

XHTMLベースの既存のWordPressのテーマファイルをHTML5にするチュートリアル | コリス

2011/10/10 91 users コリス header.php index.php 補足 既存

XHTMLで作成された既存のWordPressのテーマファイルをHTML5にするチュートリアルを紹介します。 下記は各ポイントを意訳したものです。 はじめに header.phpをHTML5に変更 index.phpをHTML5に変更 single.phpをHTML5に変更 footer.phpをHTML5に変更 補足：IE6/7/8への対応 はじめに はじめに、なぜHTML5を使うのかを理解する... 続きを読む

yebo blog: GrowlがMac App Storeに登場

2011/10/04 13 users Growl CSS yebo blog iOS 5 テーマ

2011/10/04 GrowlがMac App Storeに登場 Mac OS Xの通知サービス「Growl」が完全に描き直され、Lion対応64ビット対応となり、Mac App Storeでリリースされた(価格は170円)。iOS 5の通知センターライクなロールアップウィンドウになっている。20のテーマが入っているが、テーマはCSS/XHTML/JavaScriptを使って自分で作ることもでき... 続きを読む

HTML5＋CSS3ベースのテンプレート集１２:phpspot開発日誌

2011/09/29 56 users phpspot開発日誌 HTML5+CSS3ベース 実用例

12 HTML5 CSS3 Beautifully Designed Themes HTML5＋CSS3ベースのテンプレート集１２ 色々とテクニックが使われており、学習後の実用例として参考にできそうです。 スマホ主流の流れでますます重要度が高まっているので本格的に学んでおきたいですね 関連エントリ ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０ 綺麗にデザインされたフリーのH... 続きを読む

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

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

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

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

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

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

HTML5は難しくない?　HTML5から追加された新要素を理解しよう！【初級編 第2回：HTML5のマークアップ】 | HTML5でサイトをつくろう

2011/09/07 63 users 初級編 新要素 マークアップ HTML5 コーディング

前回のエントリーで簡単なレイアウト構成を作成して、xhtmlとHTML5でマークアップしてみました。前回のエントリーをご覧になっていない方はこちらからご覧になれます。 【前回のエントリー】 HTML5は難しくない!?　XHTML1.0とHTML5のコーディングの違いを確認してみよう！【初級編：HTML5のマークアップ】 今回はxhtmlとHTML5のコードの違いを見ながら、HTML5から新しく追加... 続きを読む