HTMLに関するNOBEのブックマーク (26)

  • ,挺进毛还没长稚嫩的小花苞网种,精品久久久一区二区三区,精品国产黑色丝袜高跟鞋

    NOBE
    NOBE 2011/05/29
  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    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.

    NOBE
    NOBE 2011/05/11
  • MacとWindowsの共通書体 | Adan Kadan Blog

    (2009.8.11追記)よい記事を見つけました。Windowsとマックのインストール率があります。 CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don't use in css, but should』Palatino Linotype・Palatinoも、使えるようです。 (2009.10.25追記)いやな記事を見つけました(記事がイヤなのではなくて中身がイヤ) 「似た」フォントって(2)@タイプディレクターの眼 >“Book Antiqua” >Palatino の低級なコピー 追記ここまで こちらさま↓のMacーOS10とWindowsの書体を見比べてみると。 http://rinrin.saiin.net/~aor/fonts/allfonts 共通書体は以下のとおりってことらしい。 Arial,01213456789 Ar

    MacとWindowsの共通書体 | Adan Kadan Blog
    NOBE
    NOBE 2011/02/07
  • Alumnat - FC2 BLOG パスワード認証

    ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

    NOBE
    NOBE 2011/02/07
  • WinMerge 日本語版

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    NOBE
    NOBE 2010/05/14
  • CSS「display: table」と「display: table-cell」で出来ること | アイビーネットblog

    2008年4月24日 14:11 (X)HTMLCSS IE8は「display: table-cell」に対応 「display: table-cell」とは、テーブルの構造を表現することができるCSSプロパティです。先日公開されたベータ版(IE8 Beta1)で確認しましたが、IE8からは「display: table-cell」に対応しているようです。 そこで、今回はこの「display: table-cell」を使うことで、どんなことが出来るのかを見ていきたいと思います。 「float」と「display: table-cell」でのカラムレイアウトを比較 左右のカラムが固定で、中央のカラムが可変というような3カラムのレイアウトを表現したい場合、CSSでは通常「float」を使います。カラムレイアウトは「display: table-cell」でも表現できますので、この2つの方法を

    NOBE
    NOBE 2010/04/21
  • マークアップ効率化 - zen-codingでコーディングを倍速に

    HTMLの記法について 基的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ

    マークアップ効率化 - zen-codingでコーディングを倍速に
    NOBE
    NOBE 2010/03/29
  • 窓の杜 - 【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ブラウザー画面の下側へ表示され、上部に各

    NOBE
    NOBE 2010/03/04
  • CSS3 「gradient」と「@font-face」

    CSS3 「gradient」と 「ウェブフォント(@font-face)」 このページは背景画像を一切使用していません。 背景のストライプ模様はCSS3のbackground-image:gradient、フォントCSS3の@font-faceでサーバー上に置いたフォントを読み込んで表示しています。これによって、閲覧者のパソコンにインストールされていないフォントも表示する事が出来ます。また、画像文字ではないのでコピーする事も可能。 SEOの一環としても有効です。 2010年1月現在、InternetExplorerとOperaではまだgradientに対応していない為、これらのブラウザでは背景は単色になります。フォントファイルはうっかり領収書5部ダメにできる筆圧を誇るふいさんの作った「まきばフォント」をお借りしています。 フォントの為のスタイル指定 @font-face { font

    NOBE
    NOBE 2010/02/25
  • CSS のコメントの書き方コレアレ

    CSSHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------

    NOBE
    NOBE 2010/02/12
  • screw-axis.com

    This domain may be for sale!

    NOBE
    NOBE 2010/02/12
  • 今よりちょっとだけクオリティを上げるために。

    執筆が終わったと思えば、主業務が激務でネタがちらほら浮かんでたのに書けない今日この頃。 でも、どこぞのiPhoneネタと宣伝ばかりになってしまったブログよりいいかも知れません。えぇ。 さて、CSSってある程度覚えてしまえば思った以上に簡単に組めたりして、何となく組めている気がするって思ったりしないっすかね。 もしくは、その逆になーんかイマイチ成長してないようなって感じてる時とか。 そんな状況のときに、今よりちょっとだけコーディングのクオリティや効率を上げるのに意識する事とかやっておくべきこととかを思いつくままに上げてみます。 仕事としてってのがベースなので、個人サイトやブログレベルだと当てはまらないかも。 ボクが昔はやってなかったけど今は当たり前な事とか、今でも忘れがちな事とか、何かそういう感じのことを書いていくので、人によっては当たり前だし、ちょっとした発見がある人も居るかも? よく分か

    今よりちょっとだけクオリティを上げるために。
    NOBE
    NOBE 2010/02/03
  • 便利なツールを使ってHTML&CSSコーディングの速度を上げる | Blog hamashun.com

    Windows XPを使っていると様々な不便を感じます。 その一つ一つは小さな物ですが、一日中PCを使う僕たちからするとかなりのストレスとなってしまいます。 そんな時はツールを使って解決すると良いです。 注意:紹介しているツールは全てWindows用です。 CLCL かなり有名なクリップボード拡張ツールです。 「もう使ってるよ!」という人が多いと思います。 通常、Ctrl+Cなどでコピーしておける内容は一つのみです。 もう一度Ctrl+Cをすると、内容が上書きされてしまいますよね。 CLCLを使えば、その履歴を辿って呼び出す事ができます。 Alt-Tab Extender"Joe" このツールは超オススメです。 レジストリは使っていないので、一度試してみてください。 僕は、このツールが無いとWin XPを使う気にならない程に依存しています。 マークアッパーはウィンドウが増えがちです。 エデ

    NOBE
    NOBE 2010/02/01
  • Dreamweaverで上書き保存した瞬間に、Firefoxを自動でリロードさせる、強力なコーディング高速化スクリプト

    AutoHotKeyを使ったスクリプト 先週土曜日のSaCSSコーディング勉強会 vol.4のライトニングトークでお話した、 AutoHotKeyのスクリプトを作ったので、取り急ぎ公開します。 何が出来るの? Dreamweaverで「Ctrl + s」を押して上書き保存された瞬間に、 バックグラウンドのFirefoxに「F5」を送って自動でブラウザをリロードさせるスクリプトです。 htmlcssを書き換える度にブラウザを更新しなくても良くなるので、 活用すればコーディング速度がアップして集中力も途切れなくなるはずです。 ダウンロードと使い方 【スクリプトのダウンロード】 zipを解凍した中に、起動するだけで使えるexeファイルがあるので実行。 セキュリティ不安な人は、 AutoHotkey公式サイトのDownloadページから「AutoHotkey Installer」でインストール。

    Dreamweaverで上書き保存した瞬間に、Firefoxを自動でリロードさせる、強力なコーディング高速化スクリプト
    NOBE
    NOBE 2010/01/30
  • html5 Gallery|A showcase of sites using html5 markup

    Beginning HTML5 & CSS3 The Web Evolved: A new book on HTML5 & CSS3 by Richard Clark, Oli Studholme, Christopher Murphy and Divya Manian. Buy it now HTML5 DoctorHave a look at our sister site, HTML5 Doctor for news, views and tutorials about HTML5. With articles by Bruce Lawson, Remy Sharp and more. Visit HTML5 Doctor This site is licensed under a Creative Commons Attribution-Non-Commercial 2.0 sha

    NOBE
    NOBE 2010/01/21
  • Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ「SWFObject」:phpspot開発日誌

    フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tool... 次の記事 ≫:JavaScriptで使えるカラーピッカー作成ライブラリまとめ deconcept ? SWFObject: Javascript Flash Player detection and embed script SWFObject is a small Javascript file used for embedding Macromedia Flash content. The script can detect the Flash plug-in in all major web browsers (on Mac and PC) and is designed to make embedding Flash movies as easy as possible. Flashプレイヤー

  • テーブルレイアウトについて|ホームページの構造

    テーブルレイアウトのメリット 初心者でも段組しやすい ブラウザ表示モードによる影響をあまり受けない 均一性のあるレイアウトで見た目が良い はじめに、実は【Yahoo!JAPAN】のトップページもテーブルを使ってレイアウトされてます。「初心者でも作成しやすい」というのは、基的な枠の中にさらにテーブルを入れその隣にテーブルを入れ,,,,といったように、テーブルの入れ子状態にするだけの場合です。文章がメインのサイトなら全然それでOKです。 「ブラウザによる影響」というのは主にスタイルシートを利用した場合の話で(「スタイルシートレイアウトについて」で説明)テーブルレイアウトを使用する際はあまり気に留めなくても良いかと,,,, テーブルレイアウトのデメリット 来テーブル(表)はレイアウトを組むものではない アクセシビリティ上はあまりおすすめ出来ない 構造が複雑化すると手に負えない 構造が複雑化す

    NOBE
    NOBE 2009/11/25
    後で自分でもまとめとこう
  • 第1回 なぜWeb標準が「ホット」なのか

    Web業界では「Web標準(Web Standards)」を意識した正しい(X)HTML+CSSに基づくサイト制作が当たり前になってきている。Webのポテンシャルを最大限に活かすためのWeb標準について、基礎知識だけでなくトレンド的な観点を交えながら、「なぜWeb標準が普及してきているのか」を考えてみよう。 Web標準とは何か Web標準(Web Standards)とは、「Webで標準的に利用される技術の総称」である。では、何をもって「標準的」とするのだろうか。今日の一般的な理解では「国際的な標準化団体が取りまとめている」ということであるが、そのもっとも代表的な団体がW3C(World Wide Web Consortium)である。ほかにもISOやIETF、IANA、ECMA、OASISなどもWeb技術の標準化に大きく関わっているが、W3Cが中心的な役割を果たしているといってよい。 W

    第1回 なぜWeb標準が「ホット」なのか
    NOBE
    NOBE 2009/11/07
    基礎を知らずしてWEBは語れない
  • position: relativeでIE6に余分な空白ができる

    position: relativeを使って、divボックスを移動させました。 が、IE6で見ると、来そのdivが表示されるはずだった場所に空白のみが残ってしまい、困っています。(ie7、FireFox、Safariなどは大丈夫) この空白を無くす方法をご存知の方、ご教示いただけませんでしょうか? ソースは以下のような感じです。 ----------------- <body> ■略■ <div id=\"outer\"> <div id=\"maincontents\">メインコンテンツが入っています。</div> <div id=\"gazou\">メインコンテンツの右上に重ねて表示したいbox</div> </div> ■略■ </body> ----------------- #gazou { position: relative; top: -700px; left: 300p

    position: relativeでIE6に余分な空白ができる
    NOBE
    NOBE 2009/10/05
  • https://d-lover.com/css/hack.shtml

    NOBE
    NOBE 2009/09/08