Progressive Enhancement and the Yahoo! User Interface Library (YUI) - Opera Developer Community
Progressive Enhancement and the Yahoo! User Interface Library (YUI) By Christian Heilmann · 27 Sep, 2007Published in: enhancement, library, yui, javascript, css, Introduction Web development is a terribly confusing matter. There is probably no other development area that can be compared to it, as you normally have at least an idea of what environment your software will run in. With web developmen
warikiru: [駄訳] Understanding Progressive Enhancement
2008-12-16 [駄訳] Understanding Progressive Enhancement ラベル: translate WDEに行ってから個人的にProgressive Enhancementがブーム（謎）なので訳してみた。 原文: Understanding Progressive Enhancement 著者: Aaron Gustafson 2008年10月7日 Understanding Progressive Enhancement by Aaron Gustafson 1994年の頃からウェブ開発者のコミュニティはGraceful Degradation（以下、GD）を主張してきた。エンジニア業界から持たされたこのコンセプトの核心は、最新かつ高機能なブラウザを使う人にはフルコースの料理を振舞われたかのような体験を提供するとともに、 Netscape 4で満足し
Graceful DegradationとProgressive Enhancementの実践 | Web標準Blog | ミツエーリンクス
Chris Heilmanによる“Graceful degradation versus progressive enhancement”という記事について、前回は概要とその意義について紹介しました。今回は後半にあるの例をもとに、どのように実践していくのかを考えてみたいと思います。 「印刷する」というリンク オンラインショッピングの決済画面には、印刷して手元に保管したいというニーズがあるからか「印刷する」といったリンクやボタンが設けられています。クリックしたときに印刷用ページが現れるものもありますが、記事では印刷ダイアログが現れる簡単なものを取り上げています。 このようなリンクは、JavaScriptにより実現されています。 <p id="printthis"> <a href="javascript:windowprint()">Print this page</a> </p> しかしな
Progressive Enhancement with CSS
Style sheet organization#section2 A lot of web designers and developers don’t think much about how they incorporate stylesheets into their documents, but there is a real art to it. With the right methods, you can immediately gain many of the benefits of progressive enhancement. Use multiple style sheets#section3 There are many benefits to getting a little separation in your styles. Obviously, styl
Adobe Edge: 2009年2月 クロスブラウザからProgressive Enhancementという制作コンセプトへ
みなさん、「Progressive Enhancement」という制作コンセプトをご存じでしょうか？ 「情報やサービスへのアクセシビリティを確保しつつ、ブラウザやデバイスの特徴を活かしたデザインや技術を実装する」という考え方です。日本ではあまり馴染みのない考え方ですが、海外では数年前から制作者間で話題となり、確実に浸透しつつあります。昨年、日本で開催された世界的に有名なWebカンファレンス「Web Directions East」では、多くのセッションでProgressive Enhancementが取り上げられました。これをきっかけに今後日本でも広がっていくと期待されます。本記事では、Progressive Enhancementとはどのような制作コンセプトなのか、そしてどのようなメリットがあるのかを解説します。 Progressive EnhancementとGraceful Deg
使ってはいけないjQueryの機能 5個 : tech.kayac.com - KAYAC engineers' blog
3 days ago的な時間表記をするサービスは全部嫌いです。agoです。 週末若手IT勉強会に参加させていただきjQuery 1.3.2のイベント周りを読んできたので、それを踏まえて使用すると問題の発生する可能性の高い機能を紹介します。 0 jQuery.browser 1.3からサポート外になりました。 代わりにjQuery.supportを使用しましょう。 ただ、swfの重ね合わせ問題等は単体のJSでは確認できないので、jQuery.browser無しでどう解決すればいいのかよくわかっていません。 1 getData、setDataイベント getData、setDataイベントは1.5系で削除される予定のようです 最新版のjQueryではgetData、setDataイベントが使用可能になっており、以下のようにイベントを設定できます。 $().bind('getData', fun
Easy Version Control with Git | Envato Tuts+
Have you ever worked on a project that was so unwieldy, you were scared to update a file or add a feature? Maybe the problem was that you weren't using a version control system. In today's tutorial, we'll learn the basics of what might possibly be the best VCS in the world: Git. What is Git? Git is a open-source code managemen tool; it was created by Linus Torvalds when he was building the Linux k
「mixiアプリ」モバイル版、アクセス殺到で利用制限 3日で60万ユーザーのアプリも（ITmedia News） - Yahoo!ニュース
「mixiアプリ」モバイル版、アクセス殺到で利用制限 3日で60万ユーザーのアプリも 10月29日15時29分配信 ITmedia News 10月27日夕に始まったmixiの新サービス「mixiアプリ モバイル」にアクセスが殺到し、29日現在もつながりにくい状態が続いている。口コミなどでユーザーが拡大しているようで、最も人気のアプリはすでに60万ユーザーを超えている。 mixiアプリ モバイルは、ゲームメーカーや携帯アプリメーカーなどが開発したアプリ約100種類で遊べるサービス。 オープン直後からアクセスが殺到したため、ミクシィは、モバイル版トップページからアプリメニューへのリンクを外すなど、利用制限を続けている。 一番人気は、街を作って育てるウノウのゲーム「まちつく！ mixi版」で、29日午後1時現在、60万ユーザーを超えている。2位は、作物や動物を育てる「牧場物語 for m
学校で教えてくれない、芸術を評価するための６つの視点 - 技術教師ブログ
僕はどちらかというと産業技術の評価を教える立場なので技術の視点からしか芸術を語れないのだが、ダンスの経験や芸術教育科の教授に教えてもらったこともあるので少し整理するために書き出してみたい。 まず「芸術」は何を含むか。もとのとしては主として絵画、音楽、文学、演劇、舞踏、映画を指している。しかし一定の精度を超えた技術も芸術と呼ばれるにはふさわしいし、現に呼ばれる場面もしばしば見受けるだろう。いったい何が芸術なのか、その評価方法を考えてみたいし、共有しておいて損はないはずだ。 まず踏まえておきたいことは芸術の価値を数値で表すと市場価値とモノ自体の価値がある。その芸術というモノの価値について考え直してみたい。 １．芸術とは文化の継承である これは学校で教わることができるだろう。いわゆる表現手法というのは古代から現代に至るまで基礎は同じである(と多くの場合解釈されている)。絵画表現に於いてまっすぐの
ロケットニュース24とは？ – ロケットニュース24（β）
ニュース、それは社会で起こった、重要な出来事を伝える役割のものです。この高度情報化社会の21世紀、いつテレビを見ても新聞を見ても世の中はニュースばかりです。重要な出来事に関しては、かなりの部分が手にはいる世界になったといっても過言ではありません。 そんな中、私たちはロケットニュース24を立ち上げました。ロケットニュース24とは、あまり新しくないニュースを、早く伝えたいという気持ちだけは負けていないニュースサイトです。お金や知名度や人脈はないけれども、変なニュースを出来る限りおもしろく伝えていくつもりです。 海外のニュースや、変なニュース、おもしろいニュースやネットでの出来事などを、８割くらいの力でお届けします。よろしくお願い申し上げます！ http://rocketnews24.com/ 記者一同 ロケットニュース24・新着情報 2009年9月 googleニュースに配信開始 2009年
yasuyuki@🇺🇦Rust&WASM推し。 on Twitter: "そっかぁ、河野さんはあの程度で「うるさいだまれよむな」とか言うほど不快になっちゃうんだ。アタシはフツウのひとじゃないのねきっと。RT @smashmedia: 人を不快にさせといて「スルー力がないから」とか言っちゃうんじゃなくて、普通の人でも意見が言える世界にしたいものですね。"
そっかぁ、河野さんはあの程度で「うるさいだまれよむな」とか言うほど不快になっちゃうんだ。アタシはフツウのひとじゃないのねきっと。RT @smashmedia: 人を不快にさせといて「スルー力がないから」とか言っちゃうんじゃなくて、普通の人でも意見が言える世界にしたいものですね。
純広告原稿は2010年4月、[デジタル・ワークフロー]に全面移行します - 社団法人 日本雑誌協会
【 協会について 】 ・日本雑誌協会のご案内・雑誌編集倫理綱領・委員会、記者会・日本雑誌協会役員・日本雑誌協会会員社・賛助会員社・バナーダウンロード・入会のご案内について 【 お知らせ 】 ・日本雑誌写真記者会賞・消費税関連・著作権・教育複製関連・スペシャルレポート・過去の新着情報 【 雑誌各種データ 】 ・印刷証明付部数・M-VALUE報告書 【 声明・見解 】 ・「生成ＡＩに関する共同声明」（2023年8月17日）・【声明】日本漫画家協会・出版広報センター「海賊版対策のための著作権法改正成立に関する共同声明」（2020年6月5日）・【出版広報センター】「海賊版対策のための迅速かつ適切な著作権法改正を求める共同声明」（2020年2月4日）・【出版広報センター】「侵害コンテンツのダウンロード違法化」と「リーチサイト規制」に関する共同声明（2019年9月25日）・「（仮称）川崎市差別のない人
【ニュー速また大敗北】神戸大・パナ内定の田中啓悟君がホームレス襲撃は自演だった【反省会場】
1 ： ノイズn(東日本)：2009/10/29(木) 13:35:52.93 ID:IudgVJrO● ?BRZ(11439) まとめ 運動神経抜群のパナソニック内定リア充、田中啓悟君がmixiで(8月16日)ホームレスに生卵を 顔面に直撃させる動画を公開。口から血も出ているとのこと。ただいま通報祭り開催中。 一方、VIPPERはν速民を騙り田中君のバイト先の店長がやってるブログに突撃。ν速民大盛り上がり！ パナソニックの内定式では裏カジノ？が行われているとかで田中君には賭博疑惑が！！！ そして疑惑を残したままmixiを退会！ このことがニュースサイトに掲載され、全国デビューだ！！ と息巻いてたものの自演発覚でニュー即黒歴史に新たな1ページ！ 動画 http://www.youtube.com/watch?v=6EQoVes9b84 関係者が上げたと思われる画像 http://petit
ネット上の「煽り」にどう勝利するか | WIRED VISION
前の記事 シュワ知事、「縦読み」で政敵に悪態？ 無着陸で30日――米軍無人偵察機の滞空目標 次の記事 ネット上の「煽り」にどう勝利するか 2009年10月29日 Wired how to wiki 燃えるマッチ。Photo:Nick Wheeleroz/Flickr。サイトトップの画像はWikimedia Commonsより インターネットの掲示板にあなたが初めて投稿するとしよう。理にかなった明確な見解だと思って書き込んだ20分後、あなたは頭をかきむしり、髪の毛が束になって抜け落ちる。どこかの十数人にかき乱され、あなたは新しい「ネットホール」にはまり込んだのだ。 ここでは、フレームにおける相手の非道な戦略を認識し、対抗する(必要とあれば利用する)方法について考えてみた。この記事(英文記事)はwiki方式なので、何か良い提案があればどんどん書き込んでほしい。[インターネット上で論争や喧嘩に発
MySQLerのTwitterアカウントまとめ。
松信氏の、 MyISAMとInnoDBのどちらを使うべきか Twitterで話題になってたので簡単にまとめました。 というエントリが人気を博しているが、松信氏が言うように最近はTwitterでMySQL関連の話題も結構増えてきているように思う。Twitterの流行の勢いは凄まじく、今は右を向いても左を向いてもTwitter、寝ても覚めてもTwitter、猫も杓子もTwitterという雰囲気である。従ってMySQLもTwitterで盛り上がるのは当然の成り行きというもであるし、Twitterを活用しない手はない。 しかしMySQL関連の話で盛り上がると言っても「じゃあ誰をフォローすれば話に入れるんだよ？！」と多くの皆さんは疑問に思われることだろう。そこで、今日はMySQL関連のTwitterアカウントを独断と偏見と愛と勇気と努力をもって紹介する。MySQLの情報が欲しい人、もしくは話題の輪に
国産のGoogleマップAPIを利用したWebサービス27+α
GoogleMapを使ったWebサービス に興味が沸いて調べてみました。 マップ系なので殆ど国産サービスです。 単純に興味が沸いて調べただけなので もしかしたら情報は中途半端かもです。 GoogleMapAPIを使ったWebサービス に興味がある方に参考になれば幸いです。 一応カテゴリで分けました。自分でもちょっと微妙な分け方ですが、無いより分かりやすいかなと思いまして・・・ タイトルのαは海外のGoogleMap系サイトの紹介記事です。 情報共有タイプソーシャル要素を加味したマップ系Webサービス mapeer マップを使ったCGM系サービス。ユーザー同士で情報をマップで共有出来ます。 mapeer ホトリ 全国の仏像情報を共有するサービス。デザインが凄くかわいいいですねー。 ホトリ- Zorg 地図上に画像を表示させて共有するWebサービス。何気にいいです、これ。面白いかも。気に入った
高級ブランド：さよなら日本 相次ぐ撤退・縮小 - 毎日ｊｐ(毎日新聞)
「ルイ・ヴィトン」が出店を白紙に戻した土地。「ＧＡＰ」の入店に向けてビルの建設が進む＝東京都中央区で宮崎泰宏撮影 海外の高級ファッションブランドが相次いで日本からの撤退・縮小を決めている。世界のブランドが日本を「プレミアム市場」と位置づけた時代は過ぎ去ったのか。【宮崎泰宏】 ◇経済環境が激変 英フィナンシャル・タイムズは今月７日、イタリアの高級ブランド、ジャンニ・ベルサーチが日本の直営店を既に閉店し、日本法人の事務所も月内に閉鎖すると報じた。 派手な色合いのスーツやネクタイ、腕時計で、元プロ野球選手の新庄剛志さんなどの有名人が愛用していたことで知られるブランド。東京・紀尾井町のホテルニューオータニにあった日本法人の本店に電話すると、「番号は使われていません」のメッセージが流れるだけ。ホテル関係者によると、すでに店舗を閉鎖したという。 三井物産などは５日、英「バーバリー」と結んでいる日本での
日本語で読める！アクセス解析の用語集をa2iが公開
Webアクセス解析の言葉は分かりにくい。「ページビュー」や「セッション」、「ユニークユーザー」などのカタカナ言葉も多いし、「直帰率」や「ダラーインデックス」など、Webアクセス解析の世界でしか使わない謎の言葉もたくさんある。さらに「閲覧開始ページ」を「着地ページ」といったり「ランディングページ」といったりと、用語の統一すらままならない。 「業界がまだ若い」といえばそれまでなのだが、このままではコンサルタントとユーザー、ベンダーとユーザー、あるいはユーザー同士のコミュニケーションに支障をきたす。そこで、アクセス解析の業界団体であるアクセス解析イニシアチブ（a2i）が10月27日に発表した「アクセス解析の集計と用語定義ガイドライン」を読んでみた。 この種の試みとしては、米国の業界団体WAA（Web Analytics Association）が昨年9月に発表した「Web Analytics D
Perlでメール送信してみた。ついでにPythonも - 目の前に僕らの道がある
ちょっと仕事でメールを送信するスクリプトを書かなきゃいけないみたいなので調べてみました。 Net::SMTP編 とりあえずググってみて、一番最初に見つけた方法がNet::SMTPを使う方法です。ちょっとSMTPサーバとやりとりしているあたりがくどい感じがします。 #!/usr/bin/env perl use Encode; use Net::SMTP; use warnings; use strict; use utf8; # メールを作成します。 my $from = '送信元アドレス'; my $mailto = '宛先アドレス'; my $subject = Encode::encode('MIME-Header-ISO_2022_JP', 'メールタイトル'); my $header = "From: $from\n" . "To: $mailto\n" . "Subject:
livedoor Readerにソーシャルブックマーク登録数を表示するChrome Extensionを作ってみた - 今日覚えたこと
最近、Google Chromeがだいぶ使えるようになったから使ってるんだけど、LDRを見ていて、エントリのソーシャルブックマーク登録数を知りたいのに、見れないから困ってた。 Firefoxを使っていたときは、最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方のGreasemonkeyスクリプトを使っていたんだけど、現在のChromeではGreasemonkeyがそのまま動くような方法は(たぶん)ないので、どうにかしたいと思っていた。 というわけで、同様の機能を持つChrome Extensionを作ってみた。 ダウンロード ダウンロードは以下からどうぞ。 SBMCounter for LDR Mac版Google Chromeの4.0.223.11で動作を確認した。 これは何か これを入れると、LDRやFastladderを見
Firefox Developers Conference 2009 のライトニングトークに出ます - SWDYH
11/8に開催されるFirefox Developers Conference 2009のライトニングトーク(LT)に出ることになりました。拡張機能についてのLTということだったので、AutoPagerize on Firefox and Google Chrome というタイトルで話す予定です。MozillaのイベントでGoogle Chromeの話をするのは、ちょっとまずいかなとも思ったんですけど、いちおうこのタイトル案でLTの選考に通ったので、ありかなと。まだ考え中なんですけど、時間が短いのでAutoPagerizeのことよりも、FirefoxとChromeの拡張の仕組みのことになるかなあと思っています。正直、LTはわりと苦手で、うまく発表できるかわかりませんが、よろしくおねがいします。 発表資料はイベントのあとで公開します。 追記：公開しました。 http://d.hatena.n
［社内で使うサイネージ1］従業員の情報格差を解消
新たな広告・宣伝メディアとして注目を集める電子看板（デジタルサイネージ）を社内で利用する企業が出始めた。オフィスや休憩室に設置した大型液晶ディスプレイに情報を表示することで満遍なく伝達する狙いだ。イントラネットによる情報共有ではアクセス頻度によって情報格差が生じがちだった。 「長期的に見るとデジタルサイネージは、広告・宣伝以外で使われるケースのほうが圧倒的に多くなる」。デジタルサイネージコンソーシアム理事長を務める慶応義塾大学メディアデザイン科の中村伊知哉教授は、こう予想する。これまでも病院や学校が掲示板に代わる新たな情報伝達手段として使っていたが、最近になって企業が従業員向けに導入し始めたというのだ。 実際、半導体・電子部品商社のアヴネット ジャパンや内田洋行、NTTコミュニケーションズ（NTTコム）など従業員向けの情報共有手段としてデジタルサイネージを活用する企業が登場している。広告・
Firefox Developers Conference 2009 — アドオンでウェブの未来を切り開く！
Firefox Developers Conference 2009 アドオンでウェブの未来を切り開く！ 本イベントは終了しました。たくさんのご参加ありがとうございました。 Mozilla Japan では、来る 11 月 8 日 (日) に「Firefox Developers Conference 2009 〜アドオンでウェブの未来を切り開く！〜」と題したカンファレンスを開催いたします。2006 年から毎年開催されているこのイベントは、ウェブの世界で常にトレンドをリードし続けている Firefox のテクノロジーに関心のあるエンジニアやパワーユーザーが一堂に会し、毎回、様々な分野からスピーカーを迎えて最新情報の共有や交流を行う場となっています。 今回は、「Firefox の新しい拡張機能の形」として、米国 Mozilla の研究機関 Mozilla Labs から公開された新しい開発支
bingo!CMS ホーム-TOP | ホーム
bingo!CMSを無料で試す デモサイト・無料お試し版・デモのご依頼など様々な方法でお試しいただけます。
急がばまわれ式・堅実で一番効率的な英語の勉強法
急がばまわれ式・堅実で一番効率的な英語の勉強法 はてな界隈では、定期的に英語の習得法が話題になるが、俺もそろそろ参入してみようかな、と。 ■自己紹介 俺の英語力は、TOEIC975点、実用書・平易なペーパーバックなら辞書なしで速読できるレベル。 CNN/BBCが字幕なしで理解できて、それなりに気のきいたことも英語で話せる。 語彙力は、http://www.wordengine.jp/vcheckで測定してみたところ、約２００００語。 海外経験なしで、毎朝コツコツと勉強してきた。 ■趣旨 英語力を身につける＝ピラミッドを構築する作業である。 だが、巷にあふれかえる英語の勉強法は、基礎力がないのにいきなり実践を勧めるものが多い。 例えば、臆せずに何でもいいからしゃべってみろだの、辞書をひきながら本を読めだの。 この手の勉強方法は、学習者のコンフォート・ゾーン（快適な領域）を外れることが多く、大
ランニング、ウォーキングの前のストレッチ方法 | ストレッチ方法.net
■実施タイミング 【運動前】 ■目的 【怪我の予防・パフォーマンス向上】 ランニング・ジョギング・ウォーキングなど走るスポーツの運動前に行なうストレッチの方法です。 下半身を中心に全身のバランスを考慮された１１種類のストレッチを解説しています。ランニング・ウォーキングなど有酸素運動の前に実施してください。 1種目ずつストレッチ秒数をカウントしていますので、動画を見ながら一緒に実践してください。 初めから一緒に実施するのが難しい場合は、１種目ずつストレッチフォームを学んだのち一緒に実践してみると良いでしょう。 ストレッチマットを利用すると関節などに負担がかからず安全にストレッチできます。 【ストレッチ・メニュー】 動画実演順 【１】 背中・・・20秒静止 ┗ あぐらをかいた状態で、体を前に倒します。 【２】 お尻~太もも裏・・・左右各20秒静止 ┗ ひざを持ち胸に引き付けます。 【３】 お尻
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://friendfeed.com/coolniikou/6b444148/progressive-enhancement
このページを見るには、ログインまたは登録してください
http://friendfeed.com/coolniikou/cbf63fb1/jquerytooltip
http://friendfeed.com/coolniikou/cec37835/twitter
MSN
http://twitter.com/tokuhirom/status/5252138253
このページを見るには、ログインまたは登録してください
Amazon.co.jp: 英語リーディング教本: 基本からわかる: 薬袋善郎: 本
日本人の英語