アクセス数: | 今日: | 昨日:   記事数:996

HOMESITE MAPBOOKMARKTAG CLOUD

Tag:Safari

【WordPress】管理画面でCSS3が使われていた

『【WordPress】管理画面でCSS3が使われていた』をはてなブックマーク

WordPress凄い今更なのかもしれませんが、WordPressの管理画面でCSS3が使われている事を知りました。
『border-radius』と言う、ボーダーを角丸にするプロパティだけ知りましたが、何気に他にも使われていたりするかもしれません。

現在の最新版がベータを除き 2.9.2。
もしかしたら 2.9 の時から使われていたのかもしれません。
IEを無視するその姿勢、大好きです。w

現在主流となっている5つのブラウザで見てみました。
以下に貼っている画像は、管理画面の左サイドのメニュー部分です。

Firefox 3.5.9Opera 10.53Google Chrome 4.1
WordPress - FirefoxWordPress - OperaWordPress - Google Chrome
Safari 4.0.5Safari (iPhone)Internet Explorer 6.0
WordPress - SafariWordPress - Safari (iPhone)WordPress - Internet Explorer

さすがだIE、ちゃんと最後でオチてくれる。
iPhoneですら対応してるってのに、IE8になっても未対応なんて。
完全にみんなと違う方向向いてるだろIE。

ちなみに『Opera 9.**』もCSS3未対応です。
現在は 10.53 の最新版が出ているので、Opera使いの方はバージョンアップした方が良いかもです。

全世界のWEBデザイナーがIE6止めれば、シェアは10%切ると思うんですが。
しかし、私の勤めるスイミングは未だにIE6なので、勝手にバージョンアップしておこうかしら。

iPhone 3GSHTMLの知識だけで誰でも簡単にiPhoneのランチャーが作成出来るようです。

yagutaの日記
Jailbreak不要で iPhoneアプリを起動できるランチャー

上記サイトの説明だけでは分かり難かったので補足。
サイト内に貼られているダウンロード先から『ilauncher.html』をダウンロードする。
何も考えずに、そのファイルをサーバーにアップロードする。

※WordPressを使用している人は、テーマ内にファイルをアップするのではなく必ず一番上の階層にファイルをアップする。
× wp-contents/themes/テーマ/ilauncher.html
○ ilauncher.html

サーバーにアップしたら、SafariでURLを打ち込む。
このサイトだったら、『http://kome-suki.net/ilauncher.html』になります。
すると、以下の画面が立ち上がります。(URLは自動で変わります)
iLauncher

アプリ名でリスト化されており、タップするとiPhoneに入れているアプリが起動します。
インストールされていないアプリは、Safariで新しいページが開き『ページが開けません』で終わります。
『ilauncher.html』の中身を見ると、JavaScriptを使ってアプリのスキームと呼ばれるコードでアプリを起動させているようです。
スキームが無いアプリは無理でしょうけど、以下のサイト等で色々公開されています。

iBlog
アプリのスキームを調べてみた
matuダイアリー
[iPhone]購入したアプリのURLスキームを整理してみました。iPhoneをより上手に使えるようになるために…

探せばまだまだあるかもしれません。
これの良い所は、HTMLとCSSを自分好みにいじれる点にあります。
例えばこんな事も出来ちゃう訳です。(画像は合成です)
iLauncher

さすがにメールとかのカウント数字は無理でしょうけど。
アプリの画像を自分で作る。
アプリのスキームを調べる。
HTMLとCSSをいじくりまわる。
面白そうですけど、面倒なんでやりません。w

Safariでのページをホーム画面に置いておけば、なお便利なランチャーになりそうですね。

米が好き
【iPhone】ホーム画面に追加した時のアイコンを作成する方法

iPhone 3GS以下の記事を見たので、少々考えてみました。

ライフハッカー[日本版]
iPhone のアプリは20個に絞って使う

10万本以上もあるアプリ。
全てを知っている訳ではないですが、最初から入っているアプリも合わせて20個に絞り込むとしたら何を残すかと選別してみました。

先ずはスクリーンショットから。
iPhone

鉄板のドック内アプリ。
SMS/MMSSMS/MMS (デフォルトアプリ)
『メールアプリ』よりもこっちの方が手軽で好み。
Tweetie 2Tweetie 2 (ソーシャルネットワーキング)
バージョンが上がって、やっとバグが直って使いやすくなりました。
色々試したけど、Twitter系アプリはこれ1つで良いかな。
350円
カメラカメラ (デフォルトアプリ)
カメラアプリも色々出てますが、動画も取れるしYouTubeにもすぐ上げれるしで、デフォルトカメラが1番使いやすい。
iPodiPod (デフォルトアプリ)
毎日車に乗り、FMトランスミッターで曲聞いている私としてはドックから外せないアプリ。

