タグ

HTMLに関するfieldragonのブックマーク (17)

  • 30分でできる!Webサイトを高速化する6大原則 (1/4)

    Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

    30分でできる!Webサイトを高速化する6大原則 (1/4)
  • The W3C Markup Validation Service

    Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. Validate by direct input Enter the Markup to validate: More Options

    fieldragon
    fieldragon 2009/01/18
    HTMLチェック
  • これは便利だ!Excel→Table化するjQueryプラグイン


    WebExcelHTMLTableExcelXLS2HTMLTableXLS2HTMLTable便 便CSVTableJavaScriptjquery.csv2table.js JavaScriptjquery.csv2table.jsjQueryHTML使jquery.
    これは便利だ!Excel→Table化するjQueryプラグイン
    fieldragon
    fieldragon 2008/12/19
    >CSVファイル(カンマ区切りテキスト)を読み込み、Tableに整形して表示するJavaScriptライブラリ
  • 第4世代のHTMLテンプレートをリリース : ライブドアブログ スタッフブログ

    いつもlivedoor Blogをご利用いただきありがとうございます。 昨年末より試験的に導入していた「第4世代のHTMLテンプレート」を、日より正式に導入いたします。現在、第4世代のHTMLテンプレートに対応しているデザインは下記の4つです。 デフォルト2008(スカイ,3カラム) デフォルト2008(スカイ,2カラム) デフォルト2008(アクア,3カラム) デフォルト2008(アクア,2カラム) 第4世代のHTMLテンプレートには、過去記事を読みやすくなるページング機能(詳細)があらかじめ導入されており、これまでに比べてアクセス数が増えやすい構造になっております。 このページング機能は、古いHTMLテンプレートをお選びになっても一部のデザインではすでに導入されていますし、カスタマイズにより自由に導入していただくこともできますが、あらかじめ導入されているという点で第4世代のHTML

    第4世代のHTMLテンプレートをリリース : ライブドアブログ スタッフブログ
    fieldragon
    fieldragon 2008/01/16
    カスタマイズする際は第4世代をベースにして行った方が良さそうだ
  • デザインの保存ができるようになりました。 : ライブドアブログ スタッフブログ


    livedoor Blog  cssHTML&  1PRO312 /-> /->
    デザインの保存ができるようになりました。 : ライブドアブログ スタッフブログ
  • HTML崩壊 meltdown.js - KAZUMiX memo

    #ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ

    HTML崩壊 meltdown.js - KAZUMiX memo
    fieldragon
    fieldragon 2007/11/09
    ページが崩壊していくjavascript「メルトダウン」。ブックマークレットもあるから軽いページでやってみよう。
  • Neil Fraser: Software: Image to HTML Converter

    Most web pages are made up of HTML files linked to separate image files. Here's a way to embed an image directly into an HTML file. Enter the URL of any JPEG, PNG or GIF on the web: How does it work? A table is created which is filled with large numbers of 1x1 cells. Each cell has a background colour of the corresponding pixel in the image. That's all it is; just a massive grid of coloured table c

    fieldragon
    fieldragon 2007/06/25
    画像をテーブルタグに変換してくれるツール
  • ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP


    便 Favicon便 39   Media-Convert PDFCSV txt2tags HTMLLaTeX Zamzar    HTML Converter HTMLPHPJavascriptASP
    ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP
  • 特殊文字一覧 - TAG index


    2   &  ;  &;   &#  ;  &#;   
    特殊文字一覧 - TAG index
    fieldragon
    fieldragon 2007/02/23
    特殊文字のHTMLタグ
  • http://allabout.co.jp/internet/hpcreate/closeup/CU20070210A/index.htm?FM=rss

    fieldragon
    fieldragon 2007/02/13
    スタイルシートを見て、どう表示されるかのクイズ
  • 【HTMLタグ】これってなんの略?タグが何の略なのか調べてみた

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

    fieldragon
    fieldragon 2007/02/05
    >HTMLタグの語源、つまりそれぞれのタグは何の略かというのをまとめてみました
  • パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種|CSS HappyLife

    普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10

    パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種|CSS HappyLife
    fieldragon
    fieldragon 2007/01/31
    パンくずリストを作るときの参考に
  • 折りたたみ式「続きを読む」をlivedoor Blogで!:地獄変00


    BlogArtifactlivedoor Blog HTMLlivedoor Blog TOP  TOP ()  JavaScript JavaScriptTOPHTML<head>MT
  • 【HTMLタグの簡単検索】TAG index - ホームページ作成情報


     HTML  HTML Living Standard HTML  HTML4Web CSS  CSS2
    【HTMLタグの簡単検索】TAG index - ホームページ作成情報
    fieldragon
    fieldragon 2006/10/18
    ホームページ制作を支援するタグインデックスWebサイト
  • Flashなしでもここまで作れる!:ITpro


    Web使 FlashActionScript使Macromedia Flash MX 2004使 Part1blog
    Flashなしでもここまで作れる!:ITpro
  • #jump

    このウェブサイトは販売用です! pekebatu.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、pekebatu.comが全てとなります。あなたがお探しの内容が見つかることを願っています!

    fieldragon
    fieldragon 2006/10/18
    livedoor Blogの基本構造
  • 検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE


    HTML 使H1rel=nofollow SEO調5 5 SEOmoz Blog | 5 HTMLelements you probably never use (but perhaps should) 1.address 
    検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
    fieldragon
    fieldragon 2006/08/21
    1.addressタグ 2.qタグ 3.optgroupタグ 4.acronymとabbrタグ 5.fieldsetとlegendタグ
  • 1