タグ

(x)htmlに関するmooiboomのブックマーク (66)

  • フォトショ画像が1クリックでCSS+HTMLに! PhotoshopをWebオーサリングツールに変える「psd2css」

    Web制作の画像素材作成にも活躍するPhotoshop。ロゴやアイコンといったパーツのデザインに限って使う人から、デザインカンプの制作~スライスまでこれ1でこなす人まで……と、その活用法は人それぞれ。だが、Photoshopを簡易Webオーサリングツールとして使う方法があることをご存じだろうか? それを実現するのが、「psd2css」というユニークなオンラインサービスだ。 PSDファイルをCSSレイアウトのWebページに変換する psd2cssは、その名のとおり、PhotoshopのPSDファイルをブラウザーからアップするだけで、CSS/XHTMLファイルに自動変換してくれるサービスだ。……と、さらっと書いてはみたが、よく考えるとこれはスゴい。Photoshopにある「Web用に保存」機能を使えば、Web用に最適化されたJPEGやPNG画像と一緒にHTMLを書き出すことはできるものの、ス

    フォトショ画像が1クリックでCSS+HTMLに! PhotoshopをWebオーサリングツールに変える「psd2css」
  • 車を売る際に必要な手続きと書類まとめ

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

    mooiboom
    mooiboom 2009/03/17
    ありゃ、知らなかった。次から忘れず追加。
  • マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)

    こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。 その違いを認識する上でも、また制作サイドのディレクションに活かす上でもエントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている「DOCTYPE」とは何か? HTMLソースを開くと、こういった記述を目にしませんか? !DOCTYPE html PUBL

    マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
  • サービス企画をする人のための「セマンティック WEB 」講座 : LINE Corporation ディレクターブログ

    こんにちは、齊藤です。 7月15日にライブドアに入社しました。livedoor Readerとlivedoor クリップを担当しています。前職はエンジニアでしたので、技術の話もできるディレクターとして頑張ります。 今回は、「セマンティック WEB 」をサービスの企画に活かすための実例を紹介していきたいと思います。皆さんは「セマンティック WEB 」という言葉を聞いたことがあるでしょうか。今回はセマンティック WEB 構想を簡単にご紹介して、そのビジネス的な観点を考察してみたいと思います。 【01】セマンティック WEB 構想とは何か セマンティック WEB は、WEB 上に存在する様々なページにメタデータを付与することによって、WEB の世界を単純なデータの集合から進化させて、「意味」や「関係性」を持たせた巨大なデータベースにしてしようという構想です。その具体的な表現方法として、XML /

    サービス企画をする人のための「セマンティック WEB 」講座 : LINE Corporation ディレクターブログ
  • セマンティックHTMLの規格化に向けたHTML 5のドラフト - builder by ZDNet Japan

    激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる ユーザビリティを第一に! ソフトウェアの力でビジネス変化に対応 ハードとソフトがセットになったストレージ 身近な改善の第一歩! ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 ひとり情シスのための年度計画 大企業も中小企業も求められるレベルは同じ 限られたリソースでのIT管理対応法 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 20年培ったデジタルカイゼン文化 誰もが知るあの「Notes」で実現する 現場とIT部門二人三脚でのデジタルカイゼン ともにDXを推進する コンテナ

  • HTML5 における HTML4 からの変更点

    この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日語訳です。 原文の最新版 は、この日語訳が参照した版から更新されている可能性があります。 この日語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011

  • ごく簡単なHTMLの説明 -- 要素タイプ一覧

    *link要素は「少し詳しいHTMLの説明」シリーズで紹介 親要素と子要素 基要素の章で説明したように、HTMLの要素は親子関係を持ち、それぞれ親になれるもの、子になれるものが定められています。ここでは、厳密なDTDの定義ではなく、実際にタグを書いていく上で理解しやすいようにアレンジして親子関係を整理してみました(ここで使っているBlock, InlineはDTDの%block;、%inline; と正確には一致しません)。詳しくは以下の注意点を参照してください。 親要素、子要素の欄で具体的な要素名が記述されているのは、その要素タイプのみが親子となります。 親が「Blockコンテナ」となっているものは、ブロックレベル要素のグループに属し、子要素が「Block」もしくは「任意」となっている要素の内容になります。一般にはbodyもしくはdiv要素の内容として考えておくとよいと思います。 親が

  • XHTML/CSS リファレンス [WEB ARCHIVES REPRINT]

    以下のリソースはflyson氏が作られたものです。 サイトの閉鎖時に煮るなり焼くなりご自由にと仰っていますので、コチラに転載させて頂きました。 XHTML リファレンス CSS リファレンス

  • Flashの基礎知識 -HTMLファイルにswfファイルを組み込む- :: Flash制作講座 :: Ks-product2

    当サイトはIE6.0、opera8、firefox1.5以上のブラウザで見ることを推奨します。また、cssjavascriptは有効にしてください。 swfファイルの書き出し(パブリッシュ) 前のページでも簡単に説明しましたが、Flashファイルを再生するためにはパブリッシュをする必要があります。 【Ctrl】+【Enter】 でswfファイルを書き出すことができますが、 WEB上で再生する場合はHTMLに組み込む必要があります(直接再生することも可能ですが推奨されません)。 FlashをHTMLに組み込む為には、HTMLの性質上タグを使用する必要があります。タグというと面倒と思われるでしょう。 しかし、Flashは便利なことにHTMLタグを書き出す機能もあります。 【F12】 たったこれだけで、Flashを組み込んだHTMLファイルが作成されます。<object ~>~<

  • [CSS]HTMLの各要素が配置されたスタイルシートのチェック用のテンプレート

    SFS Site From Scratchから、HTML/XHTMLの各要素が配置されたスタイルシートのチェック用のテンプレートを紹介します。 <!-- Sample Content to Plugin to Template --> <h1>CSS の基的な要素</h1> <p>この HTML の目的は何のデフォルト設定が CSS を持っているか決定するのを手伝うこと、そして、場所を設計するとき、どんな可能な要素でもミスしないようにすべての可能な HTML 要素がこの HTML に含められることを確認することです。</p> <dl> <dt>Original:</dt> <dd><a href="http://www.sitefromscratch.com/content/html-xhtml-css-testing">HTML XHTML for CSS Testing</a></d

    mooiboom
    mooiboom 2008/09/08
    作ろう作ろうと思って未完成。ありがたく使わせていただきます。
  • レジクリ千葉院の口コミまとめ|実際通ってる本音の口コミまとめ100

    【無料カウンセリング】レジーナクリニック千葉院で予約をしてみる 【写真付き】レジーナクリニック千葉院のアクセス方法を一から説明してみた レジーナクリニック店舗までのアクセス方法について、現在写真などまとめ中です。しばらくお待ち下さいね! 気になる!レジクリ脱毛店のインスタの口コミや評判は? 全部チェックできてませんが、100件近くありました!サクッと確認してみましたが、悪い口コミはありませんでしたねー! まだレジクリの脱毛店ができてから年数が経っていないらしいんですが、いろんなメディアの露出が少ないのにめっちゃ口コミが多くてびっくりしました! この前銀座の #レジーナクリニック で医療脱毛してきたよ〜〜☺️🌈 夏は水着になったり肌露出したりするし、 この季節はやっぱり気になりますよね😖💦 光脱毛に比べて医療脱毛は効力が強いから すぐにつるつるになるよ(*´꒳`*)✨✨ 早く脱毛終わら

  • Re: CSSによるデザインワークと相性のよいHTMLって? | d-spica

    Re: CSSによるデザインワークと相性のよいHTMLって? 2008-04-23 0 0 XHTML/CSS CSS, HTML, XHTML CSSを充てやすいHTMLと,そうでないHTMLがあることは確かです。 ウノウラボ Unoh Labs : CSSによるデザインワークと相性のよいHTMLって? id,class のつけ方など大変参考になるので,ぜひご一読ください。 さて,ではぼくはどうしているか,ということで,yamazakiさんと少々違う点を書いておきます。 idやclassが無闇に増えていくのは好ましくない CSSでデザインを施すために id や class が無闇に増えていくのは,あまり好ましくないと思っています。たとえば,ナビゲーション。 ヘッダーにあるグローバルナビゲーション フッターにある補助的なナビゲーション サイドバーにあるナビゲーション メインコンテンツにある

    mooiboom
    mooiboom 2008/04/24
    body要素にidやclass名をふる考えはなかった。やってみよう。
  • ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって?

    yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが(笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ

    mooiboom
    mooiboom 2008/04/24
    「同じようなものには同じクラスを割り振る」言われてみれば確かに。できてなかったかも。
  • JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連:[OpenSpace]

    Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス/アプリケーション...のページを参照してください。

    mooiboom
    mooiboom 2008/03/20
    リファレンスいろいろ
  • WEB制作(html,css(スタイルシート) )|プログラムメモ

    htmlページのボタンはマウスでクリックすることを前提に作られることが多いが、 実はショートカット(アクセスキー)というものを指定することが出来る。 ■ 指定の方法例 <a href="save.html" accesskey="s" >文書の保存</a> ■ これが実際のブラウザではどういう操作になるかというと ・Windows IE 「alt」+「s」 でフォーカスを移動させた後に「Enter」で実行 ・Windows Firefox2「shift」+「alt」+「s」 で実行 ・Windows Opera 「shift」+「esc」 で一覧表示させた後に「s」で実行 ・Windows Safari3 キーボードショートカットがないらしい(?) ・Mac Safari 「control」+「s」 で実行 ・Mac Firefox 「control」+「s」 で実行 ・Mac Opera

    mooiboom
    mooiboom 2008/03/20
    自分用にもこういうまとめを作りたい。公開されていることに感謝しつつ。
  • スペシャルベスト

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

    mooiboom
    mooiboom 2008/03/20
    心がけとして。この中ではコンポーネント化が自分ではまだまだだなあ。
  • RedLine Magazine : Re:この業界、この職種に対して思っていることをありのままに。

    Re:この業界、この職種に対して思っていることをありのままに。 CSS HappyLife の平澤さんのこちらの記事を拝見してグっときました。 >>この業界、この職種に対して思っていることをありのままに。 「だから、俺ってすげーんだぜ!って事考えてみた。」以降が特にグっときた。 1pxのズレに気づく事が出来るのも俺たちだけ。 そうだそうだ! デザイナがカッチリ作ってくれたデザインの水平ナビゲーションなんかでも全部同じ幅なのかと思ったら1つ目と3つ目は1px大きくて4つ目だけ2px小さいとか気づくのは私だけだ!CSSで余計な記述増えるのめんどいからこっそり直す事もあるけど! 明らかに同じ構造のページなのに、気まぐれなのかうっかりなのか意図しているのか分からないけど、デザインが違うって気づけるのも俺たちですよ。 そうだ!そうだ! 敢えてそこはスルーしたりもする事も多いけど! デザインを汲み取る

    mooiboom
    mooiboom 2008/02/03
    超同意。きれいなソース、これからも心がけます。
  • HTML - meta タグの仕様詳細まとめ :: Drk7jp

    前エントリ - Internet Explorer のイメージツールバーを無効化する meta タグ で予告したとおり meta タグについて生まれて初めてまじめに調べてみました。改めて調べてみると知らなかったこと満載です。っていうか Web エンジニアたるもの一度は W3C勧告 くらいは一通り目を通しておかなくてはダメだなと思ったりしました。面倒なくらい分量があるけど。ひとまず meta タグ情報としての自分にとって永久保存版まとめという位置づけです。 まずは参考になったサイトの紹介から。 W3C勧告HTML4.01 :: The global structure of an HTML document W3C勧告HTML4.01 私的日語訳 :: The global structure of an HTML document(ja) rfc2616.txt Another HTML

  • ADP: floatレイアウトでつまづかないためのTips

    ADP: floatレイアウトでつまづかないためのTips
    mooiboom
    mooiboom 2007/12/17
    「セレクタに対してwidthとpaddingを同時に指定しない」
  • XHTML-CSS Validator

    Just type or paste an URL in the form above, and click on "check it" to see the magic. If you want to fine tune your validation, click on the "advanced" link. That's it! An Idea: The Social Media Algebra I used to be very good at maths. I really was. Then I started studying computer science stuff (which is normal for a computer scientist) and as time goes by, I forgot many of the coolest stuff I l

    mooiboom
    mooiboom 2007/12/16
    文法チェック。インターフェイスがキレイ。ローカルファイルは不可のよう。