iPhoneやiPadに自動対応させるWPプラグイン・WPtapを導入したけど文字化け箇所があったので対処法をメモ - かちびと.net
さて、3連休中ですが、今日もWebのネタ。 昨日、ご紹介したWordPressモバイル対応 プラグイン・WPtapをこのブログに導入しまし た。今更スマートフォン対応したのかよ的な 印象も否めませんが、導入時の事をいくつか メモとして残しておきます。導入のきっかけに なれば幸い。 基本的に導入にあたり、大きな問題はありませんでした。本当、オススメのプラグインです。（※詳しくは昨日の記事をご参照）ただ一点だけ、デフォルトのテーマで、タイトルを文字数で省略しているのですが、そこが文字化けしてたので対処法を書いておきます。 文字化けを直す ↑こんな感じで文字化けってます。ご紹介した手前、「なんだよ文字化けで使えねー」とか言われるのもアレなので文字化け対策を書いておきます。 直す箇所 wp-content/plugins/wptap/themes/News Press/にあるindex.phpとa
WordPressをiPhone・スマートフォンに対応させるテーマ色々
(02/20) 中国で急成長する折りたたみスマホ市場、縦開きと横開きのどちらが人気？ (02/20) iPhone 16 Proの新色はデザートチタニウムとグレーチタニウムか (02/20) Vision Pro専用の電子コミックリーダーは空間で漫画を読める (02/19) 大胆な変貌を遂げるiPhone 16 Proのカメラユニットの噂 (02/19) 本を聴くAudibleが2ヶ月無料キャンペーンを開催中！（2/29まで） (02/19) 熱心なAppleファンがVision Proを返品する最大の理由 (02/18) 空間ビデオより魅力的？空間写真をiPhoneで撮影して楽しむVision Proユーザー (02/17) iPhone 16は空間ビデオ撮影に対応するという噂を裏付けるカメラモジュールのリーク 2011年2月22日 Webサービス 当サイトの記事には広告が含まれます。
CSS3 Transitionプロパティでアニメーションを実行させるパターン【ページロード／マウスオーバー／クリックアクション】｜BLACKFLAG
CSSのみでアニメーション動作を可能とするCSS3の機能Transition。 海外のサイトではもうすでにCSS3アニメーションを実装しているサイトを見かけることもちらほら。 そんなCSS3アニメーションのテクニックを紹介しているサイトは多く見かけますが、 ここではCSS3アニメーションを実行させるタイミングに関してサンプルをもとに紹介してみます。 サイト上にアニメーションを組み込む際、その動作を実行させるタイミングは —————————— ・ページロード時 ・マウスオーバー時 ・クリック時 —————————— とパターンがあると思います。 今回はこの３パターンでのCSS3 Transitionを実行させる方法のサンプル。 サンプルでは上記３つの状況で、画像が回転するアニメーションを実装させます。 ※動作環境はCSS3 Transition対応ブラウザのSafariやGoogleChro
ブング 時々 シゴト: jQuery Mobileのメモ★基本編
jQuery Mobileのメモ★基本編 post: 2/03/2011 Label: jQuery Mobile, スマートフォン向けサイト メールで送信 BlogThis! Twitter で共有する Facebook で共有する Google バズで共有する jQuery Mobileを使用する際の、超基本的な部分について覚書。 導入方法などは、参考になる素晴らしいサイトさんがたくさんあるので探してください。 ↓この辺がとても参考になると思います。 jQuery Mobileの使い方と挙動のまとめ その１ jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ 公式デモがわかりやすいので、デザインなど試し試し実験中。 jQuery Mobile: Demos and Documentation ※Go
iPhone Android など、スマートフォン向けhtmlコーディング/CSS : H.I. Art Works [ Web Technology ] – ウェブ制作技術情報 -
iPhone / iPod touch の画面サイズへの調整 画面サイズ：320×480px（Safariの表示領域は320×356ｐｘ） 横幅980pxまでのサイトは自動で320まで縮小する iPhone向けサイトを作成する場合は、meta name=”viewport”を指定すると、iPhoneでの最初の表示サイズ等を指定できます。 1 <meta name="viewport" content="width=320, "> 例えば上記のように書いた場合、横幅320ピクセル分までの領域をiPhoneの画面上に表示する事になります。 横幅を何も指定しない場合、横幅980ピクセルまでの領域が、画面上で表示されるように自動的に縮小します。 ※iPhoneでは画面サイズに合わせて文字が改行するわけではなく、PCのモニタなどで表示する横幅980pxまでの位置で文字を改行し、それを縮小すると
Download | jQuery Mobile
Download Download Builder We recommend using our tool to build a custom bundle that contains only the components you need. The builder generates a custom JavaScript file, as well as full and structure-only stylesheets for production use. Download Builder Latest stable version 1.4.5 ZIP file If you want to host the files yourself you can download a zip of all the files: Zip File: jquery.mobile-1.4.
CSSで判別 » HTML for iPhone
メディアクエリーを利用することにより、スクリーンのピクセル幅によって 適用するスタイルシートを分けることが可能です。 iPhone,Androidなどのスマートフォンで適用するCSSを指定する場合 <link href="css/smartphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" /> iPadなどのタブレットで適用するCSSを指定する場合 <link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 910px)" /> デスクトップ、ノート
iPhone対応Webサイト構築入門（前編）：SourceForge.JP Magazine
iPhoneにはWebブラウザとしてMac OS X/Windows用のSafari（以下、PC版Safari）のサブセット版が搭載されている。iPhoneのSafariでは一般的なWebサイトのほとんどが閲覧可能だが、Appleが提供している「iPhone向けのWebサイトデザイン」に従ったデザインを施すことで、iPhoneで閲覧した際により操作しやすいWebサイトを構築できる。本記事では、このようなiPhone向けのWebサイトを作成するテクニックを紹介する。 なお、以下では主にiPhoneについて述べているが、iPod touchに搭載されているSafariについても仕様はまったく同一だ。 iPhone版Safariの特徴 iPhoneに搭載されているSafariは、PC版Safariに採用されているレンダリングエンジン「WebKit」を使用している。また、フォントについてもMac
jQuery iPhone UI
This is JavaScript library for prototype iPhone interface on web pages Download Download in archive Source code (SVN) Widgets Menu Example with docs In iPhone GUI Tabs Example with docs In iPhone GUI Scrolling Example with docs In iPhone GUI Gallery Example with docs In iPhone GUI Form elements In iPhone GUI Consist of following widgets iInput iPassword iCheckbox iSelect Examples Examples of using
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://smartphone-make.com/company.html
フォントデザイナー・インタビュー 藤田重信 | 日本語Webフォントサービス
iPhoneデザインボックス