ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
HTML5が持つ本当の意味 ― ＠IT
2008/01/25 ウェブ関連技術の標準化団体「W3C」（World Wide Web Consortium）が「HTML5」の策定に向けて活動を本格化しました。1月22日には「HTML5」の最初の草案を公開。2010年9月に正式な勧告としてリリースする予定だと発表しました。 普段からウェブ関連技術をウォッチしている方は別として、「なぜ今ごろ？」と、この突然のW3Cの動きに驚かれた方が多いのではないでしょうか。「そもそもW3Cがやる意味があるの？」という疑問の声も聞こえてきそうです。 標準化団体としてのW3Cのプレゼンスは、近年あまりに高いとは言えません。かつて1990年代後半から2000年ごろにかけて、誰もがW3Cの一挙手一投足に注目していた時期がありました。彼らの出してくる標準技術仕様こそが、インターネットを形成する共通言語だと、多くの人が信じていました。 ところが、現在広く使われて
思っているよりもずっとずっと人生は短い。 - 私の期待する「マークアップエンジニア」
http://d.hatena.ne.jp/amachang/20070807/1186485054 あのプレゼンツールはかっこよかったですよねえ、という話はさておき、マークアップエンジニアってそういうものだったんでしょうか。ううむ。 私の考えていた、できるマークアップエンジニアって、まずはそれなりの規模の(X)HTMLのclass/idの、CSSを考慮したルール（命名規則や書き方の規則）を考え、それに沿ったスタイルを書ける人、つまり複数人での作業分担を円滑に行うことができ、将来の拡張にもある程度耐えられる「設計」ができるひとだと勝手に想像してました。そしてもちろん自分でコーディングも（それなりの速度で）できるひと。将来の拡張のことを考えると、サイト全体のIA的な側面も理解できるし、必要であればクライアントへのヒアリングもできて。 理想的には、組版や書体の知識が深かったり、さまざまなX(H
はてな記法とHTMLマークアップまとめ - dobby dog doughnut
はてな記法を使ったとき実際にどのようなHTMLが出力されるのか、CSS用にクラスやIDに特化したまとめを作ってみたよー。簡潔にするためにはと略してあります。 07/11/22 自動リンク系記法を追加しました。 07/11/21 とりあえず自動リンク系以外の記法だけ 見出し記法 記法 *[カテゴリ1][カテゴリ2]見出し HTML（1段表示） <h3> <a><span.sanchor>■</span></a> [<a.sectioncategory>カテゴリ1</a>][<a.sectioncategory>カテゴリ2</a>]見出し <span.timestamp>00:00</span> </h3> HTML（2段表示） <h3.title>見出し</h3> <p.sectionheader> <span.sectioncategory><a.sectioncategory>カテゴリ1
JustSayHi Dating Chat with people worldwide
JustSayHi with Video & Chat Browse video profiles and group chat with people around you. Available in the Play Store Amazing features JustSayHi is geared for singles and people who are interested in meeting singles. Check out these key features: Videos of People Nearby We think it's important you’re meeting humans, so videos are a big thing Match You like (heart) them, they like you, it's a match.
livedoor Techブログ : jTemplatesでHTMLを書くときに知っておきたい8つのこと
こんにちは、(主に)LDサービスのインターフェース部分に携わらせてもらっている油井です。 現在ホットな JavaScript-library の一つとして「jQuery」の名をあげることができますが、このライブラリのプラグインとして動作するjTemplatesというHTMLテンプレートエンジンにも、(個人的にはですが)注目しています。 http://jtemplates.tpython.com/ そこで、以下、私がjTemplatesを触ることにより知り得た『jTemplatesでHTMLを書くときに知っておきたい8つのこと』について言及していきたいと思います。 ※ 今回の記事では「jQuery1.2.1-非圧縮版」そして「jTemplates0.5.0-非圧縮版」を使用することを想定しています。 1, (特殊変数である)$Qの正体 jTemplatesには$Tと$Pそして$Qという特殊変
(X)HTML+CSSだけってのは、袋小路。 - ドブログ[Do-Blog] - ドブロク[DOBUROKU]
このページは旧システム（MT3.33-ja）によって生成されていました。最新の記事はドブログトップページからご覧ください。 IT戦記 - マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） 過激なエントリーです。トラックバックができなかったので、直リンク。 ボクが(X)HTML+CSSだけな奴だった頃からの不安と不信、またCSS Niteへの疑問が書かれちゃってます。 やはり、皆さん感じてるんですね。閉塞感を。 ぶっちゃけ、CSSなんて書くだけなら2ヶ月あればマスターできます。HTMLも平行して進めるのであれば3ヶ月もあればマスターできます。ただ実際には、有効な教科書、体系化された資料が無いのでこんな短期間では習得は難しいでしょうが。 手作業で静的なHTMLをかくのは数年以内にほぼ完全自動化されて「え？ナマHTML書いてんの？物好きだねぇ」なんていわれ
id名、class名の最近の自分の傾向
以前に「もう、class名やid名で悩まないんだからっ！！」というエントリーを書いたのだけど、自分がよう使うid名とclass名のまとめと、その辺の理由付けをしてみよーかなぁと思った。 後、idとclassの使い分け絡みもちょっと書くかも。 こーいう内容を書くと反応が怖かったりするけど、ソレもまた勉強なり。とか思って自分なりの今の考えを書いてみようと思います。 先に言っておきますが、コレから書く事が正解とかこう付けるべきって解釈はしない感じでお願いします。 コイツはこう考えてるんだ。くらいで読んでいただければ幸いです。えぇ。 全体を囲む際によく使うかなっていう系 #page idでコレをつける事が最近多いです。 wrapperとかwrapを使わないのは、脳内がサランラップに犯されているからっていうやる気の無い理由もありますが、「このサイトのこのページ。」なんだからpageがしっくり来たなぁ
正しく、早く、美しいコーディングを実現するために踏むべき5つのステップ::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
displaymode check sample
displaymode check sample サンプル一覧 幅・高さの計算 幅・高さの計算 (XML 宣言なし) 幅・高さの計算 (DOCTYPE宣言無し) text-align でブロック要素を揃える text-align でブロック要素を揃える (XML 宣言無し) text-align でブロック要素を揃える (DOCTYPE 宣言無し) 左右に auto のマージン 左右に auto のマージン (XML 宣言無し) 左右に auto のマージン (DOCTYPE 宣言無し) 標準のフォントサイズ 標準のフォントサイズ (XML 宣言無し) 標準のフォントサイズ (DOCTYPE 宣言無し) 非置換インライン要素に幅と高さを指定 非置換インライン要素に幅と高さを指定 (XML 宣言無し) 非置換インライン要素に幅と高さを指定 (DOCTYPE 宣言無し) 属性値の大文字・小文字
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルでのXHTMLとCSS