概要 ▶ HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは本当にいいものだ！」というものが更にわかってきたので、その部分を紹介。前回はjQueryのロードの方法がナイス！という話でしたが、今回はhtmlタグの書き方がナイス！という話。いや、本当にさすがとしか言いようがない。本ページはプロモーションが含まれている場合があります HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは本当にいいものだ！」というものが更にわかってきたので、その部分を紹介。 前回はjQueryのロードの方法がナイス！という話でしたが、今回はhtmlタグの書き方がナイス！という話。 いや、本当にさすがとしか言いようがない。 Interne
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス
最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co
Dreamweaver CS6 と HTML5 で始めようスマートフォン＆タブレット対応 HTML5 特設サイトは、HTML5/CSS3 やモバイルデバイスの活用を検討している方に最新情報をお届けするアドビ公式サイトです。 事例から Adobe®Dreamweaver® CS6 を始めとする制作環境まで、幅広い観点から Web の新しい方向性をお伝えします。 本文へ 本サイトについて 本サイト自体が、マルチデバイス対応のレスポンシブなデザインの事例として制作されています。表示される画面の大きさに応じて、閲覧し易い様にレイアウトが変化します。詳しくは「互換化とは」をご覧ください。 jQuery Mobile を使ったスマートフォン向けの専用サイトも公開中です。
CSS（スタイルシート）の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。 はじまりはじまり。 ネタに困ったときの最終手段。「まとめ」をします。 今回は、これからHTML＆CSSに挑戦する方、または始めたばかりの方にお役立ていただけるような、比較的易しいサイトをまとめてみました。 (X)HTMLリファレンス系 標準的なWebページを作る全ての基本は、(X)HTMLの要素の役割を理解し、正しくマークアップすることに尽きます。そのため、リファレンスを読んで要素とその役割を覚えるだけでも非常に効果的です。W3Cのサイトをみれば全てが載っていますが、何せ英語、しかも専門用語ずらずらなので、分かりづらい！ということで日本語のページを中心に集めました。 (*が付いているのは英語のページです) とほほのＷＷＷ入門多くの方が閲覧したことがあるであろう、定番ページです。更新さ
このコミックは、“Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip”にあるコミックを、著作者の許可を得て日本語に訳したものです。 元になった記事の翻訳も行っています。“Misunderstanding markup”をご覧ください。 先週、W3CはXHTML 2 Working Groupが年内でその活動を終了すると発表したんだ。単刀直入で、歓迎されるべきことだったんだけど、「XHTMLが終わってしまう」と多くの人を混乱させてしまった。Zeldmanのblogポストに寄せられたコメントを読むと、それが分かると思う。 仕方のない部分もある。異なる技術に、同じような名前がついていたことが原因なんだから。しかも、これは今に始まったことじゃあない。 たとえば、JavaScript。Javaになにか関係しそうだけど、そうじゃないよね。書き方がすこ
人気記事 1 PayPayアプリでATMから現金を入出金可能に--キャッシュカード不要 2024年12月18日 2 mixi2話題沸騰--「ここ最近、特にひどくなったX」を代替する国産SNSになり得るか（石川温） 2024年12月17日 3 mixi2が「ネット老人会のおもちゃ」で終わらないために大切なこと--現時点での機能も解説 2024年12月18日 4 Xで「ハッシュタグを使うのはやめて」とイーロン・マスク氏--「目立ちたがりを罰するアルゴリズム」示唆？ 2024年12月18日 5 スナドラ8 Elite搭載なのに安価、ゲーミングスマホ「REDMAGIC 10 Pro」レビュー 2024年12月09日 6 PayPay、標準カメラアプリでコード決済可能に--とある操作ミスの解消が目的 2024年12月11日 7 iPhoneのシャッター音を「日本だけ」消せない裏事情--スマホ通だけが
XHTML2.0の策定が終了 (廃案) し、これでHTML5.0への移行が本決まりのような流れに。 Googleの一部のページでは、既にHTML5.0の仕様に沿った形で文書が作成されている。とは言ってみても、Googleの文書はかなり荒っぽいから、参考にはできないだろうね。少なくとも、文法面では落第だろうと。 HTML4とHTML5.0で大きく違ってくることは、レイアウト的な要素が追加されている点。 例えば 4.4 Sections, header要素とfooter要素の追加。これでdiv要素を用いたヘッダーとフッターから解放されることになり、それぞれ意味を持つ内容となるわけだ。 文書を一段と構造化させる為の要素を新しく提供してくれているわけ。 使い方次第では滅茶苦茶な意味・内容になる可能性があるだろうけど、仕様通りに用いれば理解しやすい構造になって、検索結果にも影響が出てきそうな感じがす
Adobe Systems Iberica, S.L.でGroup Manager，EMEA Platform EvangelismのEnrique Duvos氏 World Wide Web Consortium（W3C）が策定作業中の次期Web標準技術「HTML 5」は，動画の再生機能やグラフィックス表示機能などを備えることから，米Adobe Systems Inc.の「Flash」と競合するのではないかと言われている。この点について，Adobe社のエバンジェリストであるEnrique Duvos氏に聞いた。Duvos氏はスペイン・バルセロナのAdobe Systems Iberica, S.L.でGroup Manager，EMEA Platform Evangelismを務める。 ――Adobe社のRIA（rich internet application）技術の一つである「AIR
自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする。 モジュールの開始要素には、「mod_moduleName」のようにclass（もしくはid）をつける。 モジュールやエリアのclass/idを起点に全てのスタイルを指定する。p、h1～h6、blockquote、table等、要素自体に直にスタイルを指定してはいけない。（グローバル変数を使っているような状態になってしまうため、以降考慮するのが面倒。リセット程度に済ます。） モジュールにスタイルを指定する際には、mod_moduleNameを起点としてスタイルを指定し、カプセル化を
何かしらのサイトを組んでいる時って誰でも一度は思うんだろうけど、 「IEなんて・・・（自重」、「IEさえ・・・（自重」、「ちょ、IEおま・・・（自重」 とか、思うっすよね。 ボクも勿論その中の一人で、特にIE6に関しては常に思ったりしています。 IEのために今までどれだけの時間を費やしたか・・・と思えるほどに。 そんなIEさんですが、今日は逆にIEが有るから助かってるかもって思えるお話です。 ぇーまぁそんな訳で、明日からIEが一切なくなったとして。 「3番目のグローバルナビだけちょっと指定変えてもらえる？」 と、言われて、 『class追加するのやだなぁ』 ってのが、 「リンク先変わらないんだから属性セレクタ使えばいけるっしょ」 って言われてしまったり。 「そこの最初のh3だけmargin-topは0で、他のh3は30pxでお願い」 と、言われて、 『最初のh3だけclass追加しないとい
linker journalの「画像置換について考えてみました」にコメントした内容が間違っていたので、訂正記事を書いておく。 以下、自分がコメントした内容。 a要素の画像置換に限定して言えば、JavaScriptだけでは:activeと:focusダイナミック擬似クラスを表現できません。 :activeダイナミック擬似クラスに関しては、JavaScriptでも表現できる。サンプルを作ったので、実際に確かめてほしい。 よくあるロールオーバーのスクリプトに、onmousedown/onmouseupイベントを追加しただけだ。主要なモダンブラウザで問題なく動作するのを確認した。 :focusダイナミック擬似クラスは自分の知識ではできなかった。kotarokさんがコメント欄で「onfocusイベントで表現できる」と書いてあるが、img要素にonfocusイベントは指定できないはず。どうやって実装し
人気記事 1 スマホが望遠性能を競うなか、パナソニックが「光学30倍ズーム」のコンデジを6万円で投入した話 2025年03月19日 2 タイミー、「始球式の登板」をバイトで募集--時給1300円、交通費500円 2025年03月19日 3 レノボ、新「ThinkPad」15機種--日本向けに軽量化追求、塚本副社長「1kg以外の話は聞きたくない」 2025年03月19日 4 デジカメの人気が再燃している5つの理由--スマホに追いやられたはずがなぜ？ 2025年03月12日 5 筆者が手放せなくなった「USB-C」ケーブル--旅行や出張が多い人に最適【ミニレビュー】 2025年03月18日 6 ついにLINEが「スマホの2台持ち」に対応--ただしサブ機がAndroidの場合のみ（追記） 2025年03月17日 7 東海道新幹線、グリーン車より格上の「半個室」座席を導入--2027年度から 20
Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 Anywhere Workspace！ ハイブリッドワーク時代の働き方 分散業務環境3つの課題と解決策 RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放！ 高付加価値業務への転換のために 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM ランサムウェア対策やリスク管理 マイクロソフトが語るサイバー犯罪の 世界的状況と最新のセキュリティ対策 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 仮想環境データ保護の新次元 高度化・複雑化するIT環境の課題への解決策 最新鋭データ保護・管理ソフトウェア基盤 リモートワーク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
