タグ

HTMLに関するu-chanのブックマーク (38)

  • 秋田新幹線・試運転車両を緊急停止させたことについてのお詫び | ABS秋田放送

    u-chan
    u-chan 2013/03/06
    こんなしょーもない知恵は一丁前にあるんだなと言いつつも「ソースいただき」と思ってるコード書き結構いそう。
  • 総務省、縦書きレイアウトを国際標準化 - MSN産経ニュース

    次世代のインターネット閲覧ソフト(ブラウザー)に適用される縦書きレイアウトの国際標準化に向け、総務省が民間企業と検討を進めていることが10日、分かった。今月末にブラウザー開発業者などと検討会を開き、問題点を議論。年内にインターネット技術の国際標準化団体での最終草案作りと、ブラウザーへの実装を目指す。 縦書きレイアウトは日を中心にモンゴルや台湾中国韓国などでも使われており、台湾韓国とは標準化に向けて協力していくことで合意している。国内では次世代ブラウザーだけでなく、デジタルサイネージ(電子看板)、電子書籍などに適用される。漫画などの日文化を世界に伝えやすくなるほか、「災害時に、より見やすい形で電子媒体で情報を伝えられる」(総務省担当者)という。 これまで横書きから縦書きに変換した場合に意味が変わる矢印などの記号の扱いや、文字間の調整など細かな仕組み作りなどを議論。すでにある程度まで

    u-chan
    u-chan 2012/09/11
    これは大事なこと。
  • 快適すぎて涙がでるっ!サクッとTableタグの表がつくれる「MobTabGen」が便利すぎる件【使い方メモ付き】 – 和洋風KAI

    こんにちは。HTMLを書き始めてはや16年目・・・のするぷ( @isloop )です。 95年からネットを初めて、ずっとHTMLを書き続けてきた私ですが、未だになれないタグがあります。 それはTableタグ。 人にデータをわかりやすく提示する表をつくるタグなのに、このタグ自体がちょーわかりにくい。 そんな手強いTableタグですが、ひとりぶろぐの @hitoriblogさんが、このTableタグをちょーわかりやすく作れるウェブサービスをつくってくれました! その名も「MobTabGen」!今日はこのネ申サービスをご紹介します! MobTabGenとは? ひとりぶろぐの @hitoriblogさんが開発した、ちょーカンタンにTableタグを生成できるウェブサービス。元々スマートフォン向けのサービスですが、もちろんPCでも使えます。 MobTabGenの使い方。 MobTabGenにアクセスし

    u-chan
    u-chan 2011/12/28
    便利だけど、自分のstyleコードを代入できないと実運用ではあんまり意味がない。
  • もしも10分の1の行数でHTMLが書けたら

    Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基的な使い方 ここからはZen-Codingの基的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ

    もしも10分の1の行数でHTMLが書けたら
  • IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎

    IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー!」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含

    IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
    u-chan
    u-chan 2011/06/07
    結局、IEが元凶なんだよな...。
  • IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について

    IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意:下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8  HTML 4.01+EUC-JP  HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8  XHTML 1.0+

    IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について
    u-chan
    u-chan 2011/05/10
    MSガラパゴス。
  • 経済産業省 会見・スピーチ 大臣記者会見

    昨日までのことは既にご承知だと思いますが、残された中でどうしても、最重要であるということで2点、先ほど財務大臣、それから与党の政策責任者の方々いらっしゃいましたけれども、1点目は中小企業支援対策、法律が3あって、若干重複もあるということで、それを統合してわかりやすくといいましょうか、効率的な法律にすると同時に、内容も充実をするということで、中小企業を中心にした事業体の連携した異業種間を含めた連携によるプラス効果を支援するための補助金について、トータル26億円、一部認められておりましたけれども、ぜひ要求どおりお認めいただきたいということで26億円増になりまして、これを認めていただいたわけでございます。 2点目が物理探査船でございまして、今まで、内示から昨日の復活折衝もゼロでございましたが、財務大臣、それから両政調会長のもとで私なりのご説明を申し上げまして、その結果、17年度で約101億円、

    u-chan
    u-chan 2010/12/12
    http://d.hatena.ne.jp/Pasta-K/20101212/1292139075 読んで、多様の理由がなんとなくわかったが、ソースそのものを理解していないな。
  • 高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ : HTML/XHTML、CSSコーディング最安保障~クロノドライブ~

    サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス

  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
  • より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding(家) HTMLコーディングが3倍速くなる?「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く

    より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
  • スタイルシートの技

    スタイルシートの技 このページでは実用的なスタイルシートによるデザイン・レイアウトなどをメインに扱っております。 スタイルシートをサブで使うかメインとするかは賛否両論あります。 また、世の中にスタイルシート解説サイトは多数あると思いますが、 スタイルシートの持つ意味を誤解しているサイトが少なからずあるのと、 リファレンスのような書き方ではデザインへの応用が効かないのでは? という事を考えて、すぐに利用できる実用的な形式で参考になればと思って作成しました。 スタイルシートを勉強すると、当サイトの一番下にある「design」のように、 Javascriptと併用したデザイン切り替えページなどを製作する事ができるようになり、表現の幅が広がります! 自分のスタイルシートの知識を簡単にテストできる問題を作ってみましたので、どうぞ。 Introduction - 基礎・導入編

  • BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS

    BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS BOS138 adalah bandar permainan digital yang menjadi destinasi Utama meraih maxwin dengan mudah di seluruh asia tenggara. Dapatkan bocoran spin barbar agar ikut kecipratan hoki dari para big bos!

  • IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開

    業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U

    IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
  • HTML5

    図 HTML5はWebコンテンツとWebブラウザの間のインタフェースの規定へと進化 HTML5はスクリプトがWebページを操作したり,Webブラウザの機能を利用したりするためのAPIを規定する。 HTML5は,W3Cが2012年を目標に規格化作業を進めている次期バージョンのHTMLである。仕様の一部は,FirefoxやGoogle Chrome,Opera,Safariなど,最新のWebブラウザが取り入れ始めている。 HTML5では,WebブラウザがJavaScriptに対して提供する機能と利用のしかたを,新たにAPIとして規定する。この点が現在のHTML4と大きく違う点である(図)。 Webブラウザは,あたかもOSのようにJavaScriptに機能を提供する。JavaScriptは,HTML5のAPIが用意する「メソッド」を使ってその機能を利用する。例えば,JavaScriptがWebブ

    HTML5
  • worldending.jp

    This domain may be for sale!

  • Web標準カリキュラム 日本語訳の公開を開始 | Web標準Blog | ミツエーリンクス

    何度か当Blogおよびコラムのほうで取り上げているWeb標準カリキュラム (Opera Web Standards Curriculum)。4月よりOpera Softwareと協力してその日語訳に取り組んでいますが、昨日Opera Developers Communityより、最初の3が公開されました。 1: Web 標準カリキュラムの紹介 2: インターネットと Web の歴史、そして Web 標準の進化 3: インターネットのしくみ 今後も少しずつ翻訳を進めていきたいと考えています。ご意見・ご感想などあればよろしくお願いします。 コメント とても参考になります。

  • Opera News

    Opera Air Opera Air’s Take a Break feature now comes with new break reminder options July 17th, 2025 Hey all, We’re back with another update to Opera Air, our browser centered on the concept of mindfulness. Based on... Desktop Opera One updates with new webpage Translator and improved Split Screen July 3rd, 2025 We're introducing a new built-in webpage translator to Opera One following your reques

    u-chan
    u-chan 2009/10/23
    ひとつこういうテキストがあると大変便利だし、初心者のみならず、情報の再整理にも有効。㌧クスです。
  • [CSS]スタイルシートの記述をより読みやすくする5つのルール

    <textarea name="code" class="css" cols="60" rows="5"> #nav{ border: solid 1px #DEDEDE; color: #000; padding: 10px; width: 650px; } </textarea>

  • HTMLとCSSしか書かなかったコーダーは今なにしてる? - Hato-Style

    2009年09月13日 (日) Web雑談 風邪ひいた。頭が痛くて熱が下がらない...しかし悶々として眠れない。いろいろと他にの人に迷惑かけちゃったり、マジごめんなさい。ちょっと寝付けなくなっちゃったので、横になりながら頭の中で思ってたことをiPhoneでメモ書き。 マークアップエンジニアはどこへ向かうべきか(を考えてたらカッとなって LL の資料公開) - IT戦記 HTMLは道具 3ping.org マークアップエンジニア云々に関して書いてみる | Blog hamashun.com プログラミング知らないHTMLコーダーがダメな理由 はてな匿名ダイアリー HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kwatchの日記 (X)HTML + CSS しか出来ない人はそれなりに危機感を感じたほうがいいと思った今日の昼ご飯でした。 マークアップエンジ

  • Pure CSS Scrollable Table with Fixed Header

    Also see the The Bullet Resistant Version :: Wider range of support and degrading of Browsers Browser Support (table is scrollable with fixed headers) Opera 7.x + (All Platforms) :: Tested with 7.2x and 7.5x Mozilla 1.x + (All Platforms) :: Tested with 1.0x and 1.6x IE 6.x + (Windows) :: Tested with 6.0x Safari 1.x + (MacOS) :: Tested with 1.2x Konqueror 3.x + (Linux / BSD) :: Tested with 3.2x Alm