並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 8363件

新着順 人気順

safariの検索結果241 - 280 件 / 8363件

  • liquidicity » Panic Over! PHP, CSS & HTML Help Sheets

    July 2024 February 2024 November 2023 June 2023 April 2023 March 2023 February 2023 January 2023 December 2022 November 2022 October 2022 September 2022 August 2022 July 2022 June 2022 April 2022 March 2022 February 2022 January 2022 December 2021 November 2021 October 2021 September 2021 August 2021 July 2021 June 2021 May 2021 April 2021 March 2021 February 2021 January 2021 December 2020 Novemb

    • Apple - Accessibility - Resources

      macOS Sonoma macOS Sonoma Come for the power. Stay for the fun. With macOS Sonoma, work and play on your Mac are even more powerful. Elevate your presence on video calls. Access information in all-new ways. Boost gaming performance. And discover even more ways to personalize your Mac. Stunning new screen savers New slow-motion screen savers of breathtaking locations from around the world look beau

        Apple - Accessibility - Resources
      • 古いバージョンのアプリケーションがダウンロードできるサイト5選 | コリス

        IE、Fx、Safari、iTunes、Windows Media Player、Adobe Readerなど各種ブラウザ、プラグイン、アプリケーション、ドライバーの古いバージョンがダウンロードできます。

        • iPadに最適化したサイトがつくれるかもしれない5つの方法(基本編) - EC studio デザインブログ

          <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横

          • TextMate 2 alpha before Christmas? | TUAW - The Unofficial Apple Weblog

            Apple is now selling the pass, which typically costs $99, for $69 for the remainder of the 2024 season

            • マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)

              こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。 その違いを認識する上でも、また制作サイドのディレクションに活かす上でも本エントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている「DOCTYPE」とは何か? HTMLソースを開くと、こういった記述を目にしませんか? !DOCTYPE html PUBL

                マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
              • 標準の日本語フォント / もうパンツはかない

                各環境でどんな日本語フォントが使えるのか、まとめてみました。 それぞれのOSで標準添付されていると思われる日本語フォントをCSSの指定で表示させたものをキャプチャーしました。小さい方の字は16ピクセル、大きい方は 150% とCSS上で指定しています。使用ブラウザは主に各環境の標準ブラウザ(MacはSafari、WindowsはEdge)です。 Mac Windows Linux macOS Sonoma (14) ヒラギノ角ゴシック (ウェイト:W0〜W9の10段階) font-family: "HiraginoSans-W0","Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 100; font-family: "Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 400; font-family: "Hiragino S

                  標準の日本語フォント / もうパンツはかない
                • JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log

                  Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。

                  • CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki

                    「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3

                    • これで解決!height: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック

                      iOSのスマホでheight: 100vh;を定義してビューポートの高さいっぱいに表示したいのに、アドレスバーが表示されているとその分下が隠れて表示されてしまい、高さいっぱいにならないのを解決する方法を紹介します。 CSSのみのテクニックで、JavaScriptは必要ありません。 height: 100vh;だけでなく、min-heightやmax-heightでも機能します。 PostCSS 100vh Fix -GitHub PostCSS 100vh Fix 注意点 使い方 PostCSS 100vh Fix PostCSS 100vh Fixは、100vhのiOSの挙動(バグ?)を修正するPostCSSのプラグインです。ピュアCSSのソリューションで、JavaScriptは必要ありません。 高さいっぱいに表示したい時に、height: 100vh;だけを定義してもiOSでは期待通り

                        これで解決!height: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック
                      • 第2回 完全版:ブラウザとデバッグ環境 | gihyo.jp

                        こんにちは、太田です。前回はクロスブラウザの入口として、各ブラウザの特徴をまとめつつ、実際にクロスブラウザなコードを紹介しました。今回はクロスブラウザ対策における基本である、各ブラウザ環境の構築について解説したいと思います。 前回紹介した通りブラウザにはたくさんの種類・バージョンがあります。それぞれが動作する環境を用意するだけでも、一苦労ではすみません。なるべく少ないマシンで、各バージョンをインストールして、さらにデバッグするための環境作りについて紹介します。なお、Safari以外はWindows環境を想定しています。さらに、特に断りがない限りはWindows XP SP3をベースに解説させていただきます。ご了承ください。 各ブラウザのデバッグ環境は近年目覚しいほどの進化を遂げています。統合デバッグ環境の草分けであるFirebugを筆頭に、Safari/Chrome(WebKit)のWeb

                          第2回 完全版:ブラウザとデバッグ環境 | gihyo.jp
                        • ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例

                          ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュース を担当しているエンジニアの喜楽です。 今回は、Yahoo!ニュースが取り組んでいるブラウザバック時の表示最適化手法について紹介します。 なぜブラウザバック時の挙動に注目するのか ユーザーがYahoo!ニュースのページを閲覧し、別のページに遷移する方法は大きく分けて以下の2つが考えられます。 (A) リンクをたどってページを遷移する (B) ブラウザーのナビゲーションボタンまたはスワイプ操作によって遷移する 「戻る」による遷移(ブラウザバック) 「進む」による遷移(ブラウザフォワード) Yahoo!ニュースでは総PVのうち一定程度が(B)のブラウザバックまたはブラウザフォワードによるページ遷移時のも

                            ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例
                          • HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog

                            最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。

                              HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog
                            • Technical Note TN2267: Video Decode Acceleration Framework Reference

                              • Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記

                                はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit

                                  Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記
                                • Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム

                                  Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookは今年、HTML5ベースで開発したモバイルアプリの動作速度や安定性で不評を買い、動作を改善したネイティブアプリケーションをあらためてリリースしました。ザッカーバーグ氏もこれを振り返って「HTML5に賭けたのは失敗」と発言しました。 しかし「Facebookのモバイルアプリ開発チームが抱えた問題の理由を、私たちは怪しいと思っている」(We had our suspicions about why Facebook's mobile application team had problems)とブログに書いたのは、HTML5ベースのモバイルアプリケーションフレームワーク「Sencha Touch」の開発チーム。

                                    Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム
                                  • ぼくの考えたすごいブラクラ - ぼくはまちちゃん!

                                    こんにちはこんにちは!! 今日はiPhoneのちょっとしたメモです! まずはデモ。 スマホで見るといいかも?→ http://bit.ly/wbKXXG ・iPhoneのSafariはaudio要素が使える ・audio要素はブラウザ上で音声を再生できる ・iPhoneだとマナーモードでも音声を再生する ・ただしiPhoneで自動再生はできない ・そのかわりクリックイベント経由などで再生することはできる ということは… ・うまくクリックを誘発するような画面をつくり (バッテリー警告そっくりのダイアログ出すとか) ・人に聴かれては困るような音声を埋め込んでおき ・電車の中などでiPhoneを使っている人が多い時間帯を狙って… 【拡散希望】 RT @Hamachiya2 これすごいよ!iPhoneユーザー必見!! http://bit.ly/wbKXXG などとtwitterに流すことによって

                                      ぼくの考えたすごいブラクラ - ぼくはまちちゃん!
                                    • SafariStand - hetima.com

                                      SafariStand is SIMBL plug-in for Safari that brings multiple function. Current version of SafariStand 9.0.217 supports Safari 9.0 on OS X 10.10 Yosemite. Download for Safari 9.0 Yosemite      Download for Safari 8.0 Yosemite      Download for Safari 9.0 Mavericks

                                      • iOS9のSafari、ブロック機能効果で74%の高速読み込み、通信量は半減! - iPhone Mania

                                        9月にリリース予定のiOS9には、不要な広告をブロックする機能が追加される予定です。iOS9向けに開発中の広告ブロックアプリを使って計測した結果、Safariでの読み込み時間が74%速くなり、データ通信量は従来の53%に削減できています。 iOS9のSafariでページは高速読み込み、データ通信量は半減! iOS9のSafariには、アドオンをインストールすることで不要なコンテンツを遮断する、強力なブロック機能が追加されると見られています。 iOS9向けに開発中のコンテンツブロックアプリである「Crystal」を使った場合、ページ読み込み時間とデータ通信量にどの程度の効果があるかを比較した実験結果が公開されました。 実験は、iPhone6 PlusをWi-Fiに接続し、Safariで10のWebサイト(New York Times、Business Insider、Macworld、Wir

                                          iOS9のSafari、ブロック機能効果で74%の高速読み込み、通信量は半減! - iPhone Mania
                                        • こんなに高性能なのに商用でも無料利用できるEコマース用WordPressテーマファイル -Velvet Sky

                                          Eコマースサイトでよく利用される機能を備えたWordPress用のテーマファイルとPrestashop用のテーマファイルを紹介します。 Free Prestashop and WordPress E-Commerce Theme: Velvet Sky [ad#ad-2] すぐにEコマースサイトができてしまいそうなテーマファイルですが、利用するにあたっての一番のポイントは日本語化でしょうか。 デザインをはじめ、機能も便利なものが揃っているので、勉強目的にも役立つと思います Velvet Skyの主な特徴 Velvet Skyの対応ブラウザ Velvet Skyのデモ Velvet Skyのライセンス Velvet Skyの主な特徴 WordPress 3.1+対応 Prestashop 1.4.2.5対応 カスタムホームページ 水平タイプのメニューとサブメニュー スライドショーモジュール

                                          • Evernote活用ガイド+エバーノートの使い方+

                                            ご愛顧いただきありがとうございました 本日(2011/12/25)をもちまして、当ブログ(「Evernote活用ガイド+エバーノートの使い方+」)の更新は終了いたします。 思い起こせば、このブログを起ち上げたのは日本語化される前のことでした。日本のサポートもまだなく、Evernoteを使いはじめたみなさんからのたくさんのご質問に日々お返事してきたことを懐かしく感じています。 残念ながら、あまりお役に立てなかったかもしれませんけどね。 さて、当ブログは本日で更新終了しますが、Evernoteはまだまだ今後もさらなる発展を遂げてくれるものと思います。100年、200年と続く息の長いツールとして愛されていくはずです。 それではみなさま長らくご愛顧いただきありがとうございました。愛顧、愛顧、愛顧16歳。 作成日:2011/12/25 更新日:2011/12/25

                                            • UIテストの自動化!Node.jsとSeleniumでWebアプリのUIテスト環境構築 – ICS MEDIA

                                              Webアプリケーションを開発する際、みなさんはどのようにテストを行っていますか? Webアプリケーションは、ユーザーごとに異なるブラウザを使用しており、ユーザー操作も必要となるため、手作業でテストをされている方も多いと思います。また、機能改修やバグフィクス後に、リグレッションテスト(改修により既存機能への影響がないかを確認する回帰テスト)が必要となりますが、時間が取れずしっかりとテストができていない方も多いのではないでしょうか。 本記事では、これらのテストを自動化することのできる「Selenium Webdriver」(セレニウム ウェブドライバー)について紹介します。 入力フォームのバリデーション機能をチェックするデモ 簡単な入力フォームのバリデーション機能をチェックするデモを動画で紹介しましょう。入力値に対して期待するエラー文言が表示されているかのテストを実施しています。Seleniu

                                                UIテストの自動化!Node.jsとSeleniumでWebアプリのUIテスト環境構築 – ICS MEDIA
                                              • 他のアプリからブックマークやコメントを確認する - はてなブックマークヘルプ

                                                iPhoneやiPadに「はてなブックマーク」アプリをインストールすれば、Safariや人気ニュースアプリの共有メニューからでも、「ブックマークする」「コメントを読む」「あとで読む」が使えるようになります。このページでは、共有メニューからそれぞれの機能を有効して利用する方法をご紹介します。 Androidをご利用の方はこちらを参考にしてください。 ※ この機能は、iOS 8から追加された新機能「App Extension」を利用しています。iOSを最新バージョンにアップデートしてからの設定をオススメします ※ iOSアプリの詳しい使い方は、こちらから 3つの機能を使い分けよう 好きなアプリから「ブックマーク」するには? お気に入りのアプリでも「コメント」を読むには? 「あとで読む」に追加するには? 好きなアプリから「ブックマーク」するには?Safariなどの「モバイルブラウザ」やいつも使っ

                                                  他のアプリからブックマークやコメントを確認する - はてなブックマークヘルプ
                                                • フロント開発をするときにブックマークしておくと役立ちそうなオンラインツールまとめ - Qiita

                                                  概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい!」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 Interactive CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodeP

                                                    フロント開発をするときにブックマークしておくと役立ちそうなオンラインツールまとめ - Qiita
                                                  • YouTube人気急上昇

                                                    【ポケカ #53】フュージョンアーツ、仰天のボルテッカー、イーブイヒーローズが再販されたので開封してみた 【ゆっくり実況】

                                                      YouTube人気急上昇
                                                    • http://www.css-lecture.com/log/css3/css3-gradient.html

                                                      • Googleリーダーとはてなブックマークを使う人は·Google Reader plus Hatena MOONGIFT

                                                        情報収集の効率化を考えてRSSリーダーを使っている人は多いだろう。そしてWeb型のRSSリーダーとして有名なものといえばGoogleリーダーがある。多数のフィードを購読しても問題ない動作の速さはあるが、さらに効率的に情報をチェックしたいという人も少ないないだろう。 みんなが注目しているニュースが一目で分かる! そんな時に役立つのが他の人による注目度だ。皆が注目しているニュースをざっくばらんにチェックして、その後他のフィードを消化していく、そんな習慣がつけられるようになるのがGoogle Reader plus Hatenaだ。 今回紹介するオープンソース・ソフトウェアはGoogle Reader plus Hatena、Googleリーダーにはてなブックマーク情報を追加するユーザスクリプトだ。 Google Reader plus HatenaはGreasemonkeyまたはGreaseK

                                                          Googleリーダーとはてなブックマークを使う人は·Google Reader plus Hatena MOONGIFT
                                                        • 知っているとますますiPhoneが手放せなくなる、Safariの裏ワザ5選 | ライフハッカー・ジャパン

                                                          iPhoneの標準ブラウザといえば『Safari』です。もちろんChromeなどのブラウザも使えますが、あくまでもアプリとして使えるという位置づけ。基本的にはSafariでネットサーフィンしていると思います。 ここでは、iPhone版Safariの裏ワザを紹介します。今からでも使えるものばかりですので、ぜひ参考にしてください。 1. ページ内検索 PCからだと「Ctrl(command)+F」でサイト内検索ができますが、iPhone版Safariではショートカットキーがありません。 サイト内を検索するには、Safariの右上の検索窓に任意の語句を入力してみましょう。いくつか候補が上がってくると思いますが、検索候補の下の方にスライドさせていくと「このページ」というものがあるはずです。ページ内検索の結果はこの欄に表示されます。 2. IDとパスワードを保存する方法 IDやパスワードを毎回入力す

                                                            知っているとますますiPhoneが手放せなくなる、Safariの裏ワザ5選 | ライフハッカー・ジャパン
                                                          • WebKit/Google Chrome開発者に聞く、HTML5最前線 - @IT

                                                            2010/05/12 「グーグルのエンジニアがSafariのためにコードを書くこともあるんですよ。WebKitコミュニティの中では、そのほうが物事の進みが速いという不文律のようなものがあるんです」 こう語るのは、グーグルでChrome開発に携わるソフトウェア・エンジニアの鵜飼文敏氏だ。鵜飼氏はChromeに機能を追加するために、WebKitコミュニティでWebSocketの設計、実装なども行なっている。 WebKitは不思議なプロジェクトだ。よく知られているように、Google ChromeとApple Safari(およびiPhoneやiPadに搭載されるそのモバイル版のMobile Safari)は、オープンソースベースで開発が進む「WebKit」というコードベースを共有している。ここにさらに、WebKitを統合したGUI開発フレームワーク「Qt」を抱えるノキアや、搭載ブラウザをWeb

                                                            • W3C、パスワードを不要にする「Web Authentication」(WebAuthn)を勧告として発表。Chrome、Firefox、Androidなど主要ブラウザですでに実装済み

                                                              W3C、パスワードを不要にする「Web Authentication」(WebAuthn)を勧告として発表。Chrome、Firefox、Androidなど主要ブラウザですでに実装済み W3Cは3月4日、FIDOアライアンスのFIDO2仕様の中心的な構成要素であるWeb認証技術の「Web Authentication」(WebAuthn)が勧告になったことを発表しました。 W3Cが策定する仕様はおもに、草稿(Working Draft)、勧告候補(Candidate Recommendation)、勧告案(Proposed Recommendation)を経て正式仕様となる「勧告」(Recommendation)に到達します。今回、WebAuthnが勧告となったのに合わせて、W3CとFIDOアライアンスはWebAuthnの仕様が正式版になったことも発表しました。 WebAuthnは2018

                                                                W3C、パスワードを不要にする「Web Authentication」(WebAuthn)を勧告として発表。Chrome、Firefox、Androidなど主要ブラウザですでに実装済み
                                                              • safariのcookieポリシー変更により、Criteoの株価が約300億円吹き飛ぶ - adworld’s diary

                                                                safari のdesktop browserの規約変更をappleがアナウンスしたことでCriteo(Nasdaq)は300億円ほど、株価が下がった。 これは直近55USDから45USDと約10%株価を落としたことにより、6/13時点で約30億ドルとすると3億USD = 約327億円失ったことになる。 adexchanger.com この理由として、考えれているのが、WWDC 2017で発表されたIntelligent Tracking Prevention(ITP)という機能。 www.gizmodo.jp 要するに 3rd party cookie は1日以内しか保持されない。 1st party Cookie自体は30日以内しか保持されない。また会わせて自動再生動画広告もブロックすることになる。 appleの記事より索引 これにより、 計測および、リターゲティング用cookieが保

                                                                  safariのcookieポリシー変更により、Criteoの株価が約300億円吹き飛ぶ - adworld’s diary
                                                                • 美しいだけではないフィードリーダー:「Feedly」 | ライフハッカー・ジャパン

                                                                  Twitterを使っている、という方も多いかもしれませんが、情報収集の為にフィードリーダーを活用されている方が多いと思います。 そのフィードリーダーのメジャー所といえば、Googleリーダーが上げられると思いますが、ユーザーインタフェースが、どうにもコンピューター的というか、意識して情報を得ないと、読むフィードが偏ったり、未読が溜まってしまうことがあります。 私は、大量のフィードをGoogleリーダーに登録しているのですが、先で書いたような状況で、何とかならないものかと考えていました。私と同じような方が居たら、Firefoxのプラグイン「Feedly」を試してみてはいかがでしょうか? 続きは、以下で。 「Feedly」は、Googleリーダーと連携するFirefoxのプラグインで、表示方法を変更したり、評価の高い記事のピックアップやTwitterの連動機能を備えています。アカウントの作成な

                                                                    美しいだけではないフィードリーダー:「Feedly」 | ライフハッカー・ジャパン
                                                                  • Browserling – Online cross-browser testing

                                                                    Not just screenshots! You can interact with the browsers live as if they were installed on your computer.

                                                                      Browserling – Online cross-browser testing
                                                                    • レスポンシブ対応CSSベースの軽量フレームワークのまとめ | コリス

                                                                      そのままサイト制作に使ってももちろん便利、自分用のテンプレートを作るための勉強にも役立つCSSベースのフロントエンド用フレームワークを紹介します。 一部のフレームワークで古いIE用にmodernizr.jsやrespond.jsなどを使用しています。 Kube Kube -GitHub レスポンシブ対応、プロ仕様のシンプルでミニマルなフレームワーク。 ファイルサイズ 15.6KB 対応ブラウザ Chrome, Safari, Firefox, Opera, IE8+, and スマフォ用ブラウザ ライセンス 個人・商用ともに無料利用可 Base Base -GitHub レスポンシブ対応、ベーシックなUIエレメントやグリッド揃ったフレームワーク。LESS, Sassだけでなく、.htaccessを含むサイト制作用のフォルダやグリッドのPSDもセットになっています。 ファイルサイズ 3KB(

                                                                      • css-lecture.com - css lecture リソースおよび情報

                                                                        This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

                                                                        • 大きなディスプレイでPDFなどの文書を読むときは横スクロールが最強だと思うので実装してみた - このブログはURLが変更になりました

                                                                          以前から、縦幅基準に1ページまるごと収めても十分読めるほどディスプレイが大きいのであれば、PDFビューアのページ遷移は水平方向にスクロールすべきだと思ってたんですね。 画面が広いとこういうの無駄だよね。 じゃあこうすればいいんじゃね? 画面を縦にするって手もありますが、こういう風に横に並べると複数ページにまたいで確認できるのもメリット。ワイド液晶なら3ページぐらい表示できちゃうかも。 しかし… しかし既存のPDFビューアで水平方向にスクロールできるものは見当たらず、またPDFビューアを1から作るほどのスキルはないのでどうしたものか。 で、そういえばJavaScriptで実装されたPDFビューアがあったな、ということを思い出しました。 mozilla/pdf.js @ GitHub お、JavaScriptなら俺でも改造できるかも?ということで、水平方向にスクロールできるPDFビューアを作っ

                                                                            大きなディスプレイでPDFなどの文書を読むときは横スクロールが最強だと思うので実装してみた - このブログはURLが変更になりました
                                                                          • [CSS]画像に美しい角丸とボックスシャドウを適用する方法

                                                                            img要素で配置した画像にCSS3の角丸とボックスシャドウを適用をすると、Firefoxで角丸が反映されなかったり、Webkitブラウザでボックスシャドウが欠けたりします。 これを解消するCSSのTrickを紹介します。 CSS3 Rounded Image With jQuery デモページ FirefoxとWebkitブラウザ(Safari)のそれぞれにCSS3の角丸とボックスシャドウを適用すると、上記のように美しく表示されません。 それを下記のように美しく適用されるようにします。 角丸とボックスシャドウをこういう風にしたい 左:角丸と外側にシャドウ、右:角丸と内側にシャドウ CSS3で素直にスタイリング Firefoxでは角丸が適用されず、Safariではボックスシャドウが適用されません。

                                                                            • 8のjQueryのすごいTIPS

                                                                              8のjQueryのすごいTIPS 原文:8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成 XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); <a href="http://www.lepinskidesign.com.br/" rel="external">lepinskidesign.com.br</a> [to-R補足] 実際に利用する際はjavascript部分を$(function(){...})などで包む必要があります。[

                                                                                8のjQueryのすごいTIPS
                                                                              • Safari拡張の作り方 - os0x.blog

                                                                                Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで

                                                                                  Safari拡張の作り方 - os0x.blog
                                                                                • Cooliris | Discover More

                                                                                  By signing up you acknowledge receipt and agree to the Skenzo Ltd. Privacy Policy. By clicking this checkbox you agree to have your personal information transferred and stored in the United States, which is necessary for Skenzo Ltd. to provide you with the services under our agreement with you. This domain name may be available for sale Your search for the perfect domain name ends here Drive relev