タグ

cssとwebに関するtacshissのブックマーク (10)

  • Just Be Nice – Design Studio

    Settling on a domain name for your new project can be stressful. You can always change the name later, but it’s a hassle to re-brand so it’s best to get it right the first time. Tools like NameFresh are helpful in brainstorming ideas. But how do you actually go about making the final decision? It’s best to avoid making the decision on your own. If you have the budget, purchase several domains and

    tacshiss
    tacshiss 2011/11/11
    webfontで汎用シンボルマークを表示 シンボルフォントやwebフォント、それぞれの概念は以前からあるけど、それらをかけ合わせるという面白い発想。
  • 30分でできる!Webサイトを高速化する6大原則 (1/4)

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

    30分でできる!Webサイトを高速化する6大原則 (1/4)
  • モバイルでのXHTMLとCSS

    ちょっと脱線#2 次々と賛同者が! iアプリとかで良かったら喋るよー♪by yoshiori モバイルってなかなか知識得る機会ないから興味あるよ!by tobetchi なんかしゃべりましょうか?むしろ最近の話に弱いですが、準備しますよby tmtysk いきたいby fshin2000 高まる期待(*'∀`)=3ワクワクby cafistar モバイル勉強会興味津々!by clearether モバイル勉強会期待してます。by kaoritter これに対して携帯から全レスするみにたぼ (`・ω・´) シャキーン

    tacshiss
    tacshiss 2009/04/21
    ドコモはウソツキ
  • 脱初心者をめざす人のためのホームページ作成講座

    目次 初級 ちょっと詳しいHTMLCSS ホームページ作成に必要なHTMLCSSの正しい文法をやさしく説明します。 誰でも見られるホームページのつくり方 使いやすいページや環境に依存しないページの作り方を考えます。 中級 HTML 4.01 リファレンス HTML 4.01のリファレンスです。HTML 4.01の全要素・属性の詳細な解説があります。 CSS 2.1のエッセンス CSS 2.1の仕様を説明します。CSSを原理から理解したい人のために。 いろいろ 参考リンク 参考書籍 迷惑メール対策 SEOをやめよう

  • WEB

    WEBサイトのつくりかたに関する解説や、小技を紹介しています。クライアント Microsoft Windows XP Home Edition Eclipse 3.2 jQuery 1.2.6 Perl 5.8.8 Ruby 1.8.6 PHP 5.1.4 レンタルサーバ さくらのレンタルサーバ プラン:スタンダード 自宅サーバ CentOS5 Python 2.4 2008/06現在 サルでもわかるバナナ取り講座 イヌでもわかる狛犬彫刻 ネコでもわかる三味線作り講座 トリでもわかるトリアタマ改善 ウシでもわかる焼き肉講座 ウマでもわかる騎手の落とし方 ヘビでもわかる四足歩行 ネズミでもわかるマルチ講講座 カエルでもわかる油絞り オニでもわかる写経講座 オレでもわかるオレオレ詐欺際作 だれでもわかる悪魔の証明 素人でもわかる玄人志向

  • Another HTML-lint gateway

    HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の

  • 各HTMLバージョンのDOCTYPE宣言のサンプル集

    当ページの概要 HTML,XHTMLで使えるDOCTYPE宣言(公開識別子とシステム識別子)などを分かりやすく使いやすくリストにまとめました。 各HTMLバージョンのDOCTYPE宣言(公開識別子とシステム識別子) HTMLでは、バージョンごとに使用できる要素(タグ)や属性、要素の配置のしかたについて厳密に定義されています。これはDTD(Document Type Definition:文書型定義)をDOCTYPE宣言で指定することで、そのバージョン規則に添って表示します。 簡単なメモ書きですので、参考までに。間違っていたらお教え下さい。 HTMLには以下のようなDTDがあります。目的に応じて使い分けてください。他にも大量にあります。 HTML 1.0 DTD HTML 1.0用のDOCTYPEなし HTML 2.0 DTD (RFC1866) [1994年に標準化] <!DOCTYPE

    tacshiss
    tacshiss 2008/10/29
    doctypeの書き方はさすがに覚えてないので、例の一覧がとても役に立つ
  • JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連:[OpenSpace]

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

  • 新規でサイトを作るのに使えそうなの一式。(あの人のパクりじゃないんだからっ!)|CSS HappyLife

    08年6月4日追記: コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記: contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ!じょぐ!!!すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう

    新規でサイトを作るのに使えそうなの一式。(あの人のパクりじゃないんだからっ!)|CSS HappyLife
  • 3/3 画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About

    画像の下に余計な空間ができないようにする方法 前のページでご紹介したとおり、「行の中での縦方向の位置」を指定するvertical-alignプロパティを使えば、画像を「ベースライン」ではなく「下端」に揃えられます。このとき、vertical-alignプロパティの値に「text-bottom」を指定した場合と、「bottom」を指定した場合とでは、下図のような違いがあります。 「フォントの高さ」よりも「行の高さ」(line-heightプロパティの値)の方が高い場合は、上図の淡い赤色で塗った領域のように、「文字のある領域」よりもさらに下に空間があります。背景色はそこまで塗られるため、背景色のあるボックスの内側にある行では、vertical-alignプロパティに値「text-bottom」ではなく「bottom」を指定しないと、無駄な空間は消えません。 画像の下に余計な空間ができないように

    3/3 画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About
  • 1