iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 - くらげだらけ
iPhoneがでた当初はWebApp押しだったAppleも3Gを出してからすぐにネイティブアプリに手のひらを返してしまって、WebAppはすっかり影がさしてしまいました。 それでも、jQTouchやSencha Touch、jQuery mobileなどWebAppの開発支援となるJavascriptライブラリが登場して一部では盛り上がったりもしています。PhoneGapみたいにWebAppをネイティブにパブリッシュするツールや、Titanium MobileのようにWeb言語ベースで開発してネイティブにするものもありますし、いろいろですね。 iOS4までのMobile SafariではCSSの一部のプロパティが使えなかったりで、よりリッチなWebAppをつくろうと思えばJavascript必要でした。 先日公開されたiOS5では今まで「なんで使えないの？」といったところが少し修正されて、
ブラウザのスタイルをリセットするスタイルシート -Normalize CSS
Normalize CSS [ad#ad-2] Normalize CSSの主な特徴 Normalize CSSの対応ブラウザ Normalize CSSのデモ Normalize CSSの使い方 Normalize CSSの主な特徴 Normalize CSSは、他のリセット用スタイルシートとは一味違った特徴を備えています。 有用なデフォルトはそのまま 多くのリセット用スタイルシートは異なり、有用なデフォルトのスタイルは維持します。 スタイルの正常化 さまざまな種類のエレメントのスタイルを正常化します。 バグの修正 各ブラウザごとの異なるスタイルやバグを修正します。 ユーザビリティの改善 ほんのわずかな改良でユーザビリティを改善します。 コードの説明 各コードには詳細な説明があります。 Normalize CSSの対応ブラウザ 対応ブラウザは下記の通りです。 Chrome Firefox
JavaScript, HTML, CSS Q&A - jsdo.it - Share JavaScript, HTML5 and CSS
質問を投稿するJavaScript,HTML,CSS、それぞれのコードを使用して具体的に質問・回答することができます。 質問してみよう！ 1.上にある"質問を投稿する"をクリック 2.質問内容、コードを入力して"Add Question"ボタンをクリック 3.コードと共に質問が表示されます 回答してみよう！ 1.質問を選択する 2.回答内容、コードを入力して"Add Answer"ボタンをクリック 3.コードと共に回答が表示されます Tag
Smart Columns w/ CSS & jQuery
As I observe other liquid based websites, I see two commonly used techniques on displaying columns, the fixed columns and the liquid columns. There are drawbacks to both that I would like to point out, and later would like to pitch my solution. Fixed Columns The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But
タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
[CSS]複数のスタイルシートのフレームワークのいいとこ取りをした -BlueTrip
ベースにBlueprint, Tripoli、グリッドに960.gs、印刷用にhartija、エレメントにelementsと複数のスタイルシートのフレームワークのいいとこ取りをし結合させたフレームワーク「BlueTrip」を紹介します。 BlueTrip CSS Framework demo BlueTripの主な特長は下記の通りです。 24カラムのグリッドに対応 実用的なタイポグラフィのスタイル クリーンなフォームのスタイル 印刷用のスタイルシート 空のスターターキット セクシーなデザインのボタン ステータスメッセージのスタイル デモでは、各要素のサンプルとグリッドを確認することができます。 <textarea name="code" class="html" cols="60" rows="5"> <link rel="stylesheet" href="../css/screen.c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
CSS HappyLife ZERO
Dreamweaver覚え書き
ZenHTMLSelectorsEn - zen-coding - Selectors and aliases for Zen HTML plugins - Project Hosting on Google Code