タグ

markupとsoftに関するsirouto2のブックマーク (20)

  • KompoZer(Nvu)マニュアル

    KompoZerのヘルプファイル全訳です。一通り目を通すことで、KompoZerの基的な使い方がマスターできる構成になっています。またKompoZer≡Nvuとして語句を置き換えることで、そのままNvuのマニュアルとしても読むことができます。 最初のチュートリアル編では、ごく簡単にKompoZerの諸機能が概説してあります。これを読むだけでもKompoZerで簡単なウェブページが作れるようになるでしょう。KompoZerの機能をもっと詳しく解説してあるのが、次のヘルプファイルです。初めてサイトを作成しようという方でも、最初から読み進めていけばバッチリだと思います。

  • SVGでゲームっぽいデモ

    初回は、フォント読み込むまで文字が表示されなかったりします。 iPhoneでも動作を確認しました。 素材 | SVGライブラリ ご意見などは、@masuidriveへ

  • グーグルが賭けるHTML 5の未来 - @IT

    2009/05/28 「決してWebをあなどってはいけない」(Never underestimate the Web)。Google I/O 2009初日の基調講演でシュミットCEOに続いて登壇したのは、米グーグル バイス・プレジデントのビック・グンドトラ氏だ。ゆっくりと一語一語を区切りながら語り始めたグンドトラ氏の言葉には重みがある。彼は元マイクロソフト社員で、まさにWebをあなどっていた側にいたからだ。 グンドトラ氏はWindowsプラットフォームを唱道する立場にあった。彼に限らず、マイクロソフト社員の間には、ネイティブアプリケーションでなければできないことがあるとする見方が一般的だったという。「Keyholeという会社が出てきたとき、彼らが持つようなアプリケーションこそ、ネイティブでなければできないものだと言っていた。ところがグーグルは2004年11月にKeyholeを買収し、Goo

  • IE、Firefox、Safari、OperaのCSSに関する互換性 - builder by ZDNet Japan

    今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 ビジネスのためのデータ基盤構築 DX時代の企業成長はデータ活用が鍵 新たな展開を後押しするSQL Server活用 VMware modern App Days特設企画 VMware Tanzuによって拓かれる未来 これからアプリケーション戦略の道しるべ オラクルスペシャリストが語る! 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 DX推進を阻害する3つの要因 プロフェッショナルが語る データ分析・データ活用の実現 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる 内閣官房やラックが登壇 ゼロトラストが官民一体で サイバーセキュリティを定義する クラウドネイティブの実現 モダンインフラの構築・運用の課題

  • [CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス

    Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel

  • IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル

    Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動

  • ウノウラボ Unoh Labs: hasLayoutとは何か

    yamaokaです。 CSSに携わっている方なら、Holly hackを使ったことがあるかもしれません。 /* Hides from IE5-Mac \*/ * html .foo { height: 1%; } /* */ Internet Explorer(以下IE)で、レイアウトに問題のある要素に 上記のようなスタイルを指定をすると、 あら不思議、まともな表示がなされるというものです (上記のままではIE7に対応していませんが…)。 さて、どうしてレイアウトが意図したとおりに行われるようになるのでしょうか。 IEのhasLayoutプロパティ IEでは、全ての要素が 「hasLayout」という読み取り専用のプロパティを持っています。 これはそれぞれの要素がレイアウト情報(=要素の幅・高さなどに関する属性情報)を 保持しているかどうかを示す値で、 デフォルトの状態では「hasLayo

  • MOONGIFT: » 出た、構造化CSS「CleverCSS」:オープンソースを毎日紹介

    前にCSSの記述テクニック 階層宣言コーディングというエントリーを読んだ。これはエイプリルフールネタではあるが、同じ事を考える人は他にもいるようだ。そして、それをネタとしてではなく、ないなら実現してしまおうと考える。 今回紹介するオープンソース・ソフトウェアはCleverCSS、構造化CSSを実現するソフトウェアだ。 CleverCSSPythonで提供されるソフトウェアで、元になるCSSをベースに変換したCSSを出力する仕組みになっている。かなり面白い機能が盛り込まれているので順番にご紹介しよう。 まず構造化。Pythonのように階層を意識して書く事で、上の階層の名前を継承しつつ記述されていく。この時、{}をつける必要がなく、YAMLのような感じで書ける。 次は名前の収束だ。a:hover、a:visitedのような同じような定義の場合、a: &:hover: &:visitedのよう

    MOONGIFT: » 出た、構造化CSS「CleverCSS」:オープンソースを毎日紹介
  • 窓の杜 - 【NEWS】スタイルシートのソース表示に特化したFirefox拡張「View formatted source」

    スタイルシートのソース表示に特化した「Firefox」拡張機能「View formatted source」v0.9.5.0が、5月2日に公開された。「Firefox」v1.0以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.4で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「View formatted source」は、Webページで定義されたスタイルシートから、調べたい部分のみを抜粋して表示できる「Firefox」拡張機能。スタイルシートは一般的に、HTMLファイルとは別のCSSファイルに定義されることが多いため、たとえば特定ブロックに対応するスタイル定義を探すのに苦労することがある。 拡張機能を使用すると、まずWebページ内のテーブルなどのブロック要素がそれぞれ赤色や青色でハイライト表

  • [ スクリーンショット.jp ] - マルチブラウザでレイアウトチェック

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • 窓の杜 - 【NEWS】米MS、HTML構造やレイアウトを検証できるWeb制作者向けIEプラグインを正式公開

    Microsoft Corporationは9日(現地時間)、Webページの構造を検証できるIE用プラグイン「Internet Explorer Developer Toolbar」の正式版を無償公開した。Windows XP/Server 2003/Vista上のIE6/7に対応し、現在同社のダウンロードセンターからダウンロードできる。 「Internet Explorer Developer Toolbar」は、IEのエクスプローラバーとして動作するWeb制作者向けのプラグイン。ローカルまたはインターネット上のWebページのHTML/CSS構文を解析でき、レイアウトや色合いの調整、W3Cの文法チェックサービスを利用した構文エラーチェックなど、アクセシビリティに配慮したWebページ作成に便利な機能が多数搭載されている。 エクスプローラバーはWebブラウザー画面の下側へ表示され、上部に各

  • TRANS - * { magin: 0;}だけでは物足りない!zoom: 1;を使おうよ!

    IE6からIE7が今後格的にマーケットシェアを取って行くことを考えると、IE7の仕様やバグを考えた上でのマークアップが欠かせないとは思います。でも、僕らはまだIE7がどんなものかが分からない。そのため、とりあえず* { zoom: 1;}を指定しておくことが安全策なのかもしれません。 IE7のZoom機能で、見事にこける。 先日、うちの体のサイトを更新し終わった際に、スタッフから「あれ、しゃらくのサイトずれてるよ」と指摘されました。更新箇所が多く、CSSも多少いじくったので、どこか消してしまったのかもしれません。そこで、自分のブラウザで確認するも、どうも問題が再現できない。そのスタッフのブラウザを見ると、こんな感じになっていました。 僕のFirefoxで見てみても問題ないし、そのスタッフが使っているIE7でも問題なし。「うーん」と悩んでみるものの、意外と答えは簡単なところにありました。

    TRANS - * { magin: 0;}だけでは物足りない!zoom: 1;を使おうよ!
  • ウノウラボ Unoh Labs: IE6 CSS 『border-leftとpadding-bottom』の謎

    こんばんは、sashaです。 次のような形のスタイルを実装しようとしていて、 実例 posted by (C)フォト蔵 IE5.5や6でこんな状況に出会ったことはありませんか? (赤と青のボーダーは、elementの境目がわかりやすいように入れてあります) 実例バグ posted by (C)フォト蔵 どこがおかしいかお分かりになりますでしょうか。2項目目の赤と青で囲まれたテキストが、左に飛び出ていますね。その下にあるテキストまで、左にずれてます。 これは、多くのデザイナーの悩みの種である、「IE」の代表的なバグのひとつです。 このバグを再現させるのに必要なことはたったこれだけ。 「divの中にdiv」など、ブロック要素を2重にする 外側のブロック要素に、border-leftとpadding-bottomを定義する 以上。これだけでIEさんの地雷を踏めます。 以下のH

  • 選択したテキストのスタイル(CSS)状態を簡単に知ることができるFirefox拡張「Font Finder」:phpspot開発日誌

    選択したテキストのスタイル(CSS)状態を簡単に知ることができるFirefox拡張「Font Finder」 2007年02月21日- Font Finder | Firefox Add-ons | Mozilla Corporation Get all CSS styles of selected text in Firefox. 選択したテキストのスタイル(CSS)状態を簡単に知ることができるFirefox拡張「Font Finder」。 ページを見ていて、このスタイルシートはどうなっているんだろう、と思うことがあると思います。 そんな場合に使えるツールで、テキスト選択して簡単にスタイル状態を知ることが可能です。 使い方は簡単で、まず、テキストを選択 右クリックで、「Font Finder」をクリック。 すると、次のようなダイアログが表示されます。 FireBugなんかでも同じような情

  • 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (1) 01 はじめに IE7日本語正式版のCSS実装を検証する (MYCOMジャーナル)

    Internet Explorer 7日語正式版 Internet Explorer 7(IE7)の日語正式版がリリースされた。現在はまだダウンロードしてインストールする必要があるが、2007年4月をめどに、Windowsの自動アップデートで「優先度の高いアップデート」として配布される予定だ。「IE7ではWebページの表示が崩れる」といった問題が出る場合、それまでには対応を済ませておきたい。 そこで稿では、IE7 beta2のCSS実装検証を元に、IE7日語正式版における変更点やバグをまとめる。また、IE6以下との下位互換やモダンブラウザとの互換性を保ちながらバグを回避する方法、CSSハックについても検証する。 新規対応機能一覧 未対応機能一覧 修正済みバグ一覧 未修正バグ一覧 CSSハック一覧 参考 CSS実装徹底検証! そこが知りたいInternet Explorer 7 なお

  • 窓の杜 - 【NEWS】Microsoft、フリーのXMLエディター「XML Notepad 2007」を公開

    Microsoft Corporationは21日、XMLデータをツリーで編集できるXMLエディター「XML Notepad 2007」v1.0 英語版を公開した。Windows XP/Server 2003/Vistaに対応するフリーソフトで、現在同社のダウンロードセンターからダウンロードできる。なお、動作には.NET Framework 2.0が必要。 「XML Notepad 2007」は、3ペイン型のXMLエディター。左側にはXMLデータの構造をツリー形式で表示し、右側には各要素の編集画面、下部には文法エラーなどのチェックリストが表示される。 ツリー上では、要素や属性といったノードを挿入できるほか、ノードの切り取り・コピー・貼り付けが可能。またドラッグ&ドロップでノードの階層を移動できる。XMLデータの編集中は、リアルタイムでエラーチェックが行われ、文法エラーが発生した場合は、画面

  • Modern Syntax : タブデザインのためだけのソフトウェア「CSS Tab Designer」

    さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor)の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く!という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f

  • Hatena::RSSからReferrerをつけない方法(Firefox)

    概要 ▶ はてなRSSリーダーってフォルダというかグループのReferrer(リンク元) のURLがアクセス先に付いてしまうからイヤ~んという人もいるかもですね。 オレ自身、はてな RSS をプライベートモードで使っているのですが、これが、意外な部分で漏洩してしまいます。自分のはてな RSSの記事リンクから、はてなユーザーのダイアリーに飛んだ場合、そのダイアリーにリンク元表示の設定があると、RSSはてなRSSリーダーってフォルダというかグループのReferrer(リンク元) のURLがアクセス先に付いてしまうからイヤ~んという人もいるかもですね。 オレ自身、はてな RSS をプライベートモードで使っているのですが、これが、意外な部分で漏洩してしまいます。自分のはてな RSSの記事リンクから、はてなユーザーのダイアリーに飛んだ場合、そのダイアリーにリンク元表示の設定があると、RSS

    Hatena::RSSからReferrerをつけない方法(Firefox)
  • ちょっとしたメモ - IE7もFirefox2もRSSを特別扱い

    IE7がRSSフィードのXSLTを無視することは以前も書いたが、Firefox 2.0までやってくれるとは。RSSの普及に対応し、特別なスタイル指定がなくてもフィードを読めるようにするという趣旨は分からんでもないが、HTMLのブラウザが作者スタイルシートがあればそちらを優先するように、文書のスタイル指定は尊重するほうが望ましいのではないか。 IE7の場合は、インターネットオプションのContentsタブでFeedsの設定を開き、「Turn on feed reading veiw」のチェックを外せば普通にXSLTを適用して表示できる。それに対してFirefox 2.0のほうは、フィードリーダに何を使うかが選択できるだけで、XSLTを有効にするオプションは見あたらない。しかも、デフォルトのフィードリーダでは、RSSの名前空間の要素のみが表示されて、dc:dateなども無視されるというお粗末さ

  • トーテムポーる Firefox2でGoogle Reader をRSS reader として追加する方法

    参考: 最速インターフェース研究会 :: Firefox2.0に任意のRSSリーダーを追加する方法 Adding feed readers to Firefox - MDC bookmarkletから追加するという手もあるのだけれど、それだと複数のfeedを提供しているページでの選択が基的に出来ないのでそういう場合に対応するためにこの機能を使うと便利かもしれない。 browser.contentHandlers.types.5.title: Google Reader browser.contentHandlers.types.5.type: application/vnd.mozilla.maybe.feed browser.contentHandlers.types.5.uri: http://www.google.com/reader/view/feed/%s とすればいいので G

  • 1