web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
『Flashの代替としてのHTML5』
私は入社して以来、仮想空間サービスのアメーバピグやFacebookアプリの開発などFlashベースのプロジェクトに主に関わって来ましたが（どちらかというとサーバサイドでしたが）、９月より異動になり、既存のFlashコンテンツベースのサービスのスマートフォン対応を担当することになりました。周知の通りiOS(iPhone、iPad)でFlashはサポートされず、ブラウザ上で動かすのであればHTML5関連の技術を使って何とかしなければなりません。Flash的な「タイムラインによるベクターアニメーションを使うアプリケーション」を、既存のSWF素材を活用しつつ、また確立された開発体制をなるべく崩すこと無く、スマートフォンのブラウザ環境でのHTML5においていかに実現するかが目下の課題といったところです。 さて、世間的にも、FlashでできることはHTML5でできるという主張のもと「Flash vs.
3/3 idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About
idとclassの違いと使い分け！スタイルシート(CSS)適用法(3ページ目)idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 id属性を使うと「ページ内リンク」も作れる ある要素にid名が割り振られていれば、対象を一意に特定できます。そのため、id名は「ページ内リンク」のリンク先を指し示す用途としても使えます。 たとえば次のようにリンク(a要素)を記述した場合を考えます。 <a href="#footer">ページ末尾へ</a> 上記は「ページ内リンク」を作るHTMLソースです。このように記述した場合
![3/3 idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
パララックスサイトの基本的な作り方 1/2！
こんにちは。 今回はパララックスサイトの基本的な作り方を紹介したいと思います。 去年くらいから流行始めたパララックスサイト。今年になってもその勢いは止まりません。 そんなパララックスサイトの基本的な作り方です。 パララックス（視差効果）とはパララックス（視差効果）とは画像やテキスト等の個々の要素を別々に動かして視差効果で立体的にみせるテクニックです。 準備をしよう！htmlを用意します。 jQueryはjQueryのサイトから直接読み込みます。 [html] [/html] スクロールした値を取得してみよう！スクロールした値によって個々のボックスを移動させますので、スクロールした値を取得します。 html[html] スクロールの値を取得スクロールの値 | 0 [/html] css[css] body { height: 5000px; } .num { margin: 0; posit
HTML5--押さえておくべき10のタグ
HTML5では、ウェブ開発時に強力なパワーや効率性、柔軟性を発揮するタグと属性が新たに追加されている。本記事では、そういったタグを10個選んで紹介する。 HTML5では、他のシステム（特に検索エンジン！）がドキュメントをより容易に解析できるようにしたり、今までにないデータ表示を可能にしたり、複雑なJavaScript、あるいは「Adobe Flash」や「Microsoft Silverlight」といったブラウザのプラグインを必要としていた機能に取って代わるような数々の新たな要素や属性が追加されている。以下では、HTML5を用いてあなたのウェブサイトを構築する際に役立つ10個の新たなタグを紹介する。 ＃1：<video>タグと<audio>タグ FlashやSilverlightといったテクノロジを用いる最大の理由は、マルチメディアコンテンツの再生にあると言ってもよいだろう。HTML5で
KompoZer: XHTMLに対応したWYSIWYGエディタ
kompozerの日本語化 language packsページより、「ja 日本語 (ja-JP) もとひこ」を選んでダウンロードします。 このファイルは解凍してはいけません。 ▲まずは、図の様にダウンロードしたファイルの拡張子を「.zip」から「.xpi」に変更してやります（ブラウザによってはxpiのままダウンロード出来るかもしれません） ▲ダウンロードが終了したらkompozerを起動し、ツールバーより「Tools」≫「Extension」を選択 ▲「Install」ボタンを押し ▲ダウンロードした「kpz-langpack-jaJP.xpi」を指定、「Instll Now」ボタンをクリック ▲右上のX印をクリック、拡張ウィンドウを閉じ、 KompoZer自体も一旦終了します。 ▲再びKompoZerを起動します。 これでKompoZerを日本語メニューで使用できるようになります。 そ
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
マイクロソフトがHTML5仕様からCanvas要素を外すように提案、しかし一刀両断に...
HTML5の仕様を議論するメーリングリストで、マイクロソフトがCanvas要素をHTML5から外すことを提案したことが、いくつかのニュースサイトで報道されています。マイクロソフトは主要なWebブラウザのベンダとして唯一Canvas要素を実装しておらず、そのベンダが「HTML5の仕様からCanvas要素を外した方がいいのでは？」という提案をしたことで騒ぎになっているようです（参考：Ajaxianのニュース、Webmonkeyのニュース）。 以前からあったCanvas分離の議論 HTML5の仕様からCanvasを外し、Web WorkersやWeb Storage、Web SocketsのようにHTML5の周辺仕様として独立して議論を進めようという提案は以前からありました。 その理由として、Canvasについての議論がHTML5全体の進捗を遅くしており、分離した上で機能やアクセシビリティの向上
CSS YEAR OF THE CAT
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
スタイルシート講座 - 超初心者のためのホームページ作成講座
■ タグに対する設定の方法 タグにスタイルを設定する場合は、 タグ{ プロパティ:値; } となります。 例えば、見出しタグ <h2> に文字色黄色、背景色青、テキストの位置中央を設定する場合は、 h2{ color:#ffff00; background-color:#0000ff; text-align:center; } となります。 同じスタイルをいくつかのタグに設定したい場合はこのようにすることもできます。 タグ1，タグ2，タグ3｛プロパティ：値；｝ タグをカンマ（，）で区切って並べます。｛ ｝の中のプロパティと値は同じです。 上記の例を <h3> と <h4> にも適用したい場合は、 h2,h3,h4{ color:#ffff00; background-color:#0000ff; text-align:center; } となります。 <h2>h2の見出しだよ！</h2>
アラカルト - とほほのWWW入門
2024/02/10 YAPC::Hiroshima 2024 講演会資料 2024/01/14 とほほのGrid入門 2024/01/14 とほほのCanvasライブラリ 2023/07/30 とほほのES2023入門 2023/05/07 CSSネスティング 2023/02/19 コンテナクエリ 2022/10/16 波ダッシュ・全角チルダ問題 2022/06/26 とほほのES2022入門 2022/03/20 とほほのセンタリング入門 2022/03/06 CSSカスケードレイヤー 2022/02/13 Chrome拡張機能開発 2022/01/23 WebSocket入門 2020/12/27 ES2020の新機能 2020/04/12 ModSecurity入門 2020/01/05 フレックス・グリッドのレイアウト 2019/02/11 とほほのPromise入門 2018/
beginners CGI
まずは下のソースを見て下さい。 #!/usr/local/bin/perl print "Content-type: text/html\n\n"; print "太郎"; この三行のみのソースで、実行するとブラウザ上に 太郎 と表示します。 それでは、それぞれの行の意味を順番に見ていきましょう。 一行目 #!/usr/local/bin/perl この行では Perl のパスを指定しますので、ご利用のホームページスペースの指示に従い記述します。 例えばPerl のパスが /usr/bin/perl と記載されていたら、 #!/usr/local/bin/perl と修正します。 Perl のパスは、直接実行されるもののみに必要な記述で、別に読み込まれるファイルなどには不必要です。 自分がアップロードしたスクリプトを実行する Perlの位置を指定する記述なので、初めから作成される方や 初め
XML, Java, そしてWebの将来
Jon Bosak, Sun Microsystems 最終改訂 1997年3月10日 日本語訳: 岡部恵造(FXIS)、楠裕行(FXIS)、藤岡慎弥(沖ビジネス)、村田真(FXIS) はじめに 世界中の読者に向けて、お金をかけずに簡単に電子文書を配布できることから、World Wide Webは驚くべき成長を示しました。しかし、Webがより大規模で複雑になるにつれて、大規模商用出版のために必要な拡張性・構造・データチェック機能を持たないメディアであるということの限界を感じる人も出てきました。また、Webクライアントに強力なデータ処理機能を組み込むJavaアプレットの能力を生かすためには、現在の文書データの配送方法では限界があるということも明らかになりました。 商用Web出版のための要求に取り組み、分散文書処理の新しい領域にWeb技術を適用するため、World Wide Webコンソーシア
リダイレクト - Wikipedia
リダイレクト（英語：redirect） 向け直す・（宛名を）書き換える・回送・転送ということ。 コマンドラインインタフェースにおけるリダイレクトについては、リダイレクト (CLI)を参照。 ウェブサイト閲覧におけるリダイレクトについては、リダイレクト (HTTP)を参照。 このページは曖昧さ回避のためのページです。一つの語句が複数の意味・職能を有する場合の水先案内のために、異なる用法を一覧にしてあります。お探しの用語に一番近い記事を選んで下さい。このページへリンクしているページを見つけたら、リンクを適切な項目に張り替えて下さい。
On SGML and HTML (ja)
この節では、SGMLの解説を行うと共に、SGMLとHTMLとの関係について説明する。 SGMLの完全な説明は、SGML標準 ([ISO8879])に委ねる。 3.1 SGMLの概説 SGMLは、マーク付け言語を定義するためのシステムである。 著者は、著述する文書を、内容の構造、プレゼンテーション、セマンティクス情報などを表すように マーク付けする。 HTMLはマーク付け言語の一例である。HTML文書の例を示そう。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>はじめてのHTML文書</TITLE> </HEAD> <BODY> <P>Hello world! </BODY> </HTML> 1つのHTML文書は、ヘ
検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント
HP(ホームページ)作成＋サイト運営⇒不労所得な副収入