世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
320 and up [ad#ad-2] Media Queriesとはビューポートのサイズやカラーなどユーザーの環境ごとに異なる最適なスタイルシートを条件式のように適用できるもので、下記のようにブラウザのサイズを変更すると、レイアウトがそれに合わせて最適なものを提供できるようにすることができます。 サイトを640x480で表示したデザイン Media Queriesの詳しい説明は、以前の当サイトの記事も参考にしてください。 CSS3のMedia Queries(メディアクエリ)の使い方と実装例 [ad#ad-2] 320 and upのスタイルシートの構成 スタイルシートの構成は、最小限なものとなっています。 リセット用のスタイルシート カラー用のスタイルシート タイポグラフィ用のスタイルシート Media Queriesで予め用意されているのは、下記のサイズです。 480px 768p
サイト内検索 html5doctor ( http://html5doctor.com/ )とは、Richard Clark 氏、Bruce Lawson 氏、Jack Osborne 氏、Mike Robinson 氏、Remy Sharp 氏、Tom Leadbetter 氏といった HTML5 に関して著名な方々が共同で運営しているサイトです。<html>5doctor は、HTML5 を使おうとする人に、さまざまなリソースを提供することを目的として運営されているサイトです。このサイトで掲載されている記事は、HTML5 を習得する上で、非常に有益なものばかりです。特に、マークアップに関する記事が充実しています。 HTML5.JP では、html5doctor の許可を頂き、記事アーカイブの日本語訳を掲載しましたので、ぜひ、HTML5 の理解にお役立てください。 一部、直訳ではなく意訳
本日鎌倉に来ていただいた中島聡さん、html5で何が実現できるのか?を現在果敢に挑戦されていまして、こちらのページ(WidgetPad.com)で実験作品を随時公開されているのですが、現在公開されている12個のhtml5で作成されたウェブアプリケーションをすべてご紹介いたします! 信じられますか?これらはSafari上で動いているんですよ!?まずは前半6個です。 これがiPhoneのSafari上でスムーズに動いているんです。 まずは6本、個別に紹介していきます! Gold Fish Simulation 小さなお魚さんが画面上をスイスイ泳ぎます。 このウェブアプリの動画はこちら。 Blob Sallad これが一番すごいかも!!! 指で触れます。ぴょんぴょん触れます。 2本指で触るとなんと分裂します!!! このウェブアプリの動画はこちら。 YAHOO! Finance 3D ヤフーファイ
WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったり、毎度テンプレートを探したりと、あまり手軽ではないと思います。 そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介します。 2009/12/25追記:今日現在、日本語が文字化け、PDF形式でのエクスポートが行えなくなっています。この件につきまして、@kira88が運営元へフィードバックをしてくださいました。お知らせいただき、ありがとうございますm(_ _)m 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトの構成図をサクッと作れるオンライン ソフト「SlickPlan」「SlickPl
About this specification This specification is like no other — it has been processed with you, the humble web developer, in mind. The focus of this specification is readability and ease of access. Unlike the full HTML Standard, this "developer's edition" removes information that only browser vendors need know. It is automatically produced from the full specification by our build tooling, and thus
こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
html5はhtmlの新しいバージョンである。この特徴は今はweb2.0の時代であり、動的な要素がどんどん必要になってきたから対応していこうというものである。そのためjavascriptを使う前提でつくられた要素がちょこちょことあってcanvasをうまく使えばflashがいらなくなりそう。 html5がちらほらで始めてきたので今のうちからモノにしておきたい。ブラウザもけっこう対応していて、html5でWebを作っても見れるようになってきている。実験的にだとは思うけど、appleのsafari 4のページはhtml5で書かれている。ハックをうまくつかえばどのブラウザでも何となくは使えるみたい。 調べてみた感じだとけっこうめんどくさそう。なんか前より似たような要素がいっぱいある気がする。英語ができないので細かな意味が分からないせいなのかもしれないけど。でもcanvasとかvideoとかがすごそ
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名(generic-family)である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く