HTMLタグというのはWEBの文章やグラフィックの配置や装飾を指定する便利な記号です。 かけだしブロガーも、バリバリのプロフェッショナルも要チェック! 意外と知らない便利なタグがあるかも! 原宿: うーーーん………どうもホームページ作りがうまくいかないな... 続きを読む
概要 Zen-Coding とは、CSSセレクタ風の簡単な記述を、複雑なHTMLソースへ素早く変換することを軸にしたコーディング支援ツールです。 例えば、div h1 aが<div><h1><a href=""></a></h1></div>になります。 その Zen-Coding を秀丸エディタでも利用できるように... 続きを読む
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグ... 続きを読む
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 基礎編 対象ブラウザは... 続きを読む
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なん... 続きを読む
検索:<td width="397"><font size="2">(.+)</font></td> 置換:<th scope="row">$1</th> fontタグに挟まれてる文字列を記憶して、置換で記憶した文字列を変更したタグに出力しています。 記憶と置き換えについては最後の方で説明いれてるのでここでは省略。 ド... 続きを読む
Web関連技術の標準化団体World Wide Web Consortium(W3C)は米国時間2009年7月2日,マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について,策定担当ワーキング・グループ(WG)の憲章(行動指針)「XHTML 2 Working Group charter」の適用を2009年末... 続きを読む
仕様 原則としてXHTML1.0 Strictに準拠する。 要件に応じて、適宜XTHML1.0 Transitionalを用いる。 CSS2.1に対応する。 文字コードはUTF-8を採用する。 ブラウザ対応 推奨ブラウザ Internet Explorer 6以降 Firefox 2以降 Opera 9以降 Safari 2以降 これらのブ... 続きを読む
こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムー... 続きを読む
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一... 続きを読む
ページの各エリアに対してhn要素を使い起点を設けることにより、アクセシビリティを高めることができるかもしれません。ある全盲の音声ブラウザユーザの意見最近、ある全盲の音声ブラウザユーザの意見を聞く機会がありました。彼女が主張する使いやすいWebサイ... 続きを読む
凄いエントリーの投稿方法おもいついたね俺、更新一瞬! 革命!そしてコピペも出来ない! 言ってることとやってることが違いすぎ! おやすみ! Comments:13 白樺 2007年12月11日 03:04 ここですか。 >上の階層のためにもweb標準に従うべき それにしても思うのは、H... 続きを読む
Other projects of manual.su: Freeware, HTML, CSS, XML, MathML, DTD, JavaScript, W3C DOM, SSI, SQL, UTF, Chemistry, Free fonts, Cheat sheets Other projects of Itlibitum, Corp.: Polls, Free icons, Picture Of The .net, Lovedrome, Main page, Tell... 続きを読む
性懲りも無くまた書くとする。このエントリーは「マークアップエンジニア」に向けて書く。 * 前回何故あんな書き方をしたかというと、やっぱり書き方が見下してるというか、嫌〜な匂いがしたからだ。で、案の定そのノリで反応来るしなぁ。ちなみに僕はマークア... 続きを読む
次世代HTML標準 HTML5情報サイトHTML5は、W3CがHTML4に代わる次世代のHTMLとして策定を進めているHTML仕様です。HTML5.JPでは、HTML5の仕様に関するトピックを紹介していきます。 HTML5.JPでは、HTML5の最新情報に加え、すでに利用可能なCanvasの使い方などを詳... 続きを読む
2007-08-09 Kentaro Ohno 1/42 次へ Strict とは Strict とは 辞書的な意味ではきびしい、厳格な 文書に正しいマークアップを施すこと Valid とは違う 前へ 2/42 次へ 正しいマークアップ 正しいマークアップとは 見出しには hn 要素 強調は em、strong 要素 リ... 続きを読む
先日あった、「マークアップエンジニア・テーブル」の 当日のメモ書きを、ちょっとだけ校正して載せておきますー。 後半のパネルディスカッションは今日の深夜にでも。 http://www.w2c.jp/Seminar/2007/june/1_day/ まずは、前半の雄さんのプレゼン内容を。 [第... 続きを読む
えーと、HTMLとCSSを書いてご飯食べてる人です。 ポジティブシンキンガーです。 マークアップエンジニア云々について書いてみます。 マークアップエンジニアって何よ? って言う人は、necozeさんの[メモ]「マークアップエンジニア・テーブル」(W2C 定例セミナ... 続きを読む
JavaScriptでは権威のamachangさんがtwitterでとある発言。 それに対して、twitter仲間が思い思いのコメントを。 私もいろいろ思うことがありましたので書いてみました。 濃い昼飯だた、(X)HTML+CSS しか出来ない人は真剣に第二の何かを探したほうがいいと思た... 続きを読む
css はじめにこのエントリはマークアップエンジニアに対する批判ではありません。不快な想いをした方がいましたら、申し訳ありません。 きっかけライブドア & サイボウズラボの数人でお昼ご飯を食べにいって、いろいろ話しながら考えたことを昼食後に Twitter ... 続きを読む
はじめに 携帯サイトは、PCのWebブラウザではテストできません。携帯のWebブラウザにはさまざまな機種依存仕様があるからです。マークアップ言語の違い(HTML/HDML)絵文字表示可能な画像形式(gif/png/jpg、カラー/モノクロ、色数、サイズ)受信サイズアクセ... 続きを読む
なぜか会社で私のコーディング手法について説明することになり(技術屋以外は興味なしっぽかったけど)、「h1要素はその文書を表す見出しなので、bodyの直下に入れています。また、h1要素はdiv#headerの中には入れてません。」ということを話したのですが、いろ... 続きを読む
つくるぶをご利用いただきありがとうございます。 つくるぶは2008年9月30日をもって閉鎖いたしました。 誠に残念ではありますが、サイトオープン以来、多くの皆さまに支えていただきましたこと、心より御礼を申し上げます。 つくるぶをご訪問頂いた皆さま、ご自... 続きを読む
Choose the tools with that you want to test the given adress: Loading tools... If this message does not disappear you have to enable JavaScript or try to reload this page once. 続きを読む
最近、一部で話題に上がっている POSH にも、"Use good semantic-class-names" という実践項目がありますが、今日はその class 名のつけ方について、最近、思い至ったことから。 POSH encapsulates the best practices of using semantic HTML to author web pa... 続きを読む
li要素にdl要素を入れてみる 2007-05-27 0 0 XHTML/CSS CSS, dl, ul, XHTML 手順を示すような記述のマークアップをどうするか,ちょっと悩みました。見た目としては,次のようになるとよいのですが。 順序が大事なのでol,liでいきたい dl,dt,ddでマークアッ... 続きを読む
HTML/CSSの構文チェックができる便利な無料ツール『bkhvalid』 May 24, 2007 10:28 AM written by 100SHIKI Apprentice II 窓の杜で紹介されていた「bkhvalid」を使ってみました。HTML/CSSの一括構文チェックができるツールです。 » 窓の杜 - 【NEWS】ローカル... 続きを読む
日付 : 2007.05.10 タグ : web 以前からURIとURLの違いを「URLはURIの部分集合である」程度にしか理解できていなかったのですが、今日その違いについてきちんと調べる必要があったので、ようやく自分なりに違いを理解することができました。 URIとは URIとはUni... 続きを読む
サイバーガーデン代表(http://www.cybergarden.net/)。Webプロデューサー。早稲田大学大学院商学研究科修了。大学院在学中の1999年5月にWebリファレンス&リソース提供サイト「CYBER@GARDEN」を立ち上げる。一般企業に就職後もWebデザイン誌での執筆やW3C仕様... 続きを読む
2次応募も締め切りました。 コーディングコンテスト Vol.1 ~Coder's High~を開催します! 今回初の試みでもある(と思う)コーディングコンテスト。 用は、デザインは用意されてて、ソレを個々のスキルや考えに基づいてコーディングするというものです。 初回... 続きを読む