Safari4をもう一歩効率よく使うための10個の方法 | ライフハッカー・ジャパン
Sarari 4が正式版になりましたね。圧倒的な速さ、アップルらしいすっきりとしたデザインと使いやすさが特長です。と、いくら文章で説明してもなかなか伝わりませんので、まだダウンロードされていない方は、無料ですのでぜひ試してみてくださいね。 さて、Safari4が正式版になり、ブラウザ自体はだんぜん高速で使いやすくなった訳ですが、それを使う人間側も効率よくsafariをつかわないと、全体的なスピードアップにはなりません。そのためにはショートカットを覚えたり、プラグインをインストールしたりするのが、効率化への近道（ショートカット）ですね。 そこで、僕がオススメのコレさえ覚えておけばSafariをもう一歩効率よく使いこなすことができる、ショートカット、プラグイン、機能をご紹介します。 コマンド（⌘）＋ 1〜9でブックマークバーのリンク先へショートカット 頻繁に使うページをブックマークバーの1から
safari4 betaで実装されたCSS Animationを使ってみました。
こんにちは。橋本です。 さて、今日は先日公開されたsafari4 betaで実装されたCSS Animationを使ってみたいと思います。（今回のサンプルはsafari4 beta、もしくはwebkitのnightlyビルドを使ってご覧ください） CSS Animationとは何かと言いますと、文字通りCSSを使ってAnimation効果を表現する技術です。 まずこちらをご覧ください。 Falling Leaves ‘Using CSS Animations and Transforms これはwebkitの公式blogで紹介されていたサンプルなんですが、この美しく舞う落葉のアニメーション効果は全てCSSで定義されています。 では実際にどのようにアニメーション効果を定義するかを見ていきたいと思います。 まず、以下のように、キーフレームを定義します。 キーフレームの定義は、「@-webkit
なつかしのHTMLタグ「marquee」--CSS 3のマーキーを検証してみる - builder by ZDNet Japan
HTMLのマーキー マーキーの機能はInternet Explorerがバージョン2.0の時代に独自拡張したもので、<marquee>というHTMLタグで文字のスクロールを設定する仕組みになっている。現在でも、<marquee>タグはバージョン8（ベータ版）を含むInternet Explorerや、Firefox、Safari、Operaといった主要なブラウザでサポートされている。 しかし、W3CのHTMLやXHTMLの標準規格には含まれておらず、実際に利用される機会はほとんどないのが現状だ。 たとえば、<marquee>〜</marquee>でマークアップした文字は次のように右から左にスクロールを繰り返す。
contentプロパティでコンテンツを追加する（2）：FirefoxとSafariのCSS - builder by ZDNet Japan
IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り Microsoft 365のデータは安全か？ クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る 中小企業のひとり情シスの現実 夢か幻か、はたまた現実か？ ヘルプデスク業務の週休4日制を考える アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる 次の一手はこれだ！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時
テキストの書字方向に合わせて罫線や余白を挿入する--FirefoxとSafariのCSS - builder by ZDNet Japan
テキストの書字方向に合わせて罫線を表示する Firefoxは、Firefox 3から-moz-border-startと-moz-border-endというプロパティをサポートした。これらはテキストの書字方向に合わせて罫線を表示するプロパティで、-moz-border-startでは文頭の側に、-moz-border-endでは文末の側に罫線を表示する。 たとえば、-moz-border-startと-moz-border-endで罫線を表示すると次のように表示される。日本語のテキストは左から右に書き進むため、-moz-border-startで指定した赤色の罫線は左側に、-moz-border-endで指定した青色の罫線は右側に表示される。
文字のアウトラインを表示する--FirefoxとSafariのCSS対応 - builder by ZDNet Japan
Safariのバージョン3では、スタイルシートを利用して文字のアウトラインを表示できるようになった。スタイルシートで文字をアウトライン化すれば、画像を使わずに文字のデザインの幅を広げることができる。「Safari 3.1でWebフォントを利用する」で紹介したWebフォントが普及すれば、文字のデザインに画像を使う必要は少なくなっていくだろう。 アウトラインのデザインを指定する 文字のアウトラインのデザインは、以下のような-webkit-text-stroke〜というプロパティで指定する。現在のところ、指定できるのはアウトラインの色と太さだ。 アウトラインのデザインを指定するプロパティ プロパティ機能
『Firefox 3』『Opera 9.5』『Safari』の速度を比較 | WIRED VISION
『Firefox 3』『Opera 9.5』『Safari』の速度を比較 2008年6月18日 IT コメント： トラックバック (2) Scott Loganbill Photo: Leo Reynolds [Flickr] 『Firefox 3』『Opera 9.5』『Safari』のどれもが最新バージョンで「これまでで最も速い」速度だ、と主張するのを聞いていると、本当に最速なのはどれだろうという疑問がわいてくる。いくつかページをロードしてみて、少々頭を悩ませた後に、小さなJavaScriptのストップウォッチを作って調べてみた。 このストップウォッチの使い方は次のとおりだ。 『Webmonkey』サーバーで実行するならここをクリック。 Webmonkeyのコード・ライブラリからコードをダウンロードするか、コピー＆ペーストする。ローカルで実行すると、Webmonkey.comのウェブに
フォームのインタフェースデザイン（3）--チェックボックスとラジオボタンのデザイン - builder by ZDNet Japan
チェックした項目のデザインを設定する 複数の選択肢から項目を選んでもらうときには、フォームのチェックボックスやラジオボタンを利用することができる。このとき、:checkedセレクタを利用すれば、チェックを付けて選択した項目のデザインを設定することが可能だ。 :checkedセレクタはCSS 3の勧告候補「Basic User Interface Module」で提案されており、これまではFirefoxとOperaが対応していたが、Safariでもバージョン3以降で利用できるようになった。Internet Explorerはバージョン8ベータ版でも対応していない。 セレクタとブラウザの対応 セレクタFirefoxSafariOperaInternet Explorer
Webアプリ開発環境としてのSafariを知ってますか？
「Java News.jp（Javaに関する最新ニュース）」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」（駆け足の要点説明）でお届けします（編集部） シェア競争に挑まないWebブラウザ「Safari」の登場 2008年3月、iPhoneの日本登場に先駆けて、Windows版Safari 3.1が登場しました（参考「Apple、Windowsにも正式対応の「Safari 3.1」リリース」）。 WebブラウザのシェアはFirefoxが健闘しつつも、いまだInternet Explorer（以下、IE）が大半を占め、多くのWebアプリケーションサービスにとって、IEへの対応が必須であると思われてきました。そんなWebブラウザのシェア競争の中へSafariが登場したことは、最初はとても異質なことに感じられました（参考「新しいWebブラウザ
Safariでページを反転させるブックマークレット | 秋元@サイボウズラボ・プログラマー・ブログ
Ajaxianに出てた。Safariブラウザだけの機能。 -webkit-transform に ‘rotate(180deg)’ を与えると、180度回転したページが表示される。 javascript:document.body.style[‘-webkit-transform’]=’rotate(180deg)’; リンク先に、ブックマークレットが置いてある。flip2は確認を挟んで180度回転。 180deg, ってことは任意の角度でもいけるのかな、と20degを入れたら、こうなった 貼り付けたビデオプレイヤーは元の角度のままだったり、範囲選択がなんかカクカクしたりと新鮮で面白い。斜めにすると横幅が広くなるけど、横スクロールバーはでないなあ。 これ少しずつ値を変えたら、ページがぐるぐる廻せそうだね。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している
フォームのインタフェースデザインを考える（1） - builder by ZDNet Japan
フォームのインターフェースデザイン フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。 CSSではユーザーのアクションや入力項目の状態に応じてフォームのデザインを設定するセレクタがさまざまに定義・提案されており、FirefoxやSafariの対応も進んでいる。そこで今回から、フォームのインターフェースデザインに関連したセレクタを紹介する。 ユーザーのアクションに応じてフォームのデザインを変更する :hoverといったセレクタを利用すると、ユーザーのアクションに応じてスタイルシートを適用することができる。一般的にはリンク部分のデザインを変えるのに利用するが、フォーム部分のデザインを変えることも可能だ。利用できるセレクタは次の３種類となっている。 :hover 項目にカーソル（マウスポインタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo!画像検索流 iPhone用ページの作成方法