タグ

HTMLに関するzenibutaのブックマーク (25)

  • Re: 「HTMLやってる」人を何と呼ぶ? | securecat's exblog

    /.J の「「HTMLやってる」人を何と呼ぶ?」というストーリーに対してコメントをつけました(コメントするのは2年ぶりだし、そもそも /.J を見ること自体も久しぶりだけど)。 が、なんか、ちょっとコメントする場所をミスったかもしれないというか、それ以前に、なんというか流れている空気が違う気もしまして、このコメントをもっと読んでほしい人たちに対して読みやすいであろう場所へ移動させるべく、こちらへまるごと転載しておきます。 なお、僕の念頭にあるものとして、「マークアップエンジニア」というタイトルで仕事をする人にとっての職域とは、弊社の募集要項にある通り:HTML/XHTMLのマークアップ、情報設計および文書構造のデザイン、エンタープライズCMSのテンプレート設計・開発、CSSの設計およびコーディング、JavaScriptのライブラリ設計・開発・実装。以下の技術に関する研究・設計・開発:XML

    Re: 「HTMLやってる」人を何と呼ぶ? | securecat's exblog
  • 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

  • HTML書くのに便利な秀丸マクロ | Takazudo Clipping*

    自分は、いっつも秀丸というテキストエディタを使ってます。 マクロ機能がすごい便利なので。マクロは、個人が作ったものが、たくさんWebで公開されています。 メモもかねて、HTMLを書くときに便利なものを紹介。 すぐおせるところに置いておく系 とにかく自分の押しやすいキーにこれらのマクロをバインドしておくと、ぺこぺこHTMLが書けるかと思います。(これは、FPSやRTSというジャンルのPCゲームをバカみたいにやっていて学んだ大切なことです。操作が遅いとやられちゃうんです・・・) 具体的には、alt+Qとか、Ctrl+Eとか、左手でちょちょいと押せる部分に割り当てておきます。はっきり言って、最初にこれらを設定するのは、相当めんどくさいですが、慣れてしまえば、Dreamweaverとか使うより相当速いです。 終了タグ挿入・タグ削除等 閉じタグいれたりタグ部分だけ消したり。 XML/HTML編集

  • これ1枚で分かる キレイなHTMLコードを書くためのコツ - Chocolate(チョコレート)

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

  • 知っておくと便利なHTMLで書ける特殊文字一覧『HTML/XHTML Character Entities』 | P O P * P O P

    のちのち使えそうなのでメモとしてエントリー。HTML/XHTMLで書けるエンティティの一覧です。 ちょっと変わった矢印や、コピーライトなどの記号、他にもニコニコマークなどがありますね。うまく組み合わせれば楽しげなページができそうです。 ↑ マニアックな記号を知っていれば友達に自慢できるかも? 毎日使うものでもないですが、いざというときに知っておくと便利ですね。ご利用は以下からどうぞ。 » HTML/XHTML Character Entities : HTML.SU

    知っておくと便利なHTMLで書ける特殊文字一覧『HTML/XHTML Character Entities』 | P O P * P O P
  • HTMLの質の追求は、モバイルがきっかけでブレイクする。

    Web標準を考えるというエントリーで、フルCSSが受託案件で堂々と使えるようになったのは、SEOという言葉が出てきたから、という言葉を書いたら、はてブに微妙な反論があった。 しかし、それは現場では間違いではなかった。 2002~2003年頃は、ネスケ4を切るための理由がなかったのだ。 ネスケ4を切るということは、少なからずユーザーを失うというビジネスマターの決断になるので、制作者の論理、HTMLの論理などという瑣末(あえて言ってみる)なことで、ビジネスの機会損失になることは許されない。 もし捨てさせたければ、ビジネスニーズvsビジネスニーズの取捨選択の決断が必要。 そこにハマったのが、MovableType(blog)とSEOだった。blogは、なんだかんだとUTF-8であることが求められるし、SEO対策のためにテーブルレイアウトが悪者とされることとなった。 ずばり、この二つのキーワードが

  • ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
  • HTML5.JP - 次世代HTML標準 HTML5情報サイト

    HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より

  • 滚球体育网站:乐cong槽钢pi发,国biao槽钢,非biao槽钢,广州槽钢12#,shen圳槽钢10#,q235b槽钢,广东云顶ji团4008钢铁

    Choose Foshan Longju Iron and Steel Co., Ltd. is to choose high quality good price.

  • HTMLメールに使えるテンプレート30選 | POP*POP

    ネットショップではすでに常識となりつつあるHTMLメール。ウェブサイトのテンプレートはよくありますが、ありそうでなかったHTMLメール用テンプレートが紹介されていました。 スタイルシートも含めた1つのファイルになっていて使いやすいかもしれませんね。そろそろHTMLメールに挑戦、という方は覗いてみてはいかがでしょうか。 GmailやOutlookYahoo! Mailなどですでにテストされているので安心ですね。全部で30個あります。まとめてダウンロードもできますよ。 » 30 free HTML email templates – Campaign Monitor

    HTMLメールに使えるテンプレート30選 | POP*POP
  • つくるぶ -デベロッパー応援プロジェクト

    つくるぶをご利用いただきありがとうございます。 つくるぶは2008年9月30日をもって閉鎖いたしました。 誠に残念ではありますが、サイトオープン以来、多くの皆さまに支えていただきましたこと、心より御礼を申し上げます。 つくるぶをご訪問頂いた皆さま、ご自分のサイトを登録してくださった皆さま、つくるぶをご利用いただきありがとうございました。 大変申し訳ありませんが、会員情報および投稿していただいた情報は全て破棄させていただきました。 また、つくるぶの閉鎖に伴いブログパーツ「サイトスカウター」もサービスを終了させていただきます。 皆さまの今後のご活躍を応援しています。

  • HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」:phpspot開発日誌

    Corunet. El blog Automatic CSS: The stylizator We’re going to write a simple script that takes an HTML file as input and gives us two things: HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」。 stylizatorを使えば、例えば、次の図の左のようなHTMLがあったとすると、図の右のような階層的で、構造が分かりやすいHTMLに変換することが出来ます。 変換されたHTMLのブロック要素には、次のようにブロックのID要素が赤の点線で分かりやすく表示されます。 利用には、Perl環境が必要です(ActivePerlでもOK)。 実行は、次のようにコマンドラインで行います。 perl stylizator.pl <変換を行いたいH

  • 今日の研究:Web標準のHTMLエディターExpression Webを使ってみる: 世界中の1%の人々へ

    今のところオープンソースではべていけないから、会社の生計は基的に、XHTMLCSSのマークアップと、Movable Typeの構築で成り立っている。 CMSのテンプレート制作の基は、CrescentEveを使っておこなうのだが、作業効率を上げるため、styleで定義できるWYSIWYGモードのHTMLエディタを探していた。 自前でTinyMCE日語版というHTMLエディタもあるが、これはMTタグやPHPタグをクリーンアップで削除してしまうから使えない:-p で、Web標準のXTHMLを出力してくれるとの評判である、Expression Web評価版を試してみた。 #Dreamweaver MX2004は、Win版、Mac版共に持っているが、要求されるアクセシビリティを充たす、シビアなマークアップエンジニアリングには向いてない。 上記はXGAのモニターでExpression We

  • HTML Entity Character Lookup Left Logic

    Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters. This lookup allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c. HTML Entity Lookup Lookup HTML entities like, space separate for more: Options Small output Incl. extended

  • 窓の杜 - 【NEWS】米MS、HTML構造やレイアウトを検証できるWeb制作者向けIEプラグインを正式公開

    Microsoft Corporationは9日(現地時間)、Webページの構造を検証できるIE用プラグイン「Internet Explorer Developer Toolbar」の正式版を無償公開した。Windows XP/Server 2003/Vista上のIE6/7に対応し、現在同社のダウンロードセンターからダウンロードできる。 「Internet Explorer Developer Toolbar」は、IEのエクスプローラバーとして動作するWeb制作者向けのプラグイン。ローカルまたはインターネット上のWebページのHTML/CSS構文を解析でき、レイアウトや色合いの調整、W3Cの文法チェックサービスを利用した構文エラーチェックなど、アクセシビリティに配慮したWebページ作成に便利な機能が多数搭載されている。 エクスプローラバーはWebブラウザー画面の下側へ表示され、上部に各

  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • 窓の杜 - 【NEWS】好きなテキストエディターでHTMLタグ入力補完を利用できる「HTMLAssistant」

    さまざまなテキストエディターでHTMLタグ入力補完機能を利用できるようにする支援ソフト「HTMLAssistant」v1.06が公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPでの動作を確認した。現在、作者のホームページからダウンロードできる。 「HTMLAssistant」は、タスクトレイ常駐型のHTMLタグ入力支援ソフト。普段利用しているさまざまなテキストエディター上で、HTMLタグの入力補完を実現できるのが特長。 ソフト起動中に任意のテキストエディターで“<”を入力すると、HTMLタグの要素や属性の候補リストがキャレット位置にポップアップ表示される。このとき、1文字入力するたびに該当するHTML要素が絞り込まれていく仕組み。また、属性に関してもキャレット位置の要素に対応する候補のみに絞り込むことが可能。 ソフトは多くのテキストエディターに対応して

  • ちょっとしたメモ - W3Cの新HTML作業部会

    昨年10月のバーナーズ=リーのびっくり発言から約4カ月を経て、W3Cに新しいHTML作業部会が設置された。HTML4とXHTML1をベースに、新しい(X)HTML仕様を2010年を目標に策定していく。従来のHTML作業部会はXHTML2作業部会という扱いになる(HTMLとは違う狙いなので、名前を変えることも検討しているそうだ。そりゃ大いに結構)。 Charter(設立趣意書)によれば、この新作業部会は次のものを策定していく。 HTML4を発展させた、ウェブの文書とアプリケーションのセマンティクスを表現する言語 この言語をXMLによって記述(シリアル化)する拡張可能な形態 既存ブラウザの「クラシックHTML」パーサと互換性のある、XMLではない記述形態 この言語のためのDOMインターフェイス フォームその他のUIで用いるための、プログレッシブバー、メニューなどの共通部品 リンクづけられたメデ

  • CSSに見惚れてばかりじゃなくて、もっと私(HTML)を見てよっ!

    と、htmlさんが嘆いている気がしたので、こんなサイトですがhtmlさんに付いて書きます。 ウチのサイトの一番の目的は「CSSって面白い!」って思ってもらい、興味を持ってもらう事にある訳ですが、次のSTEPに進む為にやっぱり通らなければならない道である(X)HTMLの正しい記述方法。 もちろん、CSSの勉強の前に(X)HTMLの理解をしてからが理想だと思いますが、ボクはソレがベストだとは思っていません。 何かを覚えるのに、「この順番で覚えなければ絶対にいけない。」なんて事は無いと思います。 ホントのビギナーさんは、CSSビギナー向けから、取りあえずCSSに触ってみるっていうのがボクのオススメです。 楽しんでナンボっす。 で、まぁ今回の対象となる方々は、テーブルレイアウトからCSSに移行した人で、(X)HTMLについては特に触れなかった人とか、Blogで初めてCSSに触れた人とか、CSSの魅

    CSSに見惚れてばかりじゃなくて、もっと私(HTML)を見てよっ!
  • テキストをXHTMLに変換するJavaScript製「Markdown」ライブラリ:phpspot開発日誌

    Showdown - Markdown in Javascript テキストをXHTMLに変換するJavaScript製「Markdown」ライブラリ。 次の画像を見てください。左の入力欄にテキストを入力すると、リアルタイムで右のウィンドウにHTMLに変換されたページが表示されます。 要は、Markdownとは、WIKIのような文字列変換を行うもののようですね。 ライブラリ自体はダウンロードして自分のツールに独自に組み込んだり出来そうです。 JavaScriptで出来ているということで、サーバに依存せず、アイデア次第で面白いもの/便利なものが作れるかもしれませんね。