キーワード検索「XHTML」
583
札幌でホームページ制作をする社会人ハムの勉強ブログ。 JavaScriptやjQuery、XHTMLやCSS、その他思ったことなどについてなどを気ままに書きます。jQueryのpluginなども公開中。jQueryplugin自作pluginJavaScript(X)HTMLCSSSEO日記プロフWebコンWebサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxの...
445
スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。 そこで今回はレスポンシブWebデザインを使用したサイトの制作や仕組みを理解しておくためにCSS3のメディアクエリを使用してレスポンシブWebデザインのデモソースとチュートリアルをつくりました。 今回はXHTMLでコーディングしたソースで、CSS3のメディアクエリを使って、PC、タブレット、...
460
ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説し...
431
HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に（勝手に）リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思いますが、実在するサイトを例にすることでHTML5の具体的な使い方がイメージできる...
414
制作者側にはかなり普及してきた感もあるHTML5。 情報は溢れていますが、自身も少しづつ勉強してきたのでXHTML1.0との違いなどをメモがわりにアウトプットしてみた。 (マークアップメインの話です) HTML5はW3Cより2008年1月22日に草案が発表され、2010年8月現在も草案の段階です。 勧告はW3Cが2012年3月、WHATWGは2022年としており、どちらにしてもまだ先ですが、新しい...
295
一度に複数のプログラムのソースコードを見やすく色付けして、HTML・XHTML・RTF・TeX・LaTeX・SVG・BBCode・XML形式に変換でき、さまざまな設定も可能なソフトが「Highlight」です。インストールと操作方法は以下から。 Andre Simon - Startseite http://www.andre-simon.de/zip/download.html ◆インストール ...
315
札幌でホームページ制作をする社会人ハムの勉強ブログ。 JavaScriptやjQuery、XHTMLやCSS、その他思ったことなどについてなどを気ままに書きます。jQueryのpluginなども公開中。jQueryplugin自作pluginJavaScript(X)HTMLCSSSEO日記プロフWebコン知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやる...
244
以前にも「XHTML+JSでプレゼンを作りたいときのツールまとめ」なるまとめをしましたが、Slippyなる新しいツールが出てきたようですね。見た感じすごく良さそうですよ。↑ こんなマークアップが…。↑ こんなスライドショーに。↑ 使い方。矢印キーで進む/戻る、タブキーで一覧表示、[数字]+Enterで直接ジャンプです。↑ 一覧表示はこんな感じ。さらに言語を指定してSyntax Hilighting...
205
知り合いが便利そうなものを作っていたのでご紹介します。 Web制作時によく使う機能をひとまとめにしたjQueryプラグインです。 読み込むjsのファイルが増えてきたり、その都度追加していくのが面倒だなと感じてきていたのでこういうのは非常に助かりますね。 Laquu.js 個人的によく使う機能 アコーディオン ドロップダウン ブランク XHTMLで非推奨とされているtarget属性の代替となる機能で...
232
IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。IE...
96
ビジネスサイトでも、個人のポートフォリオサイトでも無料で利用できるスタティックなテンプレートファイルをNettuts+から紹介します。Free "Aurelius" Website Templateテンプレートは、XHTML 1.0 Transitional、CSS2.1（一部CSS3）を使用しており、上記キャプチャのインデックスページではjQueryで打ち出しの要素がアニメーションで回転します。...
78
仕様やルール，使い方などのHow Toを手短にまとめたチートシートを探していたらこういうページを 見つけました。プログラミング言語だけでなく，HTMLやSQL，jQuery，Django，Railsなどもあって，かなり充実していてビックリかつ 関心したのでご紹介。チートシート配布サイトとして有名なAdded Bytesからのものが多いですね。どのチートシートも印刷しやすくなっているので，紙に印刷し...
82
デザイン・コーディングの参考になるサンプルを探している。そんなときにおすすめなのが、『61 High Quality And Free xHTML Templates Part 2: Year 2010』。ソースをダウンロードできるXHTMLテンプレート集です。かっこいいものが揃っていますね。YIW Minimal シンプルなデザイン。スライドショーつきBlack & Blue 黒ベースにブルーが...
67
HTML5でメニューを作りたい。そんなときに参考になるのが、『How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery』。HTML5を使ったドロップダウンメニューです。CSS3で、角丸やグラデーションが適用されていますね。XHTMLはシンプルで、動きをつけたjQueryの動きもスムーズになっています。デモは以下から。Demo一度見...
56
iPadのiBooksやSONY Reader、Nookなど、多くの電子書籍リーダーがサポートしているEPUB形式はXHTML+CSSがベースになっているので、誰でも自由にビューアーを作成できます。今回のJavaScriptラボは、Webブラウザー上でEPUBデータを表示するオリジナルのビューアーアプリを作ってみましょう。ビューアーといっても、EPUB形式をきちんと解析して処理するには手間がかかり...
45
![[JS]水平・垂直など多彩なデザインが可能なDock風ナビゲーションのスクリプト -jqDock | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jqdock.html)
水平タイプ、垂直タイプなど多彩なデザインが可能なMac OS XのDock風ナビゲーションを実装するスクリプトを紹介します。下記のキャプチャは水平タイプのもので上から、上揃え、中央揃え、下揃えとなっています。デモでは、HTML5, XHTML 1.0(Transitional, Strict), HTML 4.01(Transitional, Strict)のDoctype有り・無しごとの動作確認...
22
スタートアップ SVG第2回 SVG実習2010年7月14日太田昌吾SVG, XML, XLink, Raphaelサンプルコード, サンプル, Raphael, left12前回はSVGの概要を解説したので，今回はSVGの具体的な書き方をざっくりと見ていきます。と，その前に前回のおさらいとして，SVGをウェブページで用いる方法を2つにまとめます。SVGをXMLとして記述し，svgファイル（もしく...
28
Mozilla, JavaScript, E4X最近、E4X の勉強をしている（仕様はStandard ECMA-357ね）ご存知の通り(?) Mozilla の JavaScript *1には E4X が使えるのだが、いろいろ罠チックなものがあったり、ECMAScriptの仕様を壊してしまっていたりと面白い（ぉconst XHTML = new Namespace("xhtml", "http:...
21
Improve your website's usability.With jOrbital menu.Group objects with similar functionality into one button.Save space and give users more interaction. Move your mouse over the share button to see wh...
19
Webデザイン最新トレンド ～イマドキUIのつくりかた 第5回 タブ切り替えで快適に読めるインターフェースを作るには2010年7月27日川下城誉Webデザイン, デザイン, UI, Ajax, JQuery, SEO, XHTML, CSS, IE6ページビュー, コンテンツ, サンプルファイル, サイドバー, コントロール, XHTML見せたいもののメリハリをつけるのがコツ「限られたスペースに複...
