Background-Clip: Text | Trent Walton
I had a lot of fun dabbling in CSS3 on a recent post, but had to hold back a bit to keep things looking presentable in most browsers. To carry out the DIN typeface I chose into the header, I used a transparent png with the letters knocked out to achieve that subtle yellow to blue fade animation. After seeing a shot of my code on Dribbble, Chandler Van De Water challenged me to create the effect wi
三洋、eneloopに大容量モデルと高信頼モデル | 家電 | マイコミジャーナル
三洋電機は9日、ニッケル水素充電池「eneloop」シリーズの新製品として、大容量モデルの「eneloop pro」と、高信頼モデルの「eneloop plus」を発表した。eneloop proの単3形2本パック「HR-3UWX-2BP」、単3形4本パック「HR-3UWX-4BP」は、7月21日発売、単3形4本パックと充電器のセット「N-TGR01WS」は9月21日発売、eneloop plusの単3形2本パック「HR-3UPT-2BP」、単3形4本パック「HR-3UPT-4BP」、単3形4本パックと充電器のセット「N-TGN01PS」は12月1日発売。また、ワイヤレス充電規格「Qi」に対応した充電機能を持つeneloop用のキャリングケース「N-WL01S」も同時発表。製品には、標準タイプの単3形eneloopをが2本同梱される。こちらは7月21日発売。価格は、eneloop proの
asahi.com（朝日新聞社）：静岡茶から基準超える放射性物質か - 社会
静岡県の一番茶の製茶から国の基準を超える放射性物質が検出された模様。
こんなに高品質なのに無料で利用できるCSSベースのテンプレートのまとめ
企業用サイト用をはじめ、コマース用、ポートフォリオ用、ブログ用などの高品質ながら無料で利用できるCSSベースのテンプレートを紹介します。 テンプレートは1ページだけのものから、配下ページなど複数のページが揃っているものもあります。 ※テンプレートは全て無料で利用が可能ですが、ライセンスを必ず確認してください。
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、"Objective-C"と、"cocoa Touch"というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
スマートフォン実機デバッグ: JSConsoleを使ってみる
と入力してみましょう。 そうするとサーバでIDが自動的に割り振られ、挿入用のスクリプトタグが出てきます（上の画面で反転している部分です）。このスクリプトタグを、スマートフォンで読み込ませるHTMLに組み込んでみましょう。 <!DOCTYPE html> <html><head><title>JSConsole Test</title> <script> window.test = function(arg) { console.log("test message:" + arg); }; </script> </head> <body><div id="hello">hello world</div></body> <script src="http://jsconsole.com/remote.js?9D22144E-AFD1-428B-B505-1D6A4C6F7324"></scri
Chrome Experiments - Shaun The Sheep
Shaun the Sheep An HTML5 Video Experiment Watch Shaun and his friends' antics in clips from "An Ill Wind", "Snowed In", "The Big Chase", and "Twos Company" through an interactive experiment created with hardware-accelerated HTML5 video, 3D CSS Transforms, and WebM. Use the controls to expand and shrink the video, rotate the scene, bring up a rotating carousel of videos, turn on puddle reflection,
｢iOS 5｣が動作する｢iPhone 3GS｣と｢iPhone 4｣の比較ビデオ - 気になる、記になる…
管理人：Taisyo 海外の情報＆噂サイトで報じられている Microsoft (Windows) や Apple (MacやiOSデバイス) の最新情報を翻訳(ミスも多いですが…)してUPしています。 当サイトのメインページや個別記事へのリンク、コメント、トラックバックは自由に行って下さい。 ご連絡の必要はございません。 ある程度確認はしていますが、InternetExplorerでは一部正しく表示されない部分があり、推薦はSafariとなっています。 ニュース：総合(982) ニュース：携帯電話(346) 気になるニュース(488) ニュース：ブラウザ(204) ミニノート関連(Eee PCなど)(260) Microsoft：総合(789) Microsoft：各種アップデータ(98) Windows Vista：ニュース(512) Windows Vista：レビュー(27) Wi
[CSS]「background-clip」を使って、テキストの下に画像を表示するスタイルシート
CSS3の「background-clip」を使って、テキストの下に画像を表示するスタイルシートを紹介します。 また、CSSの特定のプロパティに対する、サポートブラウザと非サポートブラウザへの対応方法も解説されています。 Show Image Under Text (with Acceptable Fallback) デモページ [ad#ad-2] デモはWebkit系ブラウザ（Chrome, Safari）でご覧ください。 マウスホバーでCSS3アニメーションも楽しめます。 マウスホバー時のキャプチャ 「background-clip」は背景の適用範囲を指定するプロパティで、対応していないFirefox 3.6で表示すると下記のようになります。 ※Firefox 4では対応予定 非対応ブラウザでの表示 [ad#ad-2] アイデアのベースとなったスタイルシートは、下記のようになります。
Facebook Graph API活用iPhoneアプリ開発入門
Facebook Graph API活用iPhoneアプリ開発入門：書籍転載：Facebook SDK for iOSアプリ開発ガイド（1）（1/3 ページ） Facebookのソーシャルグラフを扱うiOSアプリを作る 「Facebook SDK for iOS」は、iOS（iPhone、iPad、iPod touch）用のSDKで、Objective-Cで書かれています。本企画では、iOSアプリケーションにFacebook連携機能を盛り込むことを想定し、前後編にわたり、以下の方法を解説します。 iOSアプリを使ったログイン Facebook Graph API（以下、Graph API）を利用した情報の取得 Graph APIを利用した投稿 Legacy REST API（「Old REST API」という呼称も使われている）やFQLの利用 ダイアログを使った投稿 本企画は、アスキー・メ
OS X Lionの起動ディスクの作成方法
だとするならば、再インストールする際、一度Snow Leopardをインストールしてからアップグレードする手順が必要になるのかと不安に思っていましたが、起動ディスクを作る方法があるそうです。 手順としてはこう。 2011.07.21追記: OS X Lionをインストールすると、「/Applications/Install Mac OS X Lion.app/」が消えてしまうようです。OS X Lionをインストールする前にやっておく方がいいでしょう。 「/Applications」フォルダにインストールされるOS X Lionのインストーラ「Install Mac OS X Lion.app」をFinderで表示。（つまり/Applications/Install Mac OS X Lion.app/） コンテキストメニューから「パッケージの内容を表示」を選択 「SharedSuppor
news - iCloudの容量がたった5GB/IDで足りるわけ : 404 Blog Not Found
2011年06月07日09:44 カテゴリNewsiTech news - iCloudの容量がたった5GB/IDで足りるわけ というわけで発表された。 Apple - Apple Events - Apple Special Event June 2011 Lion, iOS 5, iCloud といった名前をAppleにしては珍しく先に発表したこともあり「何をするか」には驚きはない。 驚いたのは、それをどうやって実現したか、だ。 Mac OS X v10.7 Lion と iOS 5 は、iCloud により iTunes なしでも同期できるようになる。以前から望まれていたし、以前からそうなるだろうと言われていたことだ。ただ同期を取るだけであれば技術的な困難はさほどない。極論してしまえば同期が必要なデバイスの全容量の合計分のストレージを用意して、rsyncなどの既存のテクノロジーをその
たったの50行！ node.js でツイート垂れ流しサイト作成法 - 虫けらロック
修正：よく数えたら60じゃなくて50行だった。しかもハッシュタグ垂れ流しでなく好きなキーワード（もちろんハッシュもなんだけど）監視するものになっていた。適当すぎた。 ↓の通りコマンド打ってファイル作っていけば、twitterで指定したキーワードを監視してだらだら垂れ流すサイトが出来上がります。 必要なもの node.jsとnpmをインストールした環境 適当なtwitterアカウント コマンド ワークスペース作って必要ライブラリインスト linuxじゃない方はなんとなくそれっぽいことをして下さい mkdir twithash cd twithash mkdir views npm install socket.io npm install twitter-node npm install express vi web.js vi views/index.html web.jsの中身 アカウン
レイアウトに関する強力なjQueryプラグイン６つ:phpspot開発日誌
6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン６つが紹介されていました。 一昔前では不可能では？と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C
ジョブズ、がんばれ...基調講演の直後に撮影されたレアショット！
ジョブズ、がんばれ...基調講演の直後に撮影されたレアショット！2011.06.08 19:305,751 優しいジョブズが好きになる... WWDC 2011では数々の新発表目白押しで基調講演も盛り上げてくれたアップルのスティーブ・ジョブズCEOの、ちょっぴりソフトな一面を垣間見させる写真が公開されましたよ。感動と興奮で包まれた基調講演の直後、最愛の妻のローレン・パウエルさんに、そっと無言で歩み寄るジョブズの姿を収めたショットです。強力すぎるほどのリーダーシップでも知られるジョブズに、こんな表情が人前で見られるとはって軽い驚きもあったんだとか。 騒然とした会場の中ですが、しんみりした時間が2人を優しく包んでいるような感じ。ジョブズは、いつものように元気いっぱいのプレゼンテーションではあったけれど、またちょっと痩せちゃったんじゃないかなって健康状態を気遣う声も聞かれたりしました。どうぞいつ
最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
いっしょに仕事をしたいプログラマ 5つの特徴 - たごもりすメモ
ちょっとこんなことを考えるきっかけがあったので、ざっと書き出してみた。Webに公開されている情報からあるプログラマについて見てみたとき、どういう人ならいっしょに働いてもいいかについて。 ここに書く内容はソースコードの品質以前の問題についてのみにしてある。だからこの特徴を満たしていればどうということに直接なるわけではない。ただ、欠けているところがあれば、少なくとも自分はその人といっしょに仕事をしたいとは思わないだろう。 なお自分は現勤務先の採用活動にはかかわっておらず、このエントリの内容は勤務先の採用基準とは全く無関係です。 学生さんなどの場合にはまた話が違うと思います。 あと割と自分のことは棚に上げてます。「お前これできてねえじゃん」という部分については都度ご指摘をいただけますと大変ありがたく思います……。 1. その人が書いたソースコードが公開されている 日本語で何を言われてもぶっちゃけ
都下水処理施設内で高放射線量…避難区域に匹敵 : 社会 : YOMIURI ONLINE（2011.6.8）
東京都大田区の下水処理施設内の空気中から、毎時約２・７マイクロ・シーベルトの放射線量が検出されていたことが、都の調査で分かった。 計画的避難区域の福島県飯舘村の放射線量と同程度で、文部科学省によると、都内でこれほどの放射線量が検出されたのは初めて。放射性物質を含む汚泥の影響とみられるが、都は「検出場所は屋内。敷地の境界では問題なく、誤解を招く恐れがある」とし、調査結果を公表していなかった。 都によると、この施設は都下水道局の「南部スラッジプラント」で、都内２か所の下水処理場で発生した汚泥を集めて焼却し、灰を東京湾に埋め立てるなどしている。都の５月の調査では、この施設の焼却灰から１キロ・グラム当たり１万５４０ベクレルの放射性セシウムを検出していた。
チリの火山噴火の写真がマジでやばいと話題に : 痛いニュース(ﾉ∀`)
チリの火山噴火の写真がマジでやばいと話題に 1 ：名無しさん＠涙目です。(東京都)：2011/06/07(火) 18:13:14.24 ID:HIauYXi40 ?2BP 【チリ】 噴火した火山の写真がマジでやばい 4日、チリ南部のプジェウエ（Puyehue）火山（標高2240メートル）が半世紀ぶりに噴火した。 海外メディアによれば、噴煙は上空10kmまで舞い上がっており、3500人以上の人が避難したという。また、火山灰はアルゼンチンまで到達するなど、多くの人たちを現在もなお恐怖の渦に巻き込んでいる。 そんな中、この噴火の写真が衝撃すぎると話題だ。これは、海外ニュースメディア 「the Atlantic」がまとめているものだが、稲妻を伴った噴煙や、噴煙が街中を 包みこむシーンなどその様子は我々の想像を超えている。火山灰も数十センチほど 道に降り注いでおり、その光景はまるで砂漠のよう。 この
Twitterで見かけるハミ出した顔文字の正体 - RyoAnna
少し前からTwitterで見かけるようになった、上下に飛び出す変な顔文字。 気持ち悪いのであまり関わらないようにしていたのだが、この顔文字の謎が明らかになったのでお伝えしたい。 いつものようにiPhoneのApp Storeをぶらぶらしていた時のこと。 Unicoder Lite (App Store)というアプリが気になりダウンロードした。 起動するとなにやら見慣れた文字が。 顔文字でよく使われるギリシャ文字やキリル文字だ。 しばらく眺めているとこんな符号が。 合成用区分符号 これが上と下の行にはみ出す顔文字の正体だった。 ためしに作ってみよう。 ベースとなる顔文字を置く。 左目に合成用区分符号を入れる。 続いて右目に。 見事にはみ出す。 Unicode（ユニコード）とは、世界中のコンピュータの文字を符号化したもの。その "U+0300-036F" に配置されているダイアクリティカルマー
中国から台湾 個人旅行解禁へ NHKニュース
中国から台湾 個人旅行解禁へ 6月9日 5時40分 これまで団体旅行だけが認められてきた中国人の台湾旅行が、今月中に個人にも解禁されることが決まり、台湾の馬英九政権としては、来年１月の総統選挙を前に、中台の関係改善の成果を強調するねらいがあるものとみられます。 これは８日、中国と台湾の窓口機関どうしが台北で実務者レベルの協議を開き合意したもので、これまで団体旅行だけが認められてきた中国人の台湾旅行について、北京や上海など一部の地域の富裕層に限って、今月中に個人にも解禁されることが決まりました。さらに、これに伴って中台間の航空定期便も、現在の週に往復３７０便から５５０便以上に増やすとしています。台湾当局によりますと、３年前に中国本土からの団体旅行が解禁されて以来、台湾を訪れる中国人は年々増え、去年は４３年間１位だった日本を抜いて初めてトップになりました。３年前に発足した国民党の馬英九政権は中
SoHaya.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
iPhoneのSafariブラウザにおける、色んな制限 | FINE lab.FINE lab.
カテゴリー スタッフのネタ帳 (37) iPhone/Android (8) iPhone Webコンテンツ (2) iPhone インターフェース (3) iPhone ネイティブアプリ開発 (3) RIA/Ajax/Flash (2) Adobe Air (2) ファイン魂！ (27) 【ファイン魂！】とは？ (1) こんなんできます！ (21) デバッガの独り言 (5) プロジェクト (31) スマートフォン・ゲーム (23) -タイトル＆ビジネス- (5) Fine Shot! (7) RagingGEAR (1) キセキどろっぷ (8) 端末情報 (1) デスクトップアクセサリ (5) ミニメモ電卓 (5) ブログパーツ (1) ハメコミブログパーツ (1) モバイル/PCサイト構築 (1) FINEライブラリ (1) やはり、デスクトップ版Safariにはない制限が色々あります
jQuery Pluginの書き方 - KAYAC Engineers' Blog
最近いくつかjQueryPluginを書く機会があったのでちょっとまとめてみようと思います。 (function($) { //このPluginの名前 var name_space = 'basePlugin'; $.fn[name_space] = function(options) { //いったん退避 var elements = this; //設定情報の構築 var settings = $.extend({ //optionの初期値を設定 'param' : 'value' }, options); //内部用method var inner_method = function () { //内部の共通処理の記述 }; //要素を一個ずつ処理 elements.each(function() { $(this) //イベント等の設定 .keyup(inner_method) ;
jQuery Plugin作成時の3つの注意点 - KAYAC Engineers' Blog
実家に帰ったら犬に威嚇されました。agoです。 jQuery Pluginに関しては、以前jQuery Pluginの書き方として基本的な部分をまとめたのですが、もう少し細かい部分に関して再度まとめてみようと思います。 1 $.dataの活用 以前jQuery.dataの使い方でも紹介したのですが、Pluginからelementを処理する場合対象のelementが広範囲に及ぶことが多く、Plugin内の変数の他に各element毎の変数を持ちたくなることがあります。 たとえば、「クリックする毎に順番にCSSが変わるPlugin」を考えた場合、各element毎に「今どのCSSが指定されているか」を保持できると実装が楽になると思います。 具体的には以下のような形になります。 $(function () { var colors = ['blue', 'yellow', 'red']; $('
本田出発！まっ赤な外車、金のグラサン… - サッカー日本代表ニュース : nikkansports.com
本田がハリウッドスターのように旅立った。日本代表のＦＷ本田圭佑（２４＝ＣＳＫＡモスクワ）が、キリン杯チェコ戦から一夜明けた８日、成田空港発の航空機でモスクワへ出発した。 まっ赤な高級外車のスポーツカーを自ら運転して、空港出発口に横付けすると、騒然とした雰囲気が漂った。車のドアを開けて、出てきた本田はビシッとスーツをきめて、金色のサングラスに、金色の腕時計、わに革風の革靴－。映画スターや芸能人も真っ青になるほどの派手な演出で、さっそうと搭乗口へ向かった。 報道陣の問いかけには、終始無言を貫いて航空機に乗り込んだ。 休む暇もなく、１０日にはテレク・グロズヌイとのリーグ戦が控える。キリン杯では２戦とも無得点。リーグ戦で活躍し、９月のＷ杯アジア予選につなげるしかない。
asahi.com（朝日新聞社）：君が代条例「１００％の民意でない」 府教育委員が懸念 - 政治
大阪府の橋下徹知事は８日、府議会で成立した教職員に君が代の起立斉唱を義務づける条例について、府教育委員らと意見交換した。教育委員からは、大阪維新の会以外の主要会派が採決で反対したことについて「１００％の民意を受けていない」と懸念を示す声が出たほか、知事が９月議会に提出を検討する教員や行政職員の処分基準を定める条例案にも慎重意見が相次いだ。 橋下知事は会合で、君が代条例について「力点を置いているのはガバナンス（統制）の問題」と説明。これに対し、教育委員らは公務員の規律厳格化をめざす趣旨については理解を見せたが、「府民の本当の願いはこういうこと（君が代の起立斉唱）で議論することなのか」との声も。起立斉唱を求める職務命令に従わない職員らの処分基準を定める条例案についても「そんなに焦らなくてもいい」との指摘が出た。 府教委はこの日、知事との意見交換後に開いた臨時教育委員会議で、君が代条例につい
ニューヨーク市長候補が大スキャンダル 「局部」写真ツイッターで女性に送る
米下院議員が、自分の股間を撮影し、ツイッター上で交流のある女性に送信していたことが明るみにでた。ほかの女性にも、自身の上半身裸の写真を送るなど「不適切な関係」が問題となっている。 一度は事実関係を否定したこの議員も、結局謝罪会見を開いて全面的に認めた。次期ニューヨーク市長と期待された人物のお粗末な成り行きに、あきれた声も多い。 誤って写真投稿サイトにアップ 「ほんの冗談のつもりで、自分の写真をツイッターのメール機能を使って、シアトル在住の女性に送ろうとしたのです」 報道陣を前にこう告白したのは、米ニューヨーク州選出で民主党に所属するアンソニー・ウェイナー下院議員。現地時間2011年5月27日の夜、同議員のツイッターアカウントから、1枚の画像が写真投稿サイトにアップされた。男性の「局部」を下着越しに写したと見られるものだ。そこには特定の女性あてのメッセージが添えられていた。画像はすぐに削除さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
汝の隣人のブログを愛せよ | LOVELOG
ホタルまつり - 西尾市役所
ikasamah on Twitter: "45万人で十数人の自殺者が出ているFoxconnの工場より、10万人あたり約25人も自殺してる日本のほうがよっぽどヤバくねってずっと思ってるんだけど、何か勘違いしてるのかな。"
大紀元 エポックタイムズ – 真実と伝統
ユニークなエフェクトを実現するtext-shadowの設定いろいろ | IDEA*IDEA
IDEA * IDEA
https://jp.techcrunch.com/2011/06/08/20110607a-look-at-whos-winning-the-talent-wars-in-tech-hint-it-rhymes-with-twitter/