Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。なお当Blogでは、Web標準に関する疑問や質問を募集しています。Webコンテンツ実装プロセスにまつわる... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 基礎編対象ブラウザはMobileSafariですレンダ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、ページレイアウトする際に、最低限おさえておきたい代表的なCSSプロパティとして、floatプロパティ、および、positionプロパティを中... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ロングライフデザインNIPPON VISION 音声ガイダンス for iPhone and iPod Touch ※iPodはApple Inc.の商標です。 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
『 もっと早くあったらよかったな、せめてIE8が出た時に、、、と世界中の人が思っているんだろうな。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
都道府県選択するやつ。がもしかしたら一日辺りの過去最高のアクセスを稼いだかも知れないという現実。 7月16日のアクセスが17,000PVオーバーって何だ・・・おかしいな、ウチはCSSネタが主力なのに・・・あぁ複雑。本題ですが、HTML5のimg要素のalt属性に関する仕様がすごい事になってますね。... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。空テンプレモジュール一覧サンプルダウンロード用エリアとモジュール繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
メモ。誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。select要素でマークアップ済みの都道府県のやつ<select name="都道府県"><option value="">都道府県をお選びくだ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 簡単なルールに従って記述されたul要素からきれいなサイトマップを作成するCSS。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
HTML 5の仕様が一覧できるPDFのクィックリファレンスをSmashing Magazineから紹介します。HTML 5 Cheat Sheet (PDF)HTML 5はHTML 4に代わる次世代のHTMLとし [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Web関連技術の標準化団体World Wide Web Consortium（W3C）は米国時間2009年7月2日，マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について，策定担当ワーキング・グループ（WG）の憲章（行動指針）「XHTML 2 Working Group cha... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Google I/Oで大きく取り上げられ、一躍注目の技術に躍り出たHTML5。Google Developer Day 2009でも、「HTML5により拓かれる次世代Web」という田村健人氏によるセッションは大盛況で、椅子が足りずに床に座り込んで聴講する人がかなりの数に上った。筆者も同セッションに... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Web Development Timeline ウェブまわりの技術をさかのぼってみる ウェブ開発者にとって欠かせない技術をまとめた１枚の画像です。 約２０年前から現在までの流れが一望できます。 クライアント・サーバに分けて図で表しています。 拡大図 以下にいくつかピックアップしてみます。 HTM... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 jQuery的なAPIで拡張を書ける。試す。／試した。<linkrel=jetpackhref=features.js>でJavaScriptにリンクするだけで公開できる。Firefoxを再起動する必要もないし、便利。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay:... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer CollectionInternet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。Breadcrumbs In Web Design以下、その意訳です。パンくず ナビゲーションは、大... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
