タグ

web制作とhtmlに関するpankichiのブックマーク (7)

  • たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color

    もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし

    たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color
  • Create a new fiddle - JSFiddle

    pankichi
    pankichi 2014/04/12
    ブラウザ上でHTML、CSS、果てはJAVAまで動作確認出来るサービス。
  • http://www.webbibo.com/

    pankichi
    pankichi 2014/04/11
    取り入れたい要素いっぱい!
  • より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net

    Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding(家) HTMLコーディングが3倍速くなる?「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla

    より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
    pankichi
    pankichi 2010/06/10
    いろいろ楽になりそう。
  • 真・てすたーの倉庫

    真・てすたーの「倉庫」真・てすたーの「倉庫」は、コピペで使える速攻系簡単小技(HTMLCSS・タグ)大技基技裏技必殺技も置いてる初心者の方大歓迎のHP作成支援系テキストちっくサイトデス♪ このサイトはてすたーの独り言系呟きを思い向くまま書き留めたテキスト系ちっくサイトです♪  でもそれだけではシンプルすぎるので、ついでにコピペで使えるHTMLやタグ、はてにはセキュリティーまで扱っちゃったりする、 やっぱり“テキスト系ちっく”なサイトです♪  てすたー,倉庫,てすたーの倉庫,真てすたーの倉庫,真,初心者,メモ帳,ワードパッド,応援,ホームページ,ホーム,ページ,サイト,TESTER,製作,装飾,飾り付け,技,スキル,テキスト,ポエム,詩,タグ,HTML,セキュリティ,ウイルス,安全,無料,小技,作成支援,HP,いまリン,scrollbar,色,色表,カラーネーム,セーフカラー,スクロール

  • 各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

  • Another HTML-lint gateway

    HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 44,159 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタンを押してください。巨大なHTMLは途中でちょん切られてしまうことがあります。 [リセット] はすべての設定内容を初期状態に戻します。 URL DATA (DATA領域指定では文字コ

    pankichi
    pankichi 2009/04/17
    HTML文書の文法チェック
  • 1