タグ

htmlに関するpiranoのブックマーク (15)

  • Web屋のためのVim設定・Tipsまとめ 2/2 - ナレッジエース

    おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) 「Web屋のためのVim設定・Tipsまとめ 1/2」からの続き。 Vimを使ったHTMLCSSの編集について、さらに関係しそうな事項を紹介します。 HTML編集でもよく使うVim機能 =キーで自動インデント HTMLのインデントが崩れているときは、範囲選択して=キーを押せば、自動的にタグの入れ子を認識してインデント調整されます。 ばらばら→範囲選択→「=」ですっきり カレント行だけインデント調整したい場合はノーマルモードで==とすれば可能です。 なお、手動でインデントを上げ下げするには、ノーマルモードでは>と<、インサートモードでは<C-t>と<C-d>が使えます。 gfで相対パスのリンク先ファイルを開

  • HTML.vimを試す。 - YKMbPP

    htmlを書く時用のvimプラグインを入れた。 HTML/XHTML Editing in Vim 例えば、;imとタイプしただけで、 <IMG SRC="" ALT="">のように挿入される。 ほとんどのタグはそのまま;タグ名すれば変換されるので、覚える必要無し。 ブラウザ起動機能*1とかカラーパレットとかついてる。 tabで空の部分にカーソル移動。 結構よさそう。 コマンドメモ " Helpをみる :h HTML.txt " HTML.vimmacroをオフに :HTML[mappings] off " カラーパレットをトグる(;#でも可) :ColorSelect .vimrc " ツールバー オフ let g:no_html_toolbar = 'yes' " マップをxhtml用にする。(+小文字になる) let g:do_xhtml_mappings = 'yes' " 自分

    HTML.vimを試す。 - YKMbPP
  • [翻訳]これからHTMLとCSSを学び始める君へ

    この記事は『Stack Overflow』に投稿された、user553944による質問「Would you recommend starting from HTML5 & CSS3 for beginners?」と、Boldewynによる最も評価されていた回答を翻訳したものです。 翻訳は完全ではありませんし、だいぶ意訳している部分がありますので、ぜひ原文もご参照ください。 また『Stack Overflow』の質問・投稿はCreative Commons Attribution-ShareAlike 3.0 Unportedですので、この記事も同様のライセンスで公開しています。 user553944による質問私はウェブデザイン・開発の世界に入りたいと考えているミドルスクールの学生です。 私は小さいころからウェブ(を使うこと)に興味を持っていましたが、今は“作る”側になりたいと思っています。

    [翻訳]これからHTMLとCSSを学び始める君へ
    pirano
    pirano 2012/02/07
  • 犯してはいけないHTMLタグの過ち10個 | ライフハックちゃんねる弐式

    http://hatsukari.2ch.net/test/read.cgi/news/1303184717/ニュース速報板より 1 : ◆BB2C/xRDfM (東京都):11/04/19 12:45 ID:LqzN9BDP0● 犯してはいけないHTMLタグの過ち10個 ちょっと前の記事ですが10 HTML Tag Crimes You Really Shouldn’t Commitという記事を見かけておもしろそうだったので紹介します。日語にすると、犯してはいけないHTMLタグの過ち10個というところでしょうか。 知っている内容も多いかと思いますが、再確認の意味を込めて見ていただければと思います。 1. インライン要素の中にブロック要素を入れない 2. 画像に代替テキストのalt属性が入っていない 3. 必要な場面でリストを使っていない 4. <strong>や<em>ではなく<b>や

    pirano
    pirano 2011/04/19
  • JK - jQuery SimpleFAQ

    Want to see these plug-ins in action? Check out TripLittle, a great new travel planning tool. Pluginsby Jordan Kasper SimpleFAQ (current version: 0.7) Example Using HTML Data Source $('#faqList').simpleFAQ(); This is a simple example using existing HTML content. Note that the structure is relatively loose, although you need a container (in this case a "ul") and each FAQ needs a root node (our "li"

  • Unicorn - W3C 統合検証サービス

    Due to lack of resources to maintain the Unicorn project, W3C stopped providing this on-line service as of 31 March 2023. See 2023-02-15 W3C Homepage news. The source code is available on GitHub under the W3C Software license. Anyone can run it for themselves, fork it. Copyright © 2023 World Wide Web Consortium. W3C® liability, trademark and permissive license rules apply.

  • Validation Results - W3C Markup Validator

    Jump To: Error(s) blocking validation Sorry! This document cannot be checked. Sorry, this type of URL scheme (undefined) is not supported by this service. Please check that you entered the URL correctly. URLs should be in the form: https://validator.w3.org/ If you entered a valid URL using a scheme that we should support, please let us know as outlined on our Feedback page. Make sure to include th

  • 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

  • HTML 5におけるアプリケーションキャッシングのためのキャッシュマニフェスト - builder by ZDNet Japan

    キャッシュマニフェストの記述方法 キャッシュマニフェストには、ブラウザにキャッシュしておきたいリソースを記載する。キャッシュマニフェストはUTF-8形式のテキストファイルで記述し、改行文字はLFまたはCR、あるいはその両方が使用できる。また、MIMEタイプはtext/cache-manifestとして送信されなければならない。 リスト1にキャッシュマニフェストの記述例を示す。 リスト1 キャッシュマニフェストの記述例 CACHE MANIFEST # version 1.0 # キャッシュマニフェストの記述例 index.html content.html images/icon.png NETWORK: server.cgi CACHE: style/style.css manifest属性の値としてこのキャッシュマニフェストが指定されたドキュメントにアクセスした場合、index.htm

    HTML 5におけるアプリケーションキャッシングのためのキャッシュマニフェスト - builder by ZDNet Japan
  • kadoyan.com

    kadoyan.com

  • 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を下の

  • The Web KANZAKI -- Japan, music and computer

    こんにちは。音楽に関するいくつかのメモや、ウェブ上での情報の共有や活用に関する参考情報があります。 The English only TOC page also available. 音楽の話 ロジャー・ノリントンの話 交響曲に関するいくつかの情報 歌詞/テキストと音楽(レクイエム、ミサ曲、第九、大地の歌、ツァラトゥストラなど) NMLで聴いてメモした曲リスト 古いもの ... show 音楽雑記帖 コントラバスの話 インターネットやコンピュータの話 セマンティック・ウェブ (ジャパンサーチ非公式サポート、グラフ視覚化、画像注釈とIIIF、LD Browser) いくつかの講演スライドそして専門誌/論文誌記事など アクセシビリティおよびごく簡単なHTMLの説明 OWL語彙の実験・提案、その他いろんな試みの記録 古いもの ... show ちょっとしたメモ(主に2003~2008) ハイパー

  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
  • Web ページを高速化する

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    Web ページを高速化する
  • いまさら聞けない“Web標準”、そしてXHTML+CSS

    いまさら聞けない“Web標準”、そしてXHTMLCSS:いまさら聞けないリッチクライアント技術(4)(1/3 ページ) 前回の「いまさら聞けない、“Ajax”とは何なのか?」の説明の中で、Ajaxの定義の1つとして「XHTMLCSSを使った標準規格のプレゼンテーション」というのがありました。前回の記事では、この部分をしっかり解説できなかったので、今回はこれについて解説をしましょう。 といっても、Ajaxの補足説明が今回の目的ではありません。HTML/XHTMLCSSを使った「Web標準」について紹介します。 「Web標準」という単語はよく耳にしますが、具体的にどんなものか? HTML/XHTMLCSSとどのような関係があるのか? さらに、HTML/XHTMLCSSって何? といった点について見てみましょう。 「Web標準? Webを標準化することかな?」 AjaxやXML、Jav

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