1列目のアプリ。
カレンダーカレンダー (デフォルトアプリ)
頼むから日曜祝日の色を変えて欲しい。
それ以外は、予定などこれで事足ります。
電話電話 (デフォルトアプリ)
電話がないiPhoneって、もはや携帯と呼べませんしね。
写真写真 (デフォルトアプリ)
撮った写真は繰り返し見る事が多いです。
SafariSafari (デフォルトアプリ)
何だかんだで、一番使っているアプリだと思います。
手軽にネット出来るのは、今や無くてはならないアプリ。
モバイルでも性能はIE6より上です。

2列目のアプリ。
AppBankAppBank (仕事効率化)
iPhone界では説明要らずのAppBankのアプリ。
新しいアプリとか色々見て回ってます。
無料。
BB2CBB2C (エンターテインメント)
iPhoneの2chビューワー。
非常に良く出来たビューワーで、他のアプリの追随を許しません。
無料。
WordPress 2WordPress 2 (ソーシャルネットワーキング)
WordPressを使っている人なら入れておいてそんは無いアプリ。
アプリから投稿する事はないんですが、コメント返信などの機能が欲しい。
無料。
ShazamShazam (ミュージック)
最近洋楽を聴く事が多くなってきて、耳に入った曲を調べたい時に使います。
YouTubeとかのリンクもあり、中々使えるアプリ。
有料版を買おうか検討中…。
無料 / 600円

3列目のアプリ。
設定設定 (デフォルトアプリ)
これが無くっちゃどうすんだよ! なアプリ。w
マップマップ (デフォルトアプリ)
これがあれば、知らない所でも迷子にならずに済みます。
App StoreApp Store (デフォルトアプリ)
iPhoneから有料アプリを購入する事は無いですけど、無料アプリやバージョンアップ時に良く使います。
そら案内そら案内 (天気)
天気予報が見れるアプリ。
傘必要かな? と思った時に非常に役立ちます。
無料。

4列目のアプリ。
QRコードQRコード (ユーティリティ)
QRコードを読めたり作れたり出来るアプリ。
仕事上で良く使います。
115円。
1Password Pro1Password Pro (ユーティリティ)
数あるパスワードを管理できるアプリ。
便利過ぎます。 無料の時に即ポチりました。
900円(通常時)
Virtual Beauty ClockVirtual Beauty Clock (エンターテインメント)
3DCG大好きです。
同系列アプリの中でも1番じゃないでしょうか。
新しいCGの追加が待ち遠しいです。
無料 / 230円
ソリティアシティライトソリティアシティライト (ゲーム)
1番多く起動しているゲームアプリ。
ゲームアプリはこれ1つで十分です。
AppBankさん、これ以上のソリティアアプリ待ってます!
無料 / 700円

好みは人それぞれでしょうけど、私的ベスト20は以上のようになりました。

iPhoneiPhoneのSafariでWEBサイトを見て、Safariの中のブックマークに入れれるのは当然の事ですが、ホーム画面にも他のアプリに並べてアイコンを置く事が出来ます。
通常であればサイトのスクリーンショットがアイコンとして追加されるんですが、ファビコンのように任意でアイコン画像を追加出来るようです。

画像をアップして、HTMLの<head>内に一行追加するだけで簡単に出来ます。
画像は57×57(ピクセル)が望ましいようです。
角丸や光沢は自動にやってくれるので、自分は真四角に画像を作ればよいだけです。

後は、HTML内にコードを書くだけです。

<html>
<head>
<link rel="apple-touch-icon" href="画像のアドレス">
</head>
<body>
~~~
</body>
</html>
ちなみに、『jpg』、『png』のどちらでもいけました。
ファイル名も任意のようです。

画像とHTMLファイルをアップロードしたら、iPhoneでサイトを表示します。
ブックマークボタンをタップして、『ホーム画面に追加』をタップします。
iPhone

名前を入力して、『追加』をタップ。
この時点で既にアイコン化されています。
iPhone

すると、ホーム画面に見事アイコン化されて置かれています。
左のアイコンは、画像を指定していなかった場合のスクリーンショットされたアイコンです。
iPhone

『MyWebClip』等にも、ちゃんとアイコン化されます。
iPhone


SourceForge.JP Magazine
iPhone対応Webサイト構築入門(前編)
iPhone対応Webサイト構築入門(後編)

