HTMLとスタイルシート（CSS）の業務スキルレベル 判別表 （５段階） - 主に言語とシステム開発に関して
スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは，「Webページをコーディングして作る人」全般に当てはまる。 レベルは，０から４までの５段階。 （０） 非エンジニア （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階） （３） 中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準） （４） 上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（
HTML6の仕様を HTML5までに至る HTMLの進化から予想する
HTMLの記述は、HTML5の登場により劇的にシンプルになった。 試しに、HTML5の前バージョンの1つであるXHTML 1.0 StrictとHTML5をシンプルなWebページの記述例で比べてみる。 XHTML 1.0 Strict <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charse
Geekなぺーじ：HTML知識レベル
「Levels of HTML knowledge」という記事がありました。 かなり皮肉たっぷりで笑えました。 以下、要約していました。 誤訳などがあると思うので詳細は原文をご覧下さい。 原文のさらにネタ元の「Levels of CSS knowledge」も面白いです。 レベル 0 このレベルの人はHTMLを見ることはありません。 例えば、メールで送信されてきたHTMLメールを原文のまま見るなど、稀に何かの間違いで表示されてしまっているHTMLを見ることはあります。 彼らはレベル0以上になろうとも思いません。 ありがちな発言 「H？TM？ 何それ？」 レベル 1 このレベルの人たちは、自分たちが日々目にしているWebサイトの裏で何らかのプログラムが動作している事を認識しています。 このクラスの人たちはWebサイトを自分たちで作るときには、専用のツール(Photoshop、Dreamwea
HTMLを体系的に理解するための7仕様
はじめに最近マークアップエンジニア志望の若者と話す機会が多いのだけれど、そこで気づかされるのは、彼らの中に過去のHTML（特に90年代以前の仕様）を読んだことのあるという人が、驚くほど少ないことだ。 例えば「マーク・アンドリーセンをどう思う？」と聞くと、「アンドリーセンって誰ですか？」という答えが返ってくる。「ヨスケの独自要素で何が一番好き？」と聞くと、「見たことがありません」と言われてしまう。「ではきみは、昔のHTMLを見たことがあるの？」と聞くと、たいていが「とほほでやっていたものくらいなら……」という答えしか返ってこない。 今の若い人の間では、HTMLを体系的にとらえようという人は少ないようだ。見るのは専ら近年の話題仕様ばかりで、歴史を辿ってみたり、系譜をひもといて標準化団体ごと理解しようとする人はほとんどいない。 これは、ちょっと由々しき問題だと思わされた。HTMLは、もう長いこと
RED LINE : アシ子さんの頭の中 - livedoor Blog（ブログ）
随分前の話だけど、アシスタントさん（結構初心者だけど自称「フリーでweb屋やってます！」系の人）とのやりとりで気になった事があったのをふと思い出した。 HTMLやらCSSに関しての質問をよくされるので、その都度教えたり、参考URLを提示したりして1つ1つ疑問を潰すお手伝いをしていたわけだけど、どうも自分で調べるっつーのが苦手みたいでとりあえずタグ辞典くらい買えよとか言ってみた。毎晩タグ辞典抱いて眠るくらいの勢いで！って。 正直、今はネットでHTMLでもCSSでも情報はどんどん出てくるし、わざわざ購入する必要はないとも思うんだけど、ネット上での情報が断片的な情報であったり、どこのサイトを見ても100%正しいことを書いてあるわけでもない気がしてるので、とりあえず１冊くらい持っておいて損はないよ、と。 で、彼女は私と同じ辞典を買った。 だけど調べ方が難しいんだって。調べ方が難しいというか、目的の
マークアップ・エンジニアのTips
マークアップエンジニアの業務は一般に「HTMLを作ること」とされますが，実際には，HTMLを書くだけに留まらず，Webサイトのユーザー・インタフェースを実装したり，そのためのツールに精通している必要があります。ユーザーがサイトを訪れてから目的を達成するまでの“体験（エクスペリエンス）”の質を左右する仕事，というわけです。この連載ではマークアップエンジニアの仕事にまつわる話を中心に取り上げます。 ・第1回 マークアップエンジニアって何？ ・第2回 CSSレイアウトとか，Web標準とか ・第3回 Webページで行間はどのくらいにしましょうか？ ・第4回 やっぱりXMLか ・第5回 Internet Explorer 8 Betaについての雑感 ・第6回 マークアップする人から見た，こんなディレクターは嫌だ！ ・第7回 CMSの需要について考えてみた ・第8回 「CSSによるデザインワークと相性
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
livedoor ラボ「EDGE」 開発日誌 : EDGEのトップページをHTML5化しました - livedoor Blog（ブログ）
こんにちは。 EDGEのHTML・CSSなどを担当しているhamashunです。 今日はHTMLに関する実験的取り組みのお知らせです。 今回行ったのは、EDGEトップページのHTML5化です。 HTML5はHTMLの5回目の改訂版で、2009年3月現在では策定中の仕様です。 その内容にはマークアップの改善や、Webアプリケーションの製作に役立つAPIの提供などが含まれています。 ※現状での詳細はHTML 5 ― HTML 4 からの変更点を、必要に応じてHTML 5 differences from HTML 4（原文）を参照してください。 策定中の仕様という事もあり、HTML5を現時点で採用しているサイトを見かける事はあまりありません（最近ではSafari 4のサイトが話題に上りましたね） EDGEでは実験場という立ち位置を活かして、一足早く採用してみました。 開発者のノリと勢いと情熱と
HTML 5でセマンティックWebが進むと困る人たち
Webブラウザがアプリケーションプラットフォームとして、キャンバスやオフラインといった機能強化を行いつつあるという話を前回「Firefox 3.5とプラットフォーム化するWebブラウザ」で書きました。 そのWebブラウザの進化を裏で支えているのは、標準としてのHTML 5の存在です。 そもそもHTMLは約10年前のHTML 4でバージョンアップを終えて、その後はHTMLをXMLで書き直したXHTMLが後継となりました。実際にXHTML 1.0と1.1が策定されています。 XHTMLは、いままでヒトがWebブラウザで参照するために書かれていたHTMLをXML化することで、機械でも読めるデータとすることを目指しました。そこには、これからは機械がヒトと同じようにXHTMLを解釈してデータを活用する「セマンティックWeb」が広がっていく、というシナリオがあったためです。 ところが実際にはセマンティ
くずHTMLが健在な5つの理由 - builder by ZDNet Japan
2年強前、私は開発者たちにひどいHTMLを書くのをやめて欲しいとお願いする記事を書いた。しかし、その後この問題はさらに悪化している。 何週間か前、私はTech Republicのこのブログの読者に対して、自分のHTMLの品質について聞いた。読者の約25％が自分のHTMLはすべての標準に準拠しているという主張だった。私はこのブログの読者についてよく知っているので、この数字は正しいと信じている。しかし、私はこのブログの読者がかなりの少数派であることも知っている。残念ながら、くずHTMLは健在だ。 ここに悲しいニュースがある。AlexaのTop 500のサイトのページで正しいものは7％以下だというのだ。これは、これらのページだけの問題なのだろうか。残念ながら違う。研究者によれば、「これははるかに大きなMAMAの分析対象全体よりも少しよい結果となっているが、サンプル数と差分が小さく、差があるとはっ
自動化のすすめ（Emeditorマクロでリストタグ作成） - EC studio デザインブログ
今回はEmeditorのマクロを使って簡単に効率的に リストタグを作成しようと思います。 マクロってなに？スクリプトってなに？ よくわからないから苦手というデザイナーさんも多いかと思います。 しかーし！Emeditorの「マクロの保存」を使えば、 簡単にしかも何度でも流用できるマクロ（魔法の呪文みたいなもの） を作成することができます。 マクロをぽちっと選択するだけでリストタグを自動化作成！便利ですよ。 下記にその方法を記載しますのでぜひ実行してみてください！ これで簡単にリストタグを作成することができますよ。 リスト化したい文字列を並べよう まずはリスト化したい文字列を並べてみましょう。 中小企業の皆様へ ビジネスパートナー募集 サービス製品 会社概要 ニュースリリース のようにリストタグにしたい文字列を並べてください。 マクロの記録を実行してみよう 「マクロ」の「記録/停止」をクリック
ソースなんて誰も見ないよ。
ボクたちみたいな、Web業界の人間やそういうのに興味ある人でも無ければ、訪れたサイトのソースなんて誰も見ないよね。 そんな感じだから、蔑ろにされやすいし、扱いも低かったりする。 そりゃそーだ。 ボクだって、今の仕事してなかったらサイトのソースなんて見る事無いし。 テーブルレイアウトだろうが、どんな方法で組まれていようが普通に閲覧できれば関係ないよね。 でもさ、エラー出まくりのHTMLなんて、体内がずたぼろの人と同じじゃんね。 見た目健康そうでキレイに着飾ってても、体内ずたぼろじゃあやっぱりダメじゃないですか。 人様の体内を覗く事なんて普通に考えたら無いし。 普通に歩いているように見えれば、見分けなんて付かない。 だけど、時が経つにつれ徐々に身体がおかしい事に気付いていく。 そんなんイヤだよ。 HTMLだって、昔作ったサイトはInternet Explorerでしか見れなかったりして。 その
HTMLを綺麗に保つ12の原則 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Chris Coyier氏がSmashing Magazineにおいて12 Principles For Keeping Your Code CleanのタイトルのもとHTMLコードをクリーンにするための12の原則を紹介している。厳密には11の原則だが、HTMLをクリーンに保つ上で実践的で効果的なものだ。WebデザイナやWebデベロッパは一度チェックしておきたい。12 Principles For Keeping Your Code Cleanで紹介されている原則を要約すると次のようになる。 [原則1] HTML 4.01を採用する場合でもXHTML 1.0を採用する場合でもStrict指定のDOCTY
今よりコーディングのスピードを上げるには
「今よりコーディングのスピードを上げる17の方法」とかってタイトルにしたら、いかにもそれっぽい感じがするなぁ（笑） さて、仕事をする上でもっとも重要な要素の一つに、作業スピードって有ると思うけど、正直最近の自分が以前に比べて早くなっている気がしない今日この頃。 一応、現状の作業スピードでも期間内に納品は出来てるから最低限の作業スピードは確保されてると思うんだけど、コレが1.5倍くらい早くなったら、空いた時間に勉強したり、もっとガンガン組んでいけるから、速さを極める事はとても重要だよなーと。 なので、自分がやろーとしてる思いついた方法をメモ。 コーディングのスピードが上がりそうな事 無理やり出した感も有るけど、取り合えず思いついた方法を。 1）基本的なタイピング速度を上げる。 タイピングソフトとかを活用して、基本となるタイピング速度を上げれば少しはコーディングのスピードも速くなるかもって思っ
Concepts + Principles - プログラミングの原則 - Concepts + Principles - Top
ここはプログラミングの原則を集める Wiki です。巨人の肩に乗って、ふつうの人がよいプログラムを書くための指針を集めたいなと思ってます。 目次 よいデザインのための Concepts + Principles DRY (Don'tRepeatYourself) 名前重要 直交性 トラッシュではなくクラッシュ DuckTyping よいルーチンを書く 凝集性 結合性 契約による設計 (DesignByContract) ルーチンを作る正当な理由 よいモジュールを書く 適切なモジュール性を確保するために守らなければならない5つの原則 開放/閉鎖原則 (OpenClosedPrinciple) よいアプローチのための Concepts + Principles 曳光弾 可逆性
「HTML原理主義者」を笑い飛ばせ (agenda)
ちょっと一休み（謎）。いつだったか「HTML原理主義者」という言葉を笑い飛ばすために、軽く文章を書いたので、推敲して公開しておく。 XMLボキャブラリのアンチ・パターン 第4回：「原理主義」、「奇妙な名前、謎の名前」 - ITアーキテクト [IT Architect] なんだこの気味の悪い二人は。 そもそもそれ、HTMLではないローカルなMSHTMLアプリケーションの類だろう。そのローカルなMSHTMLアプリケーションにHTMLの文法を持ち込もうとしたこの「T君」こそ、正しい意味でHTML原理主義者と言えるわな。過激ではないとあるが、私に言わせればこのT君こそが超過激なHTML原理主義者だよ。何故ウェブページの例ではなく、講義で使うMSHTMLアプリケーションなんかを例に取ったんだろう。絶対わざとだろ。 世にいう「HTML原理主義者」の不思議 しかしふと思ったのだが、世にいう「HTML原理
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
not found
htmlはどうして、多少文法が間違っていても、動作（動作）するんでしょうか？ 何故... - Yahoo!知恵袋
HTML書く人まわりの熱い一日
