キーワード検索「Safari」
1356
HTML5+CSS3+JavaScriptで制作されたオープンソースのUIコンポーネントコレクションを紹介します。 Chico UIの対応ブラウザは下記の通りです。 IE6には対応していませんが、十分でしょう。 対応ブラウザ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIのウェブページに使用するさまざまなUIコ...
870
JavaScript, Python みなさんお久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて今日は WebKit サーバーというものを作ってみたので、紹介してみます。WebKit って何？WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！実はブラウザっていうのは、エンジン部...
630
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。圧縮されたコードの整形まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0...
570
ライフファック 縁あってiPadユーザーになりました。この数日、いじりたおしてます。で、iPad標準のブラウザ、Safariちゃんのこと。確かに結構使えるんですが、ちょっとプライドが高すぎるっていうか、プラグインとかなくて「Apple製のあたしってオシャレで超クール、あんたの指図はうけないから」みたいな感じで結構ツンツン。「これだからかマカーはよぉ。もうオジサン怒った、ブックマークレットで調教しち...
1020
Interactive infographic about the evolution of browsers and the web. This infographic features major web browsers since 1993 such as Mosaic, Netscape, Opera, Internet Explorer, Safari, Firefox, and Ch...
evolutionofweb.appspot.com
516
![[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css-micro-clearfix.html)
「clearfix」はフロートした要素が親要素からはみ出してしまうのを回避するもので、当サイトでもいくつか紹介してきました。 今回紹介するのは、スタイルシートの量を更に減らし（class名も短く）した「micro clearfix」です。 この新しいclearfixの対応ブラウザは、下記の通りです。 Firefox 2+ Safari 2+ Chrome Opera 9.27+ IE 6+, IE...
438
皆さま「ブックマークレット」って知っていますか。ブックマークレットとは、「Safariをもっと便利に使うための機能拡張」のことです。ブックマークレットを使えば、こんなことができるようになります。 ページの最下部への移動 読んでいるページをInstapaper（アプリ）やEvernote（アプリ）に保存する サイトのソース表示を表示する 閲覧中のページをtwitterでつぶやく 驚きですよね！そうな...
438
iPad指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されるこ...
361
Google Chrome デベロッパー ツール Google Chromeに付属しているウェブ開発向けの便利ツール JavaScriptのデバッグ、HTML/CSSの変更や解析、パフォーマンスの分析、ネットワークの解析などなど、いろいろできます WebKitのWeb Inspectorをベースにしているので、SafariのWeb Inspectorと機能はだいたい同じです フロントエンドはHTM...
341
最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのかということで描画パフォーマンスを測定してみました。上記のグラフが結果ですがHTML5で一番パフォーマンスのよい実装よりも、Flashのほうが3倍弱高速という結果がでました。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはSafariの25%ぐらいのパフォーマンスしか...
391
HTML5ならのVJアプリだって作れるはず！で、作りました Fi-VJ ver1.00 デモページはこちら ファイルダウンロードはこちら DLしたら@akirafukuokaに声をかけていただけると嬉しいです!! Fi-VJ(ファイブイジェイ)というVJアプリを極々個人的に制作しました。MacのネイティブアプリでもなければiPhone/iPadアプリでもありません。ブラウザで動くHTML5-VJア...
332
昨日、以下の記事を書きました。 私がiPad2を購入する目的とiPad2でやろうと思ってること まだほんの少しだけ気が早いかもしれないようですが、iPad2が到着したらすぐにでも環境を整えることが出来るよう、まずSafariの環境を改善してみることにしました。 てことで、ブックマークレットを１０個作ったのと、他にも便利なブックマークレットを、まとめて紹介してみます。 iPadで使えそうなブックマー...
391
![[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/different-stylesheets-for-differently-sized-browser-windows.html)
対応ブラウザはFirefoxのMozilla系、Safari, ChromeのWebkit系、Operaの最新バージョンでサポートしています。 IEはIE9を含み、現在のところ非対応とのことです。JavaScriptで実装IEを含むすべてのブラウザに対応させたい場合は、これらの方法がおススメです。 jQueryでブラウザの幅を判別して、適したスタイルシートにします。 デモページ：JavaScrip...
308
![[JS]高性能で設置も簡単、ブラウザ枠いっぱいに背景画像を配置するスクリプト -bgStretcher | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-bgstretcher.html)
デモページ：Super Slider スライドのスーパー版で、斜め方向のスライドで画像を切り替えます。 bgStretcherの主な特徴 セットアップはシンプル 全てのモダンブラウザをサポート 画像は一枚だけでなく、複数枚にも対応 対応ブラウザ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretch...
363
2010/05/12「グーグルのエンジニアがSafariのためにコードを書くこともあるんですよ。WebKitコミュニティの中では、そのほうが物事の進みが速いという不文律のようなものがあるんです」こう語るのは、グーグルでChrome開発に携わるソフトウェア・エンジニアの鵜飼文敏氏だ。鵜飼氏はChromeに機能を追加するために、WebKitコミュニティでWebSocketの設計、実装なども行なっている...
292
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがち...
257
まず、iPhoneのSafariでどこでも良いのでページを開いてブックマークしましょう。 そして「How to use Firebug on your iPad and iPhone」に書かれているJavaScriptをコピーします。 javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'N...
254
大日本印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権（見よ！ コレジャナーイアプリの数々を！）」にて、jQuery MobileとHTML5の要素を使用した、i...
262
![[CSS]画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションを適用する方法と注意点 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-image-styles-by-webdesignerwall.html)
最近のブラウザで生じる問題点 画像に角丸やドロップシャドウを適用すると期待通りにならないことがあります。これはChrome, Safari, Firefoxなど、最近のブラウザでも生じます。 Chromeでの表示 デモでは「border-radius」と内側に「box-shadow」を適用していますが、Chrome, Safariではキャプチャのように欠けて表示されてしまいます。 また、Firef...
240
iPhoneやiPadで利用するSafariのブックマークレットはとても便利。でも、一つだけ欠点があります。それは、 登録するのが超面倒くさい！ という点。 でも、iCloudを使ってMacのSafariでブックマークレットを登録すれば、iPhoneへのブックマークレットも超簡単に出来てしまいます。以前からMobileMeで出来てたようですが、全ての人がその恩恵を受けられるのは、喜ばしいことでしょ...
