ロジカルマークアップについて - rna fragments
パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種 (CSS Happy Life) パズルみたいで面白いのだけどコメント欄で、そもそもパンくずリストをどうマークアップすべきなのか? という話で盛り上がって(?)いる。HTML のセマンティクスに沿って論理構造を表現するマークアップは。。。ということなんだが、かなり違和感を感じる。 パンくずリストはデータ構造としては ordered list だから ol が妥当という。確かに HTML の仕様書では ul/ol は list of information を表現するとあるけど、HTML はデータ記述言語じゃない。人間が読む文書を記述するためのマークアップ言語だ(データ指向/文書指向 で言えば文書指向)。 ここでいうリストというのはリスト構造のことではなくて箇条書きのことだ。箇条書きのように見えるということではなくて
【中級】Web開発の新手法Ajax 第3回
図3●Ajaxの基本的な動き Ajaxアプリケーションは，WebブラウザではなくJavaScriptがWebサーバーへの接続を指示する。送受信されるデータ形式は，HTMLではなくXMLまたはテキスト形式。呼び出されるサーバー側プログラムは，Webサービスになる [画像のクリックで拡大表示] 図4●XMLRPCでWebサービスを呼び出す場合の例 クライアントとサーバー間のやり取りはXML形式のデータになる。サービスを呼び出すには，XML形式の引数を作成する必要がある。Webサービスの戻り値から利用者に表示する値などを取得するには，XML形式のデータをパースする必要がある [画像のクリックで拡大表示] 一般的なWebアプリケーションは利用者の操作を契機にサーバーと通信を開始するが，AjaxはJavaScriptの指示でサーバー側のプログラムを呼び出す（図3[拡大表示]）。ページの部分的な変更が
tableの膨張を防ぐ【css tips】[to-R]
table要素の中に、半角スペースなどの区切り文字が存在しない英数字を入れると、td要素やth要素に設定しているwidthプロパティの長さ以上に、tableが膨張されてしまいます。 サンプル 特に、Firefoxは記号を区切り文字として認識しない為、長いURLなどを入力するとすぐに発生します。 サンプル これについていくつか解決方法があります。 table要素ではなく、div要素で書く まず、最初にためすべき方法です。 table要素に固執する必要がなければ、このようなことで頭を悩ませる必要はありません。 改行したい所にbr要素やスペース 抜本的な解決方法になります。 しかし、当然表示をコントロールする為に構造をいじることは、web標準の考えからは反します。 word-break:break-all; IEの場合はword-break:break-all;を指定することにより回避できます。
![tableの膨張を防ぐ【css tips】[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc062393f1606cbb12dd77a32584cf092c3bd880/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
むやみにキーをフックするのはやめてほしい (kuruman.org > Kuruman Memo)
このエントリーは自分の環境でうまく閲覧することができなかったことに怒りを覚えた筆者がその状況を打開する策をどうにかして正当化し広めようと試みるエントリーである。まる。 最近ウェブ界隈のプレゼンテーションはHTML+CSS+JSで行われることが多くなってきたような気がする。おそらくそのまま資料を公開して情報を共有することが可能である点が受けているのだろう。しかし、もしその資料を公開しようと考えているのならばキーをフックしすぎていないか確認してほしい。(こういうのって、フックって言っていいのかな……まぁいいか。) プレゼンテーション資料はページベースであり、多くの場合縦幅が固定される。しかしながら、ミニノートの解像度の主流は600pxである。ここが重要。横幅800pxはほぼ絶滅したが、縦幅600pxはまだ多少居る。もちろんミニノートのシェアは微々たるものだが、ちょっとした心がけ一つで何の不便も
Archived MSDN and TechNet Blogs | Microsoft Docs
Archived MSDN and TechNet Blogs 2/7/2020 2 minutes to read MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. Archived blogs are grouped alphabetically by the initial letter of the blog name. Blogs and blog posts can be searched by their names, using the Search box at the top of the page. Actively updated blogs have been moved to other blog sites,
ASP.NET Web: The Official Microsoft ASP.NET 2.0 Site : Home Page
Free. Cross-platform. Open source. A framework for building web apps and services with .NET and C#. Get started Supported on Windows, Linux, and macOS Build web apps fast with one stack ASP.NET Core comes with everything you need to build web apps including Blazor, a web UI framework for quickly creating fast, secure, and robust web apps that run anywhere. Learn about Blazor
松本零士氏、著作権武士を自称。「著作権は世襲制」 : 痛いニュース(ﾉ∀`)
松本零士氏、著作権武士を自称。「著作権は世襲制」 1 名前：番組の途中ですが名無しです 投稿日：2007/01/30(火) 19:12:22 ID:UgK/CTfD0 ?BRZ 「漫画家は、刀をペンに持ち替えた永遠の浪人だ。頼れるのは自分独り。 自立してクリエーターと名乗れるようになるまでが、いかにすさまじい道のりか。退職金も年金もない。いつ奈落に落ちるかもしれない」 クリエーターの境遇を語る松本氏の言葉は熱を帯びた。 「著作権で保護されることが、家族や子孫がある自分自身の精神的な安らぎにもなり、創作意欲にもつながる。 ある有名な作家のご遺族から、『私のところの著作権はもうすぐ切れます』と涙ぐまれた ことがある。それが、いずれ自分の子孫にも訪れると思うと、どれほど切ないか。 せめてあと２０年。あの手塚治虫さんの権利すら、あと３０年ほどで切れてしまう。 とりわけ先進国では７０年が増えてきてい
d.aql - scriptタグの中にJavaScriptを書く正しい方法
XHTMLでCDATA区間を使う。以上。 経緯 HTML4のscriptタグでJavaScriptをちょろっと書く時、中にHTMLタグがあるとダメという話が発端である。例えば、以下のようなのがダメだ。 <script type="text/javascript"> document.write('<p><a href="http://www.hikoboshi.org">hikoboshi.org</a></p>'); </script>ちなみに、ブラウザで動かせば多分動く。（試してないけど。）じゃあ何がダメかというと、HTMLの仕様的に。ちなみにこういう書き方をすると、多分HTML4でもXHTML1でもダメだと思われ。 そんな話をきっかけに、いろいろ調べた。 何故ダメか まずはHTML4のDTDを調べる。（別にstrictを選ばなくても良いんだけどとりあえず。） http://www.w
ネットサービスでやってはいけない14のこと（Guy Kawasaki版） | P O P * P O P
このブログでもたまにとりあげるGuy Kawasakiさん。ベンチャーキャピタリストで数多くのネットサービスを手がけています。 そんな彼が「ネットサービスでやってはいけない10のこと」なる記事をあげていました（本当は14ありますが、Guyさんはなんでもポイントを10にするので有名）。 あたりまえ的なポイントも多いですが、数多くのネットサービスに携わっている方の言葉ですから説得力がありますよね。 » How to Change the World: The Top Ten Stupid Ways to Hinder Market Adoption では、早速、下記にご紹介。 【1】 すぐにユーザー登録を要求する 最初にユーザー登録を要求したい気持ちはわかりますが、利用者の心理的抵抗を大きくしてしまいます。 まずは使ってもらうことを第一にしましょう。ぎりぎりまで要求しない方が良いですよ。 【2
Google AJAX Feed API
Platforms and Operating Systems Android Google AI Chrome Google Cloud Firebase Frameworks, IDEs, and SDKs Jetpack Compose Android Studio Flutter Project IDX Google AI Studio Services and Integrations Gemini API Vertex AI Identity Google Pay API Google Workspace Growth and Monetization Google Play Google AdMob Google Ads Chrome Extensions Google Search Central Groups Google Developer Groups Google
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」:phpspot開発日誌
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」 2007年01月31日- Spinelz - JavaScript libraries Spinelzはscript.aculo.us.をベースに開発されています。 Ajaxや、script.aculo.us.の持つアニメーション効果を最大限に活かした、ちょっと便利な機能を提供しています。 script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」。 タブ、メニューバー、ナビゲーションパネル、カレンダー、グリッド、ツリービュー等リッチなコンポーネントを実現できます。 以下にいくつか紹介。 タブボックス メニューバー ナビパネル カレンダー グリッド ツリービュー コンポーネントはＣＳＳによってデザインされているため、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック | Tech de Go
べそかきpaintboxの言いたい放題:科学は楽しい