マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
概要 iframe の高さを、iframe の内容に応じて自動で調節するための JavaScript です。 サーバーとシステムの都合でどうしても iframe を使わざるを得ないケースなどの使用に向いています。 動作確認用の demo この JavaScript を利用すれば、iframe で参照したページが、親ページの一部であるかのように、シームレスな表示にすることができます。 ページ読み込み時に自動で高さを調節します。その後は 0.75 秒毎に高さを自動調節するので、文字サイズを変更するなどしても、それに合わせて再度iframeの高さを調節します。 使い方 まずは、iframe 要素を使用するページ(親ページ)の設定を行います。 iframe 要素に任意の id 属性を設定します。 e.g. <iframe src="demo-frame.html" id="sample1"></i
Webアプリケーションを作ろうと思った時に必要なものは何だろう。Struts、Ruby on Rails、CakePHP、Smarty、Catalyst…どれもいわゆるプログラム言語だ。 さて、そのようなものがなければWebアプリケーションは作れないのだろうか。プログラマの特権になるのだろうか。否、Webアプリケーションはもっと簡単に作れるのだ。 今回紹介するオープンソース・ソフトウェアはAlinous、HTMLとSQLで作るWebアプリケーションプラットフォームだ。 SQLが必要と言う時点で多少の障壁はあるだろうが、プログラム言語に比べると問い合わせ言語である分、分かりやすいと言う人もいるかも知れない。 そしてもう一つの構成要素はHTMLだ。この二つを組み合わせて本格的なWebアプリケーションだって作る事ができる。alnsと言う独自の拡張子ファイルには簡易的なプログラムが記述でき、IF等
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
HTML TIDY で Web ページをお掃除する 1998/9/1 版 最新版の Tidy を入手するには、このページのオリジナル版: http://www.w3.org/People/Raggett/tidy をご覧下さい。 tidy の新しいバージョンが出た場合、メールでお知らせするよう登録する ことも可能です。 日本語版 tidy およびドキュメントの日本語訳に関しては、 http://www.w3.org/People/asada/tidy をご覧下さい。 TIDY について HTML を編集していると、思わぬ間違いを犯してしまうことがよくあります。 こういう間違いを自動的に修正して、適当に書いたマークアップをきれいに してくれる、簡単な方法があれば良いと思いませんか？ そう、Hewlett Packard の Dave Raggett に感謝しましょう。HTML TIDY はそ
セキュリティを考慮したサイトでは、何らかのサービスにログインさせる時などに、テキスト入力フォームで、オートコンプリート機能をオフにしたい場合があると思う。 たとえば、共用利用されるようなPCでオートコンプリート機能により、自分のIDやパスワードがPCに保存され、個人情報が盗み見られたりするような事を、未然に防ぐことが可能だ。 企業サイトなんかでも、対応が分かれるところだが、大概はブラウザのオートコンプリート機能をOFFにする方法を示しているサイトが多いようだ。 実際の対応方法は、サイト運営側のセキュリティポリシーに依るところが大きいと思うのだが、いずれの方法をとる場合でも、ユーザーにセキュリティ上の課題があることを提示した上で、オートコンプリート機能をOFFにするように指定することを促したり、オートコンプリート機能が使えない旨を明示する必要がある。 つい先日、このオートコンプリート機能を無
最近、HTML5の情報を目にすることが増えてきています。Webサイトを構築する人には影響が大きいですから、当然といえば当然なのかもしれません。 そのHTML5の草案が公開されたようです。 HTML 5の草案が公開 | Web標準Blog | ミツエーリンクス HTML5公開草案初版 (First Public Working Draft) がリリース - HTML5.JP 今まで知りませんでしたが、HTML5にはXMLの構文も定義されているんですね。 名前はHTMLとなっていますが、HTML 5にはXMLによる構文も定義されています。このためHTML 5は、HTML 4.01やXHTML 1.0の後継仕様ととらえることができるでしょう。 『HTML 5の草案が公開 | Web標準Blog | ミツエーリンクス』より HTML5については、下記記事で情報が簡潔にまとめられています。 2010
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
