タグ

関連タグで絞り込む (44)

タグの絞り込みを解除

htmlに関するadstyのブックマーク (177)

  • あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan


    そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すなわち効率性と応答時間がある。効率性は、世界ランキング100位に入るようなウェブサイトを構築する際に出てくるスケーラビリティという難問に取り組むための武器である。あなたのウェブサイトが何百万人単位のユーザーと、何十億単位のページビューを擁するような規模のものである場合、バックエンドアーキテクチャ全体に対する理解を深めておくことが重要となるだろう。 ページの速度というものは、HTMLドキュメント内に記述する一連の指示によって決定されると言っても過言ではない。iGoogleを例に挙げると、バックエンド処理に費やされる時間、すなわちデータがキャッシュされていないために毎回リクエストされることで費やされる時間は、ページ全体の処理時間の
    adsty
    adsty 2009/02/17
    「パフォーマンス向上のための14のティップス」あり。
    リンク

  • 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
    adsty
    adsty 2009/02/13
    どう変更されたのか、どのような違いがあるのかを、その理由と共に説明。
    リンク

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    adsty
    adsty 2009/02/12
    Webサービス開発で使えるWYSIWYGエディタいろいろ。
    リンク

  • 10人のデザイナさんに駄目出しして頂きました:Geekなぺーじ


    10名のデザイナの方々に﹁Geekなぺーじ﹂デザインダメだしをして頂けました！ 何か凄く豪華な会合をして頂いて非常に恐縮です。。。 昨晩早速いくつかサイトデザインを変更してみました。 以下に、会合は開催された経緯、そこでの指摘、昨晩の変更点を述べます。 会合が開催された経緯 ﹁Geekなぺーじのデザインは駄目だろう﹂とずっと思っていたのですが、﹁どうすれば駄目ではなくなるか﹂に関してどうして良いのかが全くわからないという日々が数年間続いていました。 そして、キッチリとしたサイトを作れる方々に対する憧れというものがありました。 ある日、twitterで何度かやり取りをして、その後某新年会でお会いしたcremaさんが過去の勉強会資料(デザイン勉強会の資料を公開します。)を教えてくれました。 それを見て﹁これはすごい﹂と思ったのですが、﹁じゃあ、この考え方を自分のサイトに適用したらどうなるの？﹂
    adsty
    adsty 2009/02/04
    自サイトの徹底ダメ出し。
    リンク

  • 文書構造を表現するXHTMLタグの正しいマークアップ HTMLタグリファレンス（1/10） - ＠IT


    文書構造を表現するタグ 文書構造を表現するXHTMLタグを大まかに分類し、分類したタグをXHTMLの“要素”として、1つずつ紹介していきます。 これらの要素類はXHTMLの骨格︵枠︶となる部分を形成していくために使われる、XHTMLタグの記述︵＝マークアップ︶を行ううえで基礎となる要素類です。 htmlタグが一番の外側︵先祖︶となり、その内側︵子︶に上からhead要素、body要素といった順番でマークアップされます。 ページとして作成する︵.htmlファイル︶の文書構造を考慮し、情報構造として論理的に合っているかというのを考えながらマークアップを行いましょう。 html要素 htmlのそれぞれの要素はhtml要素を頂点とする階層構造になっています。 その中でhtml要素は最も基礎となる要素で、そのほかの要素はすべてがhtml要素の子や子孫︵※︶となる関係性になります。 なお、htmlファイ
    adsty
    adsty 2009/01/19
    XHTMLタグの正しいマークアップ方法のリファレンス。
    リンク

  • エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)


    STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名‥ " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名‥ 列数　　‥ クラス名に列数を追加する。(nrow0, nrow1,,)
    adsty
    adsty 2009/01/16
    いわゆる「xls2html」。
    リンク

  • これは便利だ！Excel→Table化するjQueryプラグイン


    Webページに掲載する面倒な表︵テーブル︶の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML︵Tableタグ︶に変換するExcelアドイン﹁XLS2HTMLTable﹂を紹介した︵関連記事︶。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル︵カンマ区切りテキスト︶を読み込み、Tableに整形して表示するJavaScriptライブラリ﹁jquery.csv2table.js﹂だ。 JavaScript関連の著書も多い高橋登史朗氏が作った﹁jquery.csv2table.js﹂は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
    これは便利だ！Excel→Table化するjQueryプラグイン
    adsty
    adsty 2008/12/17
    CSVファイルを読み込みTableに整形して表示するライブラリ。
    リンク

  • TABLEIZER! | Spreadsheets to HTML Tables Tool

    Paste your cells from Excel, Google Docs or another spreadsheet here: Table Style Options

    adsty
    adsty 2008/12/15
    ExcelデータからTableタグの表を作成。
    リンク

  • 「あのサイトではどんなツールが使われている？」が一発でわかる『Sitonomy』 | 100SHIKI


    サイトやブログを始めてみよう、という人におすすめしたいツールがSitenomyだ。 このツール、指定したサイトでどんなシステムが使われているかを解析してくれる。 アフィリエイトや広告、ブログのシステム、RSSの配信方法などなど、﹁お、こういうツールもあるのね﹂と新しい発見があるかもしれない。 もちろん新しくサイトを始める人以外にも、自分のサイトを改善したい人にも便利だろう。なにか役立ちそうなシステムが見つかるかもしれないからだ。またライバル会社の調査なんかにもいいのではないだろうか。 便利ツールがあふれる昨今、参考になるサイトを調査して最適なものを見つけたいですな。
    「あのサイトではどんなツールが使われている？」が一発でわかる『Sitonomy』 | 100SHIKI
    adsty
    adsty 2008/12/14
    指定したサイトでどんなツールが使われているかを解析。
    リンク

  • .htaccessで使える16の技:phpspot開発日誌

    16 Useful .htaccess Tricks and Hacks For Web Developers : Online Marketing Blog - Website Development & Website Marketing tips and Strategies .htaccessで使える16の技が色々と紹介されていました。 1. ErrorDocumentでエラーページ指定の方法 ErrorDocument 401 /error/401.php ErrorDocument 403 /error/403.php ErrorDocument 404 /error/404.php ErrorDocument 500 /error/500.php 2. Timezone設定 SetEnv TZ America/Houston 3. IPブロッキング allow from al

    adsty
    adsty 2008/12/12
    「.htaccess」のちょっと変わった技集。
    リンク

  • クロスブラウザのためのHTML/CSSのテクニック集 | コリス


    anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに﹁-moz-opacity:0.99﹂を指定してください。 Safari用には﹁text-shadow:#000 0 0 0﹂を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 ﹁Lucida﹂は使用しないでください。 テキ
    クロスブラウザのためのHTML/CSSのテクニック集 | コリス
    adsty
    adsty 2008/07/01
    10のサマリーと部分的問題の解決方法等。
    リンク

  • PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」:phpspot開発日誌


    Free, Fast and Easy CSS webpages! | psd 2 CSSOnlinepsd2css online converts your fantastic, creative, artistic, no holds barred web page designs into strict XHTML compliant CSS web pages automatically. PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる﹁psd2css﹂ PSDファイルをアップロードすると、内容を読み取った上で、レイヤーごとにブロックが分けられた状態のXHTML＋CSSを取得できます。 簡単なPSDファイルを送ってみたところ、完全ではないですが、再現することが出来ました。 PhotoShopにも同じような機能はありますが、必要な画像のみトリミングしてくれ
    adsty
    adsty 2008/04/18
    PhotoShopのPSDファイルをXHTML＆CSSに一発変換。そんなことが可能なんだなあ。
    リンク

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


    この文書﹁HTML 5 における HTML 4 からの変更点﹂は、W3C の HTML ワーキンググループ による﹁HTML 5 differences from HTML 4 (Working Draft 22 January 2008)﹂の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、W3C 仕様書 日本語訳一覧 から参照することができます。 更新日: 2008-09-
    adsty
    adsty 2008/01/24
    差分の解説。
    リンク

  • 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
    adsty
    adsty 2008/01/22
    metaタグの基礎からのまとめ。
    リンク

  • 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

    adsty
    adsty 2007/12/14
    CSSとHTMLの文法チェック。
    リンク

  • TAKESAKO @ Yet another Cybozu Labs: 続イメージファイト - HTML 2.0 New Browser Detection


    Shibuya Perl Mongersテクニカルトーク#8 で発表した﹁続イメージファイト﹂の資料を SlideShare で公開しました。 Shibuya.pm#8 続イメージファイト - HTML 2.0 New Browser Detection JavaScriptやCSS Hacksを一切使わずにHTMLでブラウザを判別するハックの紹介です。 HTML 2.0 - Browser detection [3] ブラウザ判別のデモのページにアクセスすると、使っているブラウザの画像が表示されます。 このimgタグのsrc属性はfirefox2.0、firefox1.5、その他のGeckoエンジンを搭載したブラウザ、Safari2、Safari3、Opera、ie、w3m、lynxなどのブラウザの判別に対応しています。 テキストブラウザの判別
    adsty
    adsty 2007/10/02
    JavaScriptやCSS Hacksを一切使わずにHTMLでブラウザを判別するハックの紹介。
    リンク

  • いまさら聞けない“Web標準”、そしてXHTML＋CSS


    いまさら聞けない“Web標準”、そしてXHTML＋CSS‥いまさら聞けないリッチクライアント技術︵4︶︵1/3 ページ︶ 前回の﹁いまさら聞けない、“Ajax”とは何なのか？﹂の説明の中で、Ajaxの定義の1つとして﹁XHTMLとCSSを使った標準規格のプレゼンテーション﹂というのがありました。前回の記事では、この部分をしっかり解説できなかったので、今回はこれについて解説をしましょう。 といっても、Ajaxの補足説明が今回の目的ではありません。HTML／XHTMLとCSSを使った﹁Web標準﹂について紹介します。 ﹁Web標準﹂という単語はよく耳にしますが、具体的にどんなものか？ HTML／XHTMLとCSSとどのような関係があるのか？ さらに、HTML／XHTMLやCSSって何？ といった点について見てみましょう。 ﹁Web標準？ Webを標準化することかな？﹂ AjaxやXML、Jav
    いまさら聞けない“Web標準”、そしてXHTML＋CSS
    adsty
    adsty 2007/09/20
    曖昧な知識がこれではっきり。他人へ説明する際に使える良いまとめ。
    リンク
  • 前のページ 1 2 3 4 5 6 7 8 9

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.