この記事のトピック ブロック・スキップの“決定版”をつくる。 ブロック・スキップのよくあるパターン。 【パターンB OffScreenパターン】の問題。 【パターンA: JIS X 8341-3:2004 例示パターン】 におけるPC-Talkerの問題 レイアウトへの影響を失くす。 PC-Talkerのページ内リンクには更なるバグがある。 さらに問題は続く。 PC-Talkerのページ内リンクの特効薬。 まとめ:ブロック・スキップの“決定版” こんにちは。“時代の3歩先をねらうWeb屋さん”ミキ・オキタです。 このブログ「WebClip ウェブデザインのニュース」では、Webデザイン・Webマーケティングの話題をお届けしています。 ブロック・スキップの“決定版”をつくる。 Webアクセシビリティのテクニックに“ブロック・スキップ”(注1)がある。 “ナビゲーション・スキップ”“スキップ・
Best Practices for Speeding Up Your Web Site The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, styleshee
先日、WCAN mini Markupの第8回がありました。前回の「デザインを(X)HTML化しました」に続いて、今回は「CSS ココにこだわってみました」というテーマで前回組んだHTMLを(一部でもいいので)CSSで装飾してみよう、ということをしたのですが、フツーにXHTML+CSSで組むのもつまらないなーと思って最近話題になりつつあるHTML5でページを組んでみました。主に以下のサイトを参考にしました。 HTML 5 (W3C Working Draft 10 June 2008) HTML 5 (Editor’s Draft 12 December 2008) HTML 5 における HTML 4 からの変更点 (Working Draft 22 January 2008) HTML 5 の新要素 HTML5が話題になっているので試しに書いてみた。|CSS HappyLife 試しに
How to use our HTML2PDF API Below you'll find basic examples for all major programming languages. With just a few lines of code you can convert any URL or HTML to PDF. You can find all options and examples in our API documentation and the description of the click to PDF links. PHP C# / .NET Java Python Ruby Perl cURL Wget JavaScript // the following code converts the URL https://example.com to PDF
W3Cにおいて、target="_blank"は非推奨なのでしょうか?というご質問をいただきました。 HTMLの仕様書では、center要素やfont要素などの文書内容を意味づけするものではなく、見栄えを表現する要素や属性が「非推奨 (deprecated)」と定義されています。しかしtarget="_blank"の場合は、この「非推奨」とはなっていません。ただし、HTML 4.0 やXHTML 1.0のStrict文書型では、target属性が定義されていないため利用できません。このためtarget属性を用いる場合は、Transitional文書型を選択する必要があります。 さて、target="_blank"があまり奨められないとされているのには、いくつかの理由が存在します。 ひとつは、リンクが新規ウインドウで開くと明示されていないページの存在です。ほとんどの場合において、新しいウイン
情報は伝わるか? そもそも情報は伝わらない… 生命情報:生物が世界と関係することで出現する、意味のある(識別できる)パターン 観察者(主体)が世界をどのように捉えるか(関係)を表すパターン。人によってその関係=パターンは異なるので、完全には伝えられない。 社会情報:生命情報を人間が(ことばとして)記述する 共同体(国家、コミュニティ…)での共通了解=意味のとりあえずの固定(規範化作用) 機械情報:言葉の記号作用の「記号表現」だけを取り出したもの コンピュータ、ネットワーク上のデータとして蓄積、交換される (西垣通 『ウェブ社会をどう生きるか』) そこを何とかうまく伝えるためには 明晰な論理と文章 分かりやすい情報のかたち 互いに理解できる名前 情報の伝達と名前 機械情報を介した情報のコード化と再構築 情報が伝わるためには、まず社会情報が適切に再現される必要がある 同じ社会情報でも人によって
Apple、Mozilla Foundation、Opera Softwareの関係者は9日(米国時間)、W3C HTML Working Groupに対して「Proposal to Adopt HTML5」と題したメールを送信した。これは次期HTML標準の策定開始を打診するもので、その足掛りとしてHTML5を使ってはどうかと提案している。内容は、W3Cが公開しているメーリングリストのアーカイブで確認できる。 HTML5は、ブラウザベンダーらによって構成される団体「Web Hypertext Application Technology Working Group(WHAT WG)」において策定が進められている規格。同グループで策定している「Web Applications 1.0」や「Web Forms 2.0」といった規格をベースにしたもので、HTML4との互換性を保ちつつ、新しい機能
CSS HTML Converter / Stuff / Andy Langton's Website CSSとHTMLを相互に書き換えることができる「CSS HTML Converter」。 CSS HTML Converter を使って、CSSでのスタイル指定をHTMLに変換したり、逆にHTMLの<font>指定の記述をCSSによる記述に変換することが出来ます。 次がその変換例) HTMLのFONTタグをCSSに変換できてます。 CSSを知っている人には無縁のツールかもしれませんが、HTMLを知っていてCSSはこれからという人にはもってこいのツールなんではないでしょうか。 これからCSSを学ぼうという人には良いツールかもしれませんね。
最近、CSS の使いまわしなどを視野に入れ、一部で class名や id名の共有というテーマへの関心が徐々に高まりつつあるような印象です。microformats なんかも、その流れのひとつといえるでしょう。 Naming conventions table(And all that Malarkey) もう、class名やid名で悩まないんだからっ!!(CSS HappyLife) (X)HTML の id/class における命名規則(purprin さん CSS Flight プレゼンスライド) 名前の共有はコードの共有のための(複数人で同一コードを編集・転用する)重要なファクターのひとつですし、非常にいい傾向だとは思うんですけど、実際につけられている名前を見てみると、シブい顔をせざるを得ない事例が結構あるようです。 コード共有のためには避けたい命名事例 構造ではなく見栄えで命名して
WYMeditor WYMeditor's main concept is to leave details of the document's visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible. XHTMLを編集できるWYSIWYMエディタ「WYMeditor」。 HTMLを出力できるWYSIWYGエディタは多いのですが、XHTMLをはいてくれるものはあまり無かったですね。 H1やH2などの論理構造を上記のように表示してくれ、ブラウザベースの簡単なHTML編集などに便利そう。 ダウンロードして独自アプリに組み込むことができます。ライセンスはMIT and GPL。 関連エントリ
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。8月12日(月)~8月18日(日)〔2024年8月第3週〕のトップ30です*1。 順位 タイトル 1位 いつか役に立つやつ - Togetter [トゥギャッター] 2位 ブラウザの履歴を操作して「戻る」ボタンで広告を出すやつについて – コーヒーサーバは香炉である 3位 そこそこ借金して「俺が考える最強のタスク管理・時間管理サービス」作った。どうか使ってみてほしい|jMatsuzaki🔥 4位 ひとりの書店主として、伝えたいこと とうとう危惧していたことが現実になってしまった。|二村知子 隆祥館書店 5位 【速報中】岸田首相会見 自民党総裁選挙に不出馬を表明 首相退任へ | NHK | 自民党総裁選 6位 人事制度の脆弱性を衝いて給料UPする『人事制度の基本』: わたしが知らないスゴ本は、きっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く