safari 4ついに『safari 4』の正式版が登場し、ダウンロード可能となりました。
いやー、ベータから長かった(?)ですね。
約3ヶ月半振りですか。

私の懸念していたタブはGoogle Chromeみたいじゃなく、元に戻ったようです。
良かった良かった。(私は下タブ表示が好き)
しかし、全体のデザインが変わりました。
以前はWindowsもMacも同じようなデザインだったのに、Windows版はまさに『Windows版!』ってな感じになっています。(外枠が青い)
safari 4

これじゃぁ、safariであってsafariでないような気がするのは私だけでしょうか。
以前のデザインはコチラ

safariで一番使える機能は『Web Inspector』だと思うんですが、これは作り手からの目線だからでしょうか。
簡単に言えば、ソースをCSS込みで見れるんです。
トラブった時に良く使います。

デフォルトでは使えないので、以下の手順を踏みます。
・ 設定 – 詳細 – 『メニューバーに“開発”メニューを表示』にチェックを入れる。
・ ソースを見たいサイトの上で右クリック『要素の詳細を表示』
以上で、見る事が出来ます。
『ツールバーをカスタマイズ』に『Web インスペクタ』も追加されます。

後は『フォーム項目の自動入力』とかですかね。
メニューバーはやっぱり表示させてた方が使いやすいと思います。


アップル
Safari – Safari 4の登場です。 – 目の前にひろがる新しいウェブの世界。

Safari『Safari 4(BETA)』がMac版とWindows版を同時公開しました。
早速ダウンロードしたものの、現在は残念ながら英語版だけのようです。

実際触ってみて、Safari 3よりかは格段に表示速度が速くなっています。
今までSafariは重いってのが頭の中にありましたが、これは中々。

しかし、Windows版はデザインが変わったようで、これは非常に残念としか言えません。
Safariはあのデザインが良かったのに、何故変えたんですかね。
真に・・・、非常に・・・、残念でありません・・・。
正式版では元に戻っている事を切に願います。

 Safari 4は、新しいJavaScriptエンジン「Nitro」の採用により、現行のSafari 3と比べ、JavaScriptの実行速度を4.2倍高速化したという。SunSpider JavaScript Performanceテストによれば、Internet Explorer 7(IE 7)との比較では最大30倍、対Firefox 3では約3倍の高速化を実現しているという。
 VeriTestのiBenchバージョン5.0を初期設定のまま実行したHTMLベンチマークテストでも、HTMLページの読み込み速度がIE 7の3倍以上、Firefox 3の約3倍を達成しているという。またWebブラウザがWeb標準に準拠しているかどうかを測定するテストAcid3で満点を獲得した。

ITmediaより抜粋


起動画面などは以下。
続きを読む

意外と簡単に作れる『favicon』

『意外と簡単に作れる『favicon』』をはてなブックマーク

赤魔導師WEBサイトのアドレスバーの横などに表示されるfavicon(ファビコン)。
このfaviconを作れるサイトとかツールとか色々ありますが、そんなの使わなくても意外と簡単に作れたりします。

ただ、拡張子を変えれば良いだけ。

『favicon.jpg』、『favicon.gif』、『favicon.png』等を、『favicon.ico』に変えれば良いってなだけの話しです。
実際私もそうしてます。
以下は、例によって7つのブラウザで表示チェックした結果。
続きを読む

WebブラウザIE6の人は分からないと思いますが、特定の記事以外は記事内の右上に画像があります。
IE6で表示されないって事は、今日初めて知りました。
キャッシュを消しても無駄でした。
キャッシュ消して、インターネットオプションを閉じると一瞬だけ見えるんですが、その後真っ白になります。
WordPressの仕様かとも思いましたが、IE以外のブラウザではちゃんと表示されるんですよね。
以下はIE含め、いつもの7つのブラウザで見た結果です。
続きを読む

Webブラウザ使い方も使い勝手も人それぞれだと思いますが、メジャーなWebブラウザ7つを試してみました。

試すといっても数値を出したり大掛かりなものではなく私個人の体感的なものですので、これも人それぞれだしPCによっても異なると思います。

私が試した事は以下。
(1) 一度このサイトを開き標準ページに設定した後閉じ、再度開き直した時の体感速度。(キャッシュ対策)
(2) 使えるフォント。(True TypeとOpen Type)
(3) JavaScriptの体感速度。(拾いもの画像で検証)
(4) お気に入りを開く際、別タブで開けるかどうか。

では行ってみましょう。
続きを読む