MobileWebKitで要素を回転させる系のCSSをざっくりまとめてみました。PC版のsafariではまだ実装されていないみたいです。iPhone/Android向けサイトで使ってみるといいと思います。 CSS Transform/Transitionの基本 -webkit-transformで２次元や３次元の位置や角度、倍率を規定する。-webkit-transitionで-webkit-transformが変化する時のアニメーションを規定する。 流れとしては-webkit-transitionを決めた後に-webkit-transformを変化させる感じ。 javascriptから操作する時は-を省略して二文字目以降を大文字にする。 CSS:-webkit-backface-visibility:hidden; JS:hogehoge.style.webkitBackfa
タグ
- すべて
- jQuery (1)
- *あとで読む (5)
- *あとで買う (1)
- --hard (1)
- 20px (1)
- 3d (5)
- 443 (1)
- 5C問題 (2)
- AMFPHP (1)
- API (16)
- API_Kuler (2)
- API_SimpleAPI (1)
- API_駅データ (1)
- AR (1)
- ATOK (1)
- AccountManager (5)
- Adobe (5)
- After Effects (1)
- Android 開発 (1)
- Android3.0 (1)
- AndroidApp (1)
- Android_AlarmManager (7)
- Android_Animation (1)
- Android_Apktool (1)
- Android_Billing (1)
- Android_Bitmap (2)
- Android_C2DM (1)
- Android_CopyAndPaste (2)
- Android_Environment (1)
- Android_Flex (1)
- Android_GestureDetector (2)
- Android_ID (1)
- Android_ImageView (1)
- Android_KeyguardManager (1)
- Android_ListView (8)
- Android_Map (1)
- Android_Maps (1)
- Android_Marquee (1)
- Android_MediaPlayer (2)
- Android_News (14)
- Android_Notification (1)
- Android_PackageManager (1)
- Android_Phone (1)
- Android_PowerManager (3)
- Android_SearchManager (1)
- Android_Sensor (2)
- Android_SoundPool (2)
- Android_Sources (1)
- Android_StreamingServer (2)
- Android_Term (1)
- Android_Timer (1)
- Android_Tips (1)
- Android_UI (1)
- Android_URI (1)
- Android_UncaughtExceptionHandler (2)
- Android_ViewFlipper (1)
- Android_lanchMode (1)
- Android_manifest (1)
- Android_resource (1)
- Android_sdcard (1)
- Android_常駐アプリ (1)
- Android_端末 (16)
- Android本 (1)
- Android端末 (15)
- App Store (1)
- Appleアプリ審査 (1)
- Box2D (1)
- Business (1)
- CCRepeatForever (1)
- CS (1)
- CoffeeScript (1)
- ContentProvider (1)
- DD_belatedPNG (1)
- DI (1)
- DJ (1)
- Demo (4)
- Desire (1)
- Development (2)
- Docker (2)
- ELB (1)
- Escenic (1)
- FF (1)
- FILE (2)
- FLARToolKit (2)
- FLV (1)
- Flash Media Server (1)
- Flash10.x (1)
- Flash_Design (8)
- GAME (1)
- GNU Affero General Public Licens (1)
- GalaxyTab (2)
- Google App Engine (1)
- Google Data API (1)
- Google Maps API (1)
- Google+ (1)
- GoogleChartAPI (1)
- Helvetica (1)
- Heroku (1)
- HistoryManager (1)
- Honeycomb (4)
- IE (2)
- IT業界 (1)
- LVL (1)
- M (1)
- MA5 (1)
- MVVM (1)
- MacAppStore (1)
- MacBook (1)
- MacBook Air (1)
- MacBookAir (1)
- MacBookPro (5)
- Nexus_S (1)
- NyARToolkit (1)
- OCR (2)
- Objective-C (8)
- OpenAL (1)
- OpenCV (2)
- PHP_TIPS (2)
- PPI (2)
- PowerPoint (1)
- Programming (1)
- Push Notification (1)
- REST (1)
- Rails (12)
- ReactiveCocoa (1)
- Remote Notification (1)
- RewriteRule (2)
- SHOP (3)
- SMTP-AUTH (1)
- SNS (1)
- SOAP (1)
- SSL (1)
- STRATA DESIGN 3D (1)
- SenchaTouch (1)
- Simeji (1)
- SlideShare (1)
- Solr (1)
- Streaming (1)
- UDID (1)
- UILabel (1)
- UITableViewCell (1)
- UITransitionView (2)
- UML (2)
- URL短縮サービス (1)
- Ubuntu (1)
- VPN (1)
- Vagrant (2)
- ViewFlipper (1)
- WEBゲーム (1)
- WEBデザイン (24)
- WEBデザインTIPS (1)
- WSDL (1)
- WebP (1)
- WebSocket-Node (1)
- Webアプリケーション (1)
- Web制作 (1)
- WordPress (11)
- Yahoo (1)
- Youtube (2)
- abdriud_EditText (1)
- actionscript (48)
- actionscript_3d (1)
- actionscript_MouseGesture (1)
- actionscript_drawTriangles (2)
- actionscript_frocessing (1)
- actionscript_fullflash (2)
- actionscript_game (1)
- actionscript_library (2)
- actionscript_matrix3d (1)
- actionscript_minimalComps (3)
- actionscript_papervision3d (2)
- actionscript_simplezsorter (1)
- actionscript_thread (2)
- actionscript_tween (1)
- actionscript_zip (1)
- actionscript_コミュニティ (6)
- actionscript_セミナー (4)
- actionscript_画像保存 (4)
- actionscript_高速化 (1)
- active_admin (2)
- adobe_tv (2)
- advent (2)
- adventcalendar (2)
- ajax (4)
- amazon (7)
- analytics (8)
- android (151)
- android_Activity (5)
- android_AsyncTask (3)
- android_Intent (11)
- android_ScrollBar (2)
- android_ScrollView (2)
- android_Theme (3)
- android_app (2)
- android_calender (2)
- android_camera (4)
- android_dialog (2)
- android_error (2)
- android_language (2)
- android_preferences (2)
- android_progressdialog (2)
- android_ringtone (3)
- android_sqlite (3)
- android_twitter4j (5)
- android_xml (2)
- android_解像度 (5)
- animation (2)
- apache (8)
- app (2)
- app_source (2)
- apple (17)
- atnd (3)
- au (3)
- audio (2)
- award (2)
- aws (9)
- bash (3)
- blog (2)
- bluetooth (2)
- book (5)
- cache (2)
- capistrano (9)
- centos (2)
- chrome (3)
- chrome_extension (3)
- cocos2d (11)
- coreserver (2)
- css (29)
- css3 (4)
- cygwin (4)
- docomo (3)
- ebs (5)
- ec2 (8)
- eclipse (4)
- expect (2)
- facebook (4)
- fireworks (3)
- flash (13)
- flash_lite (7)
- flash_lite1.x (3)
- flex (4)
- fragments (2)
- gem (2)
- git (11)
- github (2)
- gmail (2)
- good (22)
- google (15)
- groonga (3)
- hatena (3)
- hhk (3)
- html (4)
- html5 (70)
- http (3)
- iPhone開発 (3)
- id_rsa (2)
- intent (3)
- ios (46)
- iphone (32)
- itunes (2)
- jQueryMobile (5)
- java (13)
- java_thread (2)
- javascript (19)
- javascript_jquery (3)
- jenkins (3)
- jojo (2)
- jquery (11)
- jquery_plugin (15)
- jsdoit (2)
- jsdom (2)
- kinect (3)
- linux (5)
- listview (6)
- mac (7)
- mail (4)
- maven (3)
- mobile (6)
- mod_rewrite (2)
- mysql (19)
- network (2)
- news (3)
- nexus (2)
- node.js (42)
- notification (4)
- ntp (2)
- oauth (5)
- ogg (2)
- oiax (2)
- pagecurl (2)
- paperclip (2)
- particle (4)
- perl (3)
- php (23)
- phpdoc (2)
- pixel bender (5)
- plugin (4)
- png (2)
- pngcrush (2)
- postfix (3)
- python (8)
- route (2)
- rspec (3)
- ruby (7)
- safari (2)
- scala (6)
- session (3)
- sim (2)
- smarty (2)
- smtp (3)
- socket.io (7)
- sqlite (3)
- ssh (2)
- sshd (2)
- subversion (6)
- swift (17)
- testflight (2)
- tips (6)
- togetter (2)
- tool (2)
- tools (4)
- tween (2)
- tweener (2)
- twitter (16)
- twitter_認証 (2)
- ubuntu_server (2)
- ui (5)
- uibutton (2)
- uitabbarcontroller (2)
- uitableview (4)
- unionplatform (3)
- unite.vim (2)
- unity (5)
- view (2)
- vim (25)
- vimrc (2)
- web (3)
- webservice (9)
- websocket (14)
- webサービス (19)
- web制作会社 (3)
- windows (2)
- windowsphone (2)
- wonderfl (6)
- xcode (13)
- xi (2)
- xml (3)
- あとで読む (64)
- これはすごい (3)
- これはひどい (4)
- たこ焼き (2)
- はてなランド (2)
- まとめ (7)
- アイコン (4)
- アカデミック (3)
- アニメーション (2)
- アプリ (7)
- イベント (8)
- イラスト (2)
- インストール (2)
- オープンソース (2)
- カメラ (2)
- ガイドライン (3)
- キーボード (2)
- クラッキング防止 (2)
- グラフ (2)
- ゲーム (6)
- スキーマ (2)
- スクラム (4)
- ストリーミング (4)
- スマートフォン (9)
- セキュリティ (9)
- ゾンビ (2)
- タブレット (2)
- チューニング (2)
- ツール (5)
- テスト (3)
- テーマ (4)
- デザイン (3)
- デザインパターン (4)
- デニム (2)
- デプロイ (4)
- ドット絵 (3)
- ネットワーク (2)
- バイク置き場 (5)
- バージョン管理 (3)
- パスワード (2)
- ビジネス (2)
- ピンチイン (3)
- フォント (5)
- フォント設定 (2)
- フリーソフト (6)
- フリーフォント (2)
- フリー素材 (4)
- プッシュ通知 (5)
- プラグイン (3)
- プログラミング (8)
- ボトルネック (2)
- マーケット (2)
- メール (2)
- モックアップ (2)
- ライセンス (2)
- ライブラリ (7)
- ラーメン (2)
- リペア (2)
- レギュレーター (3)
- ロック (2)
- 三角関数 (2)
- 下北沢 (3)
- 入門 (3)
- 全文検索 (2)
- 再生 (5)
- 冷蔵庫 (8)
- 動画 (11)
- 参考 (2)
- 参考書 (5)
- 名刺 (2)
- 圧縮 (3)
- 地震 (2)
- 基礎文法最速マスター (2)
- 変換 (2)
- 家具 (3)
- 描き方 (2)
- 携帯_TIPS (13)
- 携帯サイト (2)
- 携帯電話 (3)
- 文字コード (2)
- 映画 (5)
- 曲線 (2)
- 書籍 (2)
- 東北地方太平洋沖地震 (8)
- 正規表現 (5)
- 比較 (2)
- 求人 (2)
- 渋谷 (3)
- 無料 (3)
- 無料フォント (6)
- 無料写真素材 (5)
- 無料素材 (3)
- 画像 (9)
- 画像処理 (5)
- 画像加工 (2)
- 画像回転 (3)
- 眼鏡 (4)
- 着信音 (2)
- 確認 (2)
- 素材 (6)
- 脆弱性 (3)
- 自動テスト (2)
- 英語 (2)
- 行きたい (2)
- 解像度 (3)
- 設計 (2)
- 試す (2)
- 転職 (2)
- 金魚 (5)
- 釣り (7)
- 開発 (14)
- 開発環境 (3)
- 電子書籍 (2)
- 高速化 (2)
- 鰻 (2)
- android (151)
- html5 (70)
- あとで読む (64)
- actionscript (48)
- ios (46)
- node.js (42)
- iphone (32)
- css (29)
- vim (25)
- WEBデザイン (24)
htmlに関するkamipのブックマーク (4)
-
kamip 2010/09/16
iphoneのsafariで3D表現。これは使えるかも。- iphone
- safari
- html
リンク -
iPhoneのSafari対応について - プログラミングノート
Safari対応サイトを作った際にあまり調べていなかったので、ちょっと調べてみました。OS 3.0から使える機能も増えていて、簡単なアプリならネイティブアプリ作らなくても実現できますね。選択肢が増えるのは良いことです。 ブラウザの仕様 Web標準技術が使えるので、PCサイト開発の延長で作れる。 ブラウザ互換などは気にしなくて良いので、HTML5+CSS3で作りこむのもあり。 制限 リソースの制限 デコード後のGIF, PNG, TIFF 2MBまで デコード後のJPEG 32MB アニメーションGIF 2MBまで Canvas 要素 2MB その他リソースファイルはそれぞれ10MBまで その他制限 cookieサポート Flash, Javaアプレット, SVG(サポートされているようです), XSLTは非サポート サードパーティー製のプラグインは非サポート JavaScript実行時間
-
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
-
フラットなテキスト入力フォームを作るCSS - スタイルシートTipsふぁくとりー
《2016年2月18日 11:24 公開/更新》 フラットなテキスト入力フォームを作るCSS [フォーム,線] input要素やtextarea要素などを使えばテキスト入力欄を作る(表示する)ことができます。これらの要素がどのように表示されるかは、何もスタイルシートを適用しない状態であれば環境次第です。立体感のないフラットな入力欄として表示されるかも知れませんし、立体的に陰の付いた入力欄として表示されるかも知れません。WindowsXP以降のIEやFirefoxで表示させた場合だと、枠線が淡い青色で1pxのフラットな入力欄として描かれます。しかし、それ以前のWindowsであれば枠線が2pxで立体的に見える入力欄として描かれます。どんな環境でも同じように見せたい場合は、スタイルシートでデザインを明示しておく方が良いでしょう。その際は、必要な箇所だけを装飾するのではなく、全体のデザインを一括
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx