並び順

ブックマーク数

期間指定

  • から
  • まで

401 - 440 件 / 64016件

新着順 人気順

Firefoxの検索結果401 - 440 件 / 64016件

  • SBI新生銀行

    セブン銀行ATM・イーネットATM・ローソン銀行ATM・イオン銀行ATM・PatSat(パッとサッと)・VIEW ALTTE(ビューアルッテ)をご利用の場合、シルバー、ゴールド、プラチナ、ダイヤモンドステージのお客さまは回数制限なく無料です。スタンダードステージのお客さまは月5回まで無料、6回目以降110円(税込)がかかります。 ゆうちょ銀行ATM(ファミリーマートに設置のATMも含む)・全都市銀行ATM・三菱UFJ信託銀行ATM・三井住友信託銀行ATM・商工中金ATMをご利用の場合、時期やステージにかかわらず1回あたり110円(税込)かかります。 メンテナンス時間を除く。

      SBI新生銀行
    • IDEA * IDEA

      ドットインストール代表のライフハックブログ

      • いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0

        日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ

          いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
        • 大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita

          Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

            大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita
          • CSSレイアウトの定石 WinIE6バグ回避法

            CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設

            • 私が愛用している無料Macアプリ27選。無料でもここまでできると知ってほしい。

              ブログ移転のお知らせ! ▼当ブログは移転しました!新しいサイトは以下となります!! http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします!! http://feeds.feedburner.com/bamka 【読了時間:約8分】 どうも、bamka_tです。 MacBook Airを使って長く、結構アプリも溜まってきました。 そこで、私が愛用しているアプリをまとめて紹介しようと思います。 私は結構貧乏性で、有料アプリでも即決はせず、まずは無料アプリで似たようなものがないか探してしまいます。 ですから自ずと、私のアプリは無料がメイン。もちろん有料もいくつかあるのですが、今回はその無料アプリに絞ってお話しようと思います。 全部で27個。張り切っていきましょう。 ■ウェブブラウザ 1.Google Chrome (Photo: [http://www.fli

                私が愛用している無料Macアプリ27選。無料でもここまでできると知ってほしい。
              • favicon.ico(ファビコン)の作り方 | IDEA*IDEA

                ドットインストール代表のライフハックブログ

                  favicon.ico(ファビコン)の作り方 | IDEA*IDEA
                • wise9 › JavaとJavaScriptの20年戦争

                  モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS

                  • bookreader.js

                    bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ

                    • CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。

                      Backjoyを買ってみたらほんとに腰が楽なminamiです。 CSSで要素を上下中央寄せする方法は古くから色々と試されてきました。 今回は海外のサイトで知って目から鱗だった方法をご紹介します。 基本的な設定 上下左右中央寄せしたい要素に以下のCSSを設定します。 position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 任意の値 height: 任意の値 これだけ。これだけで親要素に対しての上下左右中央寄せを実現できます。 追記: 親要素にはposition: absolute;かposition: relative; を設定してください。body に対してセンター寄せしたい場合はそのままでOKです! 今までtop とleft の値を50%にとって、要素の高さと幅の分だけマイナスのmarg

                        CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。
                      • Mozilla Firefox Extension @2ch

                        2ちゃんねるのスレッド「Firefoxの拡張機能皆さんなにつかってますか?」をまとめたサイトです。 Mozilla Firefoxはカスタマイズ性に非常に優れたブラウザです。 これから使おうとしている人、拡張を変えようと思っている人など役に立てれば幸いです。 Firefox 3.0 が公開されました。 このサイトは現在、Firefox 2 までの集計結果となってます。 旧バージョン→Firefox 2.0.0.14 拡張の入れ方などはまとめサイトでご覧になってください。 また、質問等は質問スレッドなどが良いと思われます。 2ちゃんねるスレッド Mozilla Firefox 拡張機能スレッド Part31 Firefoxの拡張機能皆さんなにつかってますか?Part3 Firefoxの拡張機能皆さんなにつかってますか?Part2 Firefoxの拡張機能皆さんなにつかってますか? Firef

                        • 国立国会図書館デジタルアーカイブポータル(ndldap)

                          詳細検索 「絞り込み条件」をあらかじめ表示した検索画面です。多数の条件を組み合わせた高度な検索が可能です。

                            国立国会図書館デジタルアーカイブポータル(ndldap)
                          • Apple - Safari - Introducing Safari 4 - See the web in a whole new way

                            Safari is the best way to experience the internet on all your Apple devices. It brings robust customization options, features powerful privacy protections, and optimizes battery life — so you can browse how you like, when you like. And when it comes to speed, it’s the world’s fastest browser.1 Learn how to make Safari your default browser Safari comes with industry-leading privacy protection techn

                              Apple - Safari - Introducing Safari 4 - See the web in a whole new way
                            • How to Create Website Wireframes

                              2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載!実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。これも過去に「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その3 目標:わかりやすいワイヤーフレームを作成することができる 必要なもの:紙とペン 対象レベル:超初心者OK

                                How to Create Website Wireframes
                              • HTML5のLocal Storageを使ってはいけない(翻訳)|TechRacho by BPS株式会社

                                概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました 本気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。 私は毎日のように、重要なユーザー情報をlocal storageに保存す

                                  HTML5のLocal Storageを使ってはいけない(翻訳)|TechRacho by BPS株式会社
                                • 『Evernote』より簡単! 『Tumblr』で集めた情報を楽々整理!|ガジェット通信 GetNews

                                  今回は蒲生トシヒロさんのブログ『世界中の1%の人々へ』からご寄稿いただきました。 『Evernote』より簡単! 『Tumblr』で集めた情報を楽々整理! ・集めた情報を速やかに引き出せる方法はないものか真剣に考えてみた。 企画やら書籍の執筆やらで日々半端なく情報収集しているのですが、集めた情報は執筆時に速やかに引き出せるものでなくてはならず、集めただけで終わって、PCのHDD内で埋もれてしまっては、そもそも苦労して収集する意味がありません。 さて、集めた情報の整理といえば、最近は『Evernote』 *1 が有名ですが、いまひとつブックマークの仕方がなじめませんので、他の方法を真剣に考えてみました。 *1:『Evernote』 http://www.evernote.com/ そういえば僕は『Firefox』の拡張機能である『Tombloo』 で気になるページを『Tumblr(タンブラー

                                    『Evernote』より簡単! 『Tumblr』で集めた情報を楽々整理!|ガジェット通信 GetNews
                                  • Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!

                                    by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.

                                    • 【まとめ】ファミコンをブラウザで楽しめるサイト全集 | アナクロセンス-ゲーム情報-

                                      ファミコンソフトをブラウザゲームとして遊べるまとめ かなり量が多くなりましたが、ブラウザからキーボード操作で遊ぶ事ができます。仕事の気分転換等にどうぞ。 マリオブラザーズ(任天堂) http://www.1980-games.com/us/old-games/nintendo/m/Mario_Bros/game.php ドンキーコング(任天堂) http://www.crazymonkeygames.com/Donkey-Kong.html エレベーターアクション(タイトー) http://www.flash-mania.eu/en/php/nintendo/divers/012.php ゼビウス(ナムコ) http://cat.s48.xrea.com/Xevious/XeviousB.html プーヤン(ハドソン) http://www.1980-games.com/us/old-ga

                                      • Git の仕組み (1) - こせきの技術日記

                                        目次 はじめに Git を使ったことがない方へ 生のデータが見たい方へ Git の全体像 .git の中身 Git オブジェクトデータベース 4種類のオブジェクト リファレンス リファレンスのリファレンス 大きなツリー Git オブジェクトの ID と 中身 ハッシュ関数 SHA1 の簡単な説明 tree と blob オブジェクト tree と blob の参照関係 ルートツリーの ID でツリー全体を識別する commit オブジェクト リファレンスとブランチ ブランチ ブランチ先頭を指すリファレンス HEAD リファレンス detached HEAD 2種類のタグ 一時待避 (stash) インデックス キャッシュとしての役割 マージ Fast-Forward マージ non Fast-Forward マージ rebase reset 2種類のブランチ 各リポジトリが自分のブランチを

                                          Git の仕組み (1) - こせきの技術日記
                                        • My DebugBar | IETester / HomePage

                                          DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of

                                          • Website Traffic - Check and Analyze Any Website | Similarweb

                                            Backed by the world's most intelligent and comprehensive view of digital traffic, our platform gives you the data and insight you need to win – and win big – online. Get started Browsing for Insights? Access behind-the-scenes analytics for every site online. With the Similarweb TrafficMeter™ browser extension, you’ll have easy access to objective traffic data and other insights, as you surf. Refle

                                              Website Traffic - Check and Analyze Any Website | Similarweb
                                            • JavaScript アニメーションのデザインパターン

                                              JavaScript でアニメーションを作る アニメーションとは何? ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの? setInterval の意味が分からない こんな感じで書けないの? <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w

                                              • モダン日本語フォント指定

                                                CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませて…

                                                  モダン日本語フォント指定
                                                • たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS – @attrip

                                                  開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。 とりま、 attripのデザイン崩れはこれで解決できました! 使い方は簡単!下記のコードを貼り付ければOK! まじ仏。 「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。 「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。 ちなみに、border-radiusや、box-shadow はできませんでした。 あと、IEでの見え方をチェックする方法はこちら↓↓ IE9環境でIE6/IE7/IE8/IE9表示する方法(共存

                                                    たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS – @attrip
                                                  • Chrome Experiments

                                                    Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.

                                                      Chrome Experiments
                                                    • 第三次ブラウザ戦争がそろそろ閉幕します - latest log

                                                      追記: このエントリを投稿してから3日後に Google から AMP が発表されました。AMP は 既存の HTML/CSS/JavaScript の機能を制限することで、ページの表示パフォーマンスを改善するものです。AMP で書かれたページは Google 検索ランキングにおける特典が受けられるといった情報もあります。AMPの実装方法

                                                        第三次ブラウザ戦争がそろそろ閉幕します - latest log
                                                      • Iconfinder | Search through 128,345 icons or browse 347 icon sets

                                                        Pricing Compare all pricing solutions. Options for individuals and teams. See all Pro subscription 7-day free trial Choose a flexible subscription plan for you and your team members. See the benefits Pay as you go Pay for the graphics you need, when you need them. No strings attached. How it works

                                                          Iconfinder | Search through 128,345 icons or browse 347 icon sets
                                                        • 【厳選】本当に使える Google Chrome のショートカットキー17個まとめ。 | 和洋風◎

                                                          ブラウザは速ければ速い程いいと思っている、するぷ ( @isloop )です。 そんなわけで、他ブラウザを圧倒的に凌ぐレンダリングスピードを持つChromeに惚れ惚れしているのですが、そんな、ただでさえ速いChromeで更に超効率的にブラウジングできる方法があります。 それは「本当に使える17個のショートカットキーを使い倒すこと」。 というわけで、今回は僕がChromeでブラウジングする際になくてはならないショートカットキーを厳選してまとめてみました!!

                                                          • ウノウラボ Unoh Labs: 携帯開発向けに便利な支援ツール/サイト

                                                            どーも8makiです。 ウノウでは携帯サイトの開発も行っています。 携帯サイトの開発ってPC用のものと比べて制限が多かったり、面倒くさいことが目白押しです。そこで開発に便利なツール・サイトをリンク集的にまとめてみました。 ~~~~~~ツール編~~~~~~ ■必須ツールi 絵文字 ドコモの絵文字が入力/表示できるようになります。 User Agent Switcher (Firefox 拡張) User Agentを書き換えて携帯になりきることができます。 インポート用の各種端末のUser Agentリストを作成していただいたので皆さんもご利用ください。 useragentswitcher.xml ■あると便利なツールiモードHTMLシミュレータIIiモードHTMLシミュレータOpenwave SDK(au) ウェブコンテンツビューア(ソフトバンク)MediaCoder .

                                                            • iPadでHTML5でWebアプリを作ってみました。

                                                              こんばんは。LatLongLabの河合(@inuro)です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz(ゆびちず) 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字(大塚家具、とか紀伊國屋書店、とか)をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW

                                                                iPadでHTML5でWebアプリを作ってみました。
                                                              • DesignDevelop

                                                                旧ホームページドメイン(designwork-s.com)を利用し、当ブログの名称を利用し、文中のリンクからオンラインカジノの紹介サイトへ誘導するWEBサイトが発見されました。当該WEBサイトは、当ブログとなんら関わりのない第三者の手によって作成されたもので、当ブログとは一切関係ございません。 旧ドメインについては、現在、管理・運用を行っておらず、当ブログの運営元とは無関係の第三者が取得・管理しており、無関係となります。 そのため、旧ドメインへアクセスすることにより、何らかの被害等が生じても、一切責任を負いません。 現在のDesignWorksホームページドメインはdesignwork-s.netとなります。 ご注意のほど、どうぞよろしくお願い致します。

                                                                • HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL

                                                                  このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ(t32k.me)が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ

                                                                  • 「それ、Firefox3でも出来るよ?」とOpera信者に言い放つためのアドオン26個 - TERRAZINE

                                                                    Firefox3がリリースされた。白状するが、Firefox2までは「こんなクソ遅いブラウザ使うとか、どんな罰ゲームだよ。m9(^Д^)プギャー」と思っていた。ところが今度の奴は、前バージョンとは比べ物にならない位良くなっている。 特にメモリー消費に関しては大幅に改善されている。以前はタブを30枚も開くと使い物にならなかったが、100枚開いてもサクサク動き、Operaと真っ向勝負できるまでに改良されている。もう「Firefoxの○○を劇的に××する方法」なんていうGIGAZINEあたりのトンデモメソッドなんて必要ない。 しかし、そのままでは何も出来ないのは相変わらずで、Operaと同等の機能を実現するには多くのアドオンを入れなければならない。 今回は筋金入りのOperaユーザーでもFirefox3を使えるようにするアドオンを探し、手加減無し*1で使ってみた。 注意 新バージョンがリリー

                                                                      「それ、Firefox3でも出来るよ?」とOpera信者に言い放つためのアドオン26個 - TERRAZINE
                                                                    • HTMLのheadの書き方、head内に記述する要素の総まとめ

                                                                      HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c

                                                                        HTMLのheadの書き方、head内に記述する要素の総まとめ
                                                                      • はてな&フェンリルのオリジナルグッズ欲しい!とは はてなの人気・最新記事を集めました - はてな

                                                                          はてな&フェンリルのオリジナルグッズ欲しい!とは はてなの人気・最新記事を集めました - はてな
                                                                        • クロスブラウザはもう古い! HTML5+CSS3時代のプログレッシブ・エンハンスメント

                                                                          IE 9が登場! ユーザーの閲覧環境がますます多様化! 4月26日、ついに日本でもInternet Explorer(以下、IE) 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome(以下、Chrome)など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何? Webブラウザや端末などの閲覧環境が多様化してきていま

                                                                            クロスブラウザはもう古い! HTML5+CSS3時代のプログレッシブ・エンハンスメント
                                                                          • chrome-life.com - このウェブサイトは販売用です! - chrome life リソースおよび情報

                                                                            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.

                                                                            • CSSセレクタの高速化の話し - Webtech Walker

                                                                              続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して

                                                                                CSSセレクタの高速化の話し - Webtech Walker
                                                                              • ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記

                                                                                はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing

                                                                                  ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記
                                                                                • 時刻表っぽいフォント — DiaPro

                                                                                  DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字(リガチャー)として定義されています。そのためフォントの適用ができない場合(サーチエンジンのSEOなど)でも意味が読めます 以下のブラウザはテスト済みです:Chrome(Win・Android)・Firefox・Safari(Mac・iOS)・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字(titl)」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し