タグ

htmlに関するemimのブックマーク (10)

  • HTMLファイルをアップロードすると、使われているclassやidを取り出してcssの雛形にしてくれるWebサービス・Bear CSS - かちびと.net

    日曜日です。如何お過ごしでしょうか。 さて、今日も軽い話題・・HTMLファイル を送信するとそのページで利用している classやidを抽出、cssの雛形としてDL 出来るようにするWebサービスです。 用途が思い浮かばない・・と、思ったんですけど、良く考えたらリニューアル案件なんかで地味に便利かも。 HTMLファイルを送信したらその中で使われてるclass名とかが書かれたcssを吐き出すってだけのサービスです。 PHPとjQueryプラグインのUploadifyが使われています。アイルランドの学生さんが作ったそうですよ。 送信するとcssの雛形を作ってくれます。 まぁそんだけなんですけどデザインの訴求力があったのでなんとなくご紹介しました。・・でも、なんで熊なんだろ。 以下よりどぞ。 Bear CSS

    HTMLファイルをアップロードすると、使われているclassやidを取り出してcssの雛形にしてくれるWebサービス・Bear CSS - かちびと.net
  • HTMLで文字詰めするタイポグラフィー用JS | fladdict

    HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する

    emim
    emim 2011/02/28
    すーげー。さすが深津さん…
  • 日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら

    HTML5について色々と調べてたときに見つけた資料いろいろです。 せっかくなのでまとめておこうかなと思って記事にしました。 「SlideShare」というプレゼン資料共有サイトがありまして、そこから見つけた資料です。 HTML5に関する資料で役立ちそうだなと思ったものを15個ピックアップしました。 日語で書かれているもののみ抜粋。 HTML5の勉強をしようと思う方や、HTML5に興味のある方は是非ご覧ください。 以下に15個のHTML5関連スライドを貼っておきますね。

    日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら
    emim
    emim 2011/01/20
    矢倉さんのスライド、すごいわかり易い
  • W3CによるHTML5テスト、次世代WebブラウザではIE9がもっとも好成績 | スラド IT

    W3Cが「HTML5 Test Suite Conformance Results」を発表した。これは各ブラウザがHTML5をどれだけサポートしているかを調査したもので、232のテストから構成されている。Internet Explorer 9 Platform Preview 6とChromium 9.0.571.0、Firefox 4.0b8pre、Opera 11.00 alpha、WebKit Nightly Build r70732を対象としてテストが行われ、全体としてはIE9がもっとも好成績を残す結果となった。 テスト結果を見ると、IE9はattributeやaudio、video、xhtml5といったテストを100%パスしている。いっぽう、canvasやgetElemetnsByClassNameについてはほかのブラウザよりも劣る結果となっている。

  • HTML5の可能性

    HTMLが十数年ぶりに改訂される。現行のHTML4.01が策定されたのが1998年。次世代のHTML5は目下、W3C(World Wide Web Consortium)において標準化作業が進行中で、2012年に標準が勧告される予定となっている。 まだ規格が固まっていない段階ではあるが、Internet Explorer(IE)、Firefox、Chrome、Safari、Operaなど主要ブラウザのすべてが、既に対応に取りかかっている。今のところブラウザごとに対応状況に差があり、米国のWebデザイン会社Deep Blue SkyによればSafariと、レンダリングエンジンに同じWebKitを採用しているChromeが一歩抜けている印象だ。だが、IEやFirefox、Operaも次期版の目玉としてHTML5対応をうたっており、その差は早晩、縮小していくはずだ(関連記事1、関連記事2、関連記

    HTML5の可能性
  • 電子書籍フォーマットの未来はこれかな? | gaspanik weblog

    KindleiPadの登場以降、電子書籍がどうこうな話題をよく見かけます。イベントやセミナーなんかも花盛りと言ったところでしょうか。日でも独自のフォーマットがうんたらとか、何を今さら言ってるんだね…って話題が出てきたり一体どうなることやら?って感じです。 電子書籍のフォーマットはいろいろありますが、ePubをサポートしているケースが目立ちます。そのePubでもいいわけですが、XHTML 1.1ベースの規格であり作るのもいろいろ面倒と。「どのみち電子書籍系はいずれWebブラウザでも読めるような形になるんじゃない?」と思ってましたが、どうやらHTML 5をベースとしてもっとシンプルなフォーマットにしちゃおうっていう「Zhook」なるものが動き始めたようです。 AmazonさんのKindleも新しいバージョンで内蔵のWebブラウザがWebkitベースになったみたいですし、最近発売されたデバイ

    電子書籍フォーマットの未来はこれかな? | gaspanik weblog
  • ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α

    モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない!」という項目は以下の6つ ・xhtmlhtml? ・文字コードは? ・tableは使ってOK? ・絵文字は? ・カタカナの扱いは?半角?全角? ・VGA対応は? xhtmlhtml? 最近は基xhtmlで作成という流れに(私の場合は)なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください!」と言われてやり直したことがあります...。 文字コードは? 携帯サイトといったらSh

  • jsdo.it

    Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a

  • | ^^ |秒刊SUNDAY|HTML5のポテンシャルを存分に感じるFLASH越えのサンプル集48個

    Appleをはじめ、最近脱FLASHの動きを見せており、FLASHクリエータとしても、今後どこに向かえばよいのかと、頭を悩ませる今日この頃ですが、そんな中、FLASHの代替方法として注目されているのがHTML5という技術なのです。もちろん、まだ普及するには時間がかかりますが、FLASHを超えるべくポテンシャルは存分に秘めており、WEB業界ではいつかFLASHがHTML5に抜かれてもおかしくは無いという空気になってきております。 <注意> これらサンプルはHTML5で作られております。HTML5が表示できないブラウザでは 閲覧ができませんので、ご注意ください。 HTML5についてはこちらを参考ください。 http://www.html5.jp/ ということで早速サンプルの紹介をします。 音が出るものもありますのでご注意ください。 Audioburst Animation音と、ドットが同調して

  • Makes you HTML souce eautifully indented - Ham Cutlet

    インデントを綺麗に

  • 1