並び順

ブックマーク数

期間指定

  • から
  • まで

521 - 560 件 / 11075件

新着順 人気順

displayの検索結果521 - 560 件 / 11075件

  • ダウンロードしておきたいフリーのデザインフォントのまとめ -2013年1月

    Deco Neue 個人・商用利用無料。 このフォントずっとダウンロードできなかったのですが、解禁されました! 1年近くチェックしてた気がします、、、

    • WordPressで会員制サイトをつくるのに利用したプラグイン

      会員制サイトを依頼されて、スクラッチで作ろうかとも思ったのですがWordPressで出来ちゃいそうなので使ってみました 基本的にWordPressはブログなので、アクセス制御を細かく設定するのは難しいな~と感じましたが、大雑把に作るぶんには簡単に出来てよいですね Theme My Login 会員制にする為に必須なプラグイン ログインしていないと、記事などを見れないようにアクセス制御をします ・ログイン画面 ・ログアウト画面 ・登録画面 ・パスワードをリセット ・パスワードを紛失 上記が自動的に作られるのも便利 ただし、ページ毎のアクセス制限等は出来ないのであと一歩足りない

        WordPressで会員制サイトをつくるのに利用したプラグイン
      • ゲーマーの夢がまた1つ実現。1キャラ1画面、複数端末を使用して遊ぶTRPG風ゲーム『Eon Altar』が発表 - ゲームキャスト

        昨日、ゲームの中でアナログゲームであるTRPGを遊んでいるという設定のRPGを『Knights of Pen & Paper』を紹介した。 が、今回紹介する『Eon Altar』はその逆。 タブレットとスマホを利用してTRPG風にデジタルのRPGを遊ぶ…デジタルにアナログ感を持ち込んだ、いまだ誰も遊んだことがないであろう、スマホが普及したから遊べる新しいゲームだ。 このゲームを遊ぶにはメインとなるタブレット1つと、プレイヤー人数(最大5名)分のスマホ・タブレットが必要。 それぞれのプレイヤーは自分の手元にキャラクターを管理するための端末を持つ。 テーブルの中央にメインとなるタブレットを置き、それとは別に各プレイヤーは自分専用にタブレットか、スマートフォン(これはiPhoneでも、iPadでも、Androidでもいい)を手元に持ち、自分が操作するキャラクターを選択する。 オンラインゲームのよ

          ゲーマーの夢がまた1つ実現。1キャラ1画面、複数端末を使用して遊ぶTRPG風ゲーム『Eon Altar』が発表 - ゲームキャスト
        • CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法

          sectionやdivやpなど、ブロック要素をボーダーで囲うと、全幅(親要素の幅)になります。そのブロック要素の中のコンテンツが少なく、ボーダーの幅をコンテンツのサイズに合わせたい場合は、どう実装していますか? ブロック要素のままでは親要素の幅になってしまうので、通常はdisplay: inline;やdisplay: inline-block;を加えると思います。 しかし、ブロック要素のwidthにfit-content値を使用すると、ブロック要素のまま(displayの値を変更せずに)コンテンツのサイズに合わせることができます。 「古い方法」「より良い方法」としたのは、上記画像の直訳です。古いからダメということではなく、より良い方法が使えるようになり、ケースバイケースで使用するのがお勧めです。 古い方法

            CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法
          • Webサイト&WebアプリのRetina対応方法まとめ

            こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map

              Webサイト&WebアプリのRetina対応方法まとめ
            • 【やじうまミニレビュー】 余ったWindows 10ノートがサブディスプレイに早変わり! ~Windows 10の標準機能で画面の広さを2倍にする術

                【やじうまミニレビュー】 余ったWindows 10ノートがサブディスプレイに早変わり! ~Windows 10の標準機能で画面の広さを2倍にする術
              • ITmedia Biz.ID:第1回 マルチディスプレイはこんなに便利!

                「マルチディスプレイ」は便利そうだけど「高くない?」「難しいんでしょ?」といった不安も多い。導入手順をはじめ、1度試せばやめられなくなる活用例やウラ技などをご紹介しよう。 PCで作業を快適に行うには、デスクトップの作業領域が広いほうがいいはず。そこで思いつくのが「マルチディスプレイ」ですが、導入コストや技術的な問題など不安も多いでしょう。今回の短期集中連載では、1度試せばやめられなくなる「マルチディスプレイ」の導入手順や活用例、ウラ技などをご紹介します。 →5つの構築ステップはこちら →便利な活用法やTipsはこちら 「マルチディスプレイ」とは? 「マルチディスプレイ」とは、1台のPCに2台以上のディスプレイを接続してデスクトップ領域を広げることです。複数のウィンドウを並べたまま作業が行えるようになるため、ファイルを参照しながらの入力作業や、ウィンドウ間でコピー&ペーストを頻繁に行う場合に

                  ITmedia Biz.ID:第1回 マルチディスプレイはこんなに便利!
                • EIZO、MacBook ProをUSB-Cケーブル1本で接続&給電できる27型4K液晶

                    EIZO、MacBook ProをUSB-Cケーブル1本で接続&給電できる27型4K液晶
                  • Amazon.co.jp: Kindle Paperwhite Wi-Fi (第5世代): Digital Text

                    反射しないディスプレイ―明るい日差しの中でも読みやすい 片手で読書:一般的なタブレットより30%軽い タブレットのバックライトよりも目に優しく読みやすいフロントライト搭載 数時間ではなく、数週間持続するバッテリー

                      Amazon.co.jp: Kindle Paperwhite Wi-Fi (第5世代): Digital Text
                    • ggsoku.com

                      • P

                        宮崎駿の要求に応えたHDR・音響表現。『君たちはどう生きるか』4K UHDに込められた想いとは インタビュー記事 2024/7/3

                          P
                        • ヘッドマウントディスプレイの衝撃 - mixi engineer blog

                          こんにちは、たんぽぽグループの森本です。 尊敬するエンジニアはカナヅチひとつで何でも作れるバイキンマンです。 前回、「ヘッドマウントディスプレイで仕事してみた」という記事でSonyのHMZ-T1というヘッドマウントディスプレイ(以下HMD)をご紹介しました。 この記事を書いた後、一ヶ月間HMDをつけて仕事をしてみました。 いろいろなメリットとデメリットがわかりましたのでそれについて記したいと思います。 またデメリットの改善点についてもお伝えします。 メリットとデメリット メリット まわりが見えないので集中できる。話しかける人も減った気がする。 天井の明かりがまったく気にならない 目が疲れにくい。会社帰りに外を歩いていて遠くがクッキリ見えます。(個人の感想です!) デメリット 画面が狭い ヘッドフォンがつけられない(HMZ-T1のヘッドフォンはオープンエアなのでオフィスでは使えないのです)

                            ヘッドマウントディスプレイの衝撃 - mixi engineer blog
                          • 電車内広告はオワコンか?山手線きっかけで広がる新たな動き | News&Analysis | ダイヤモンド・オンライン

                            1982年、埼玉県生まれ。東京地下鉄(東京メトロ)で広報、マーケティング・リサーチ業務などを担当し、2017年に退職。鉄道ジャーナリストとして執筆活動とメディア対応を行う傍ら、都市交通史研究家として首都圏を中心とした鉄道史を研究する。著書『戦時下の地下鉄 新橋駅幻のホームと帝都高速度交通営団』(2021年 青弓社)で第47回交通図書賞歴史部門受賞。Twitter @semakixxx News&Analysis 刻々と動く、国内外の経済動向・業界情報・政治や時事など、注目のテーマを徹底取材し、独自に分析。内外のネットワークを駆使し、「今」を伝えるニュース&解説コーナー。 バックナンバー一覧 山手線で導入が進められているE235系の新型車両。外観も特徴的だが、車内に入って驚くのは窓の上にずらっと並ぶデジタルサイネージ(電子看板)だ。JR東日本が山手線を皮切りに進めている車内広告のデジタル化は

                              電車内広告はオワコンか?山手線きっかけで広がる新たな動き | News&Analysis | ダイヤモンド・オンライン
                            • 網膜に映像を投影する眼鏡型ディスプレイ、ブラザーが開発

                              ブラザー工業はこのほど、網膜に光を当てて映像を映す、眼鏡型の網膜走査ディスプレイ(RID)の試作機を開発した。 RIDは、目に入れても安全な明るさの光を網膜に当て、その光を高速に動かすことによる残像効果を利用し、網膜に映像を投影する技術。あたかも目の前に映像が存在しているかのように、実際の視野と重ねてRIDの画像を見ることができる。 通常のヘッドマウントディスプレイとは異なり、網膜に映像を投影する仕組みのため、眼鏡型といってもレンズなどはついていない。他人に映像が見えることがないため、機密情報などを映したとしても、のぞかれる心配がないという。 重さは25グラムで、従来の試作機の1000分の1以下に小型化した。商用化の時期は未定だが、RIDで回路図を確認しながら、サーバのメンテナンスをする――といった利用を想定している。 関連記事 眼鏡型ディスプレイにタイムリーな情報配信 オリンパスと中央大

                                網膜に映像を投影する眼鏡型ディスプレイ、ブラザーが開発
                              • http://bukupe.com/summary/4659

                                  http://bukupe.com/summary/4659
                                • Mozilla Re-Mix: 2010年 管理者がお世話になった25個のGreasemonkeyスクリプト。

                                  今年も多くのFirefoxアドオンが公開され、ユーザーの皆さんはそれぞれお気に入りのアドオンを導入して自分だけのブラウジング環境を構築されたことと思いますが、アドオンだけでなくGreasemonkeyスクリプトでも優秀なものが数多く公開されました。 そこで今回は、2010 年末まとめ記事シリーズとして、そんな多くのGreasemonkeyスクリプトの中から管理者が現時点で導入しているもの25点をまとめてご紹介したいと思います。 過去から使い続けているもの、今年になってから導入したものなど様々なユーザースクリプトを長々とご紹介しますがおつきあいください。 1.Google Calendar Display Current Time Line Googleカレンダーの日・週表示時に現在時刻を赤いラインで表示します。 カレンダーを表示した際、「いまここ」がすぐにわかって便利です。 参考記事:Fi

                                  • LCDのデッドピクセル・スタックピクセルの生き返らせ方 - World Wide Walker

                                    LCDのデッドピクセル・スタックピクセルの生き返らせ方 Posted by yoosee on Gadget at 2007-01-09 23:42 JST1 デッドピクセルの復活方法Fix your LCD's dead pixels - Lifehackerより。デッドピクセルとは、ピクセル自体が点灯しない状態を言う。これは液晶裏側のバックライトのピクセルが死んでいる状態で、ピクセルは黒色(無発光)になっている。これを復活させる方法は以下の通り。PC(ディスプレイ)の電源を切るスクリーンを傷つけないように手を布で覆うデッドピクセルのある場所のみに圧力をかける圧力をかけ続けたままでPC(ディスプレイ)の電源をいれる圧力をかけるのを止め、デッドピクセルが消滅したことを確認する圧力をかけることによってバックライト液晶部分の未充填状態を解消するらしい。当然ながら圧力をかけすぎてディスプレイ自体

                                    • 新車契約時にお客様から「バックモニターは付いてますか?」と聞かれ担当営業が「付いてますよ!」と答えたのに納車当日にお客様が激怒した。なぜ?

                                      いんびき😸🇯🇵 @PORO13764633 これは実際にあった怖い話なんだけど... 新車契約時にお客様から「バックモニターは付いてますか?」と聞かれ、担当営業が「付いてますよ!」と答えた ところが納車当日 「バック(後ろの席の)モニターが付いてない!話が違うじゃないか!(激怒)」 ちなみにバックモニターは付いてる 意味わかる? 2022-12-11 19:59:45 いんびき😸🇯🇵 @PORO13764633 クソの役にも立たないツイートばかりです!妻とクルマを愛する1987年製♂整備士の仲間、クルマバイク好き、F1モタスポファン!JZX100、ドリフト好き!お酒大好き!尿酸値高め!仲良くしてくだサインツ!育児奮闘中です(0歳児) 千万別忘了天安門!

                                        新車契約時にお客様から「バックモニターは付いてますか?」と聞かれ担当営業が「付いてますよ!」と答えたのに納車当日にお客様が激怒した。なぜ?
                                      • [JS]便利で簡単!スクリプトやスタイルシートをブラウザ・OSごとに分岐して利用できる超軽量高速のスクリプト -Conditionizr

                                        IE6/7/8/9/10, Firefox, Chrome, Safari, Operaなどのブラウザだけでなく、Win, Mac LinuxなどのOS、iPadやiPhoneのRetinaディスプレイ用に条件分岐して、外部スクリプトやスタイルシートをロードさせたり、classを付与してHTMLで利用できたりする超軽量高速の単体で動作するスクリプトを紹介します。 Conditionizr Conditionizrの特徴 Conditionizrの使い方 Conditionizrの特徴 ConditionizrはjQueryより50%高速に動作し、条件付きのJavaScriptとCSSをサポートする3KBの超軽量スクリプトです。 条件付きのHTMLタグ 条件付きの外部スクリプトやスタイルシートのロード カスタマイズされたスクリプトにも対応 IE, Firefox, Chrome, Safar

                                        • メーカー各社がパソコンの「アナログRGB」や「DVI」を廃止する方針を表明

                                          パソコンとモニターの接続端子として長い間用いられてきた「アナログRGB(VGA)」が、ついに廃止されることが明らかになりました。 昨今はHDMIの普及もあって影は薄れてきたとはいえ、パナソニックのビジネス向けノートパソコン「Let'snote」では今でもサポートされ続けているなど、主にビジネス用途などを中心に今でも活躍しているアナログRGBですが、役目を終える時が近づきつつあるようです。 また、同様に「DVI」も廃止される予定であるとのこと。 詳細は以下から。 Leading PC Companies Move to All Digital Display Technology, Phasing out Analog Intelのプレスリリースによると、IntelとAMD、DELL、Lenovo、Samsung、LG電子の各社が本日、パソコンとモニターを接続する規格について、「Displa

                                            メーカー各社がパソコンの「アナログRGB」や「DVI」を廃止する方針を表明
                                          • 第2回 JavaScriptの呪いから解き放たれて | gihyo.jp

                                            第2回目のゲストとしてお迎えしたのはamachangこと天野仁史さん。これまでのこと、これからのこと、熱く語ってくださいました。 天野 仁史 さん2012年にプログラマーとして起業。その後、スマートニュースにバイアウトし、エンジニアリングマネージャーとして開発チームを作る仕事に携わる。 Twitter:@amachang URL:https://amachang.hatena blog.com/ JavaScriptのスターからベンチャーの立ち上げへ 天野:天野仁史です。amachangのハンドルネームで活動しています。2007年ぐらいにインターネットで活躍していました。サイボウズ・ラボでJavaScriptをがんばっていた時期があって、そこで技評さんにお世話になったり、いろんな勉強会に顔を出したりしていました。2010年以降はベンチャーを立ち上げたり手伝ったり。 経歴を言うと、高専でコン

                                              第2回 JavaScriptの呪いから解き放たれて | gihyo.jp
                                            • DIY初心者がマイペースに楽しむ、共働きリモートワークを快適にする住まいづくり - マンションと暮せば by SUUMO

                                              はじめまして。たまに趣味でブログを書いている、あさえと申します。4年前に結婚した夫とふたり暮らしをしており、ふたりとも都内の企業で企画職として働いています。 そんなわたしたちは2020年5月、リノベーション済みの中古マンションを購入しました。緊急事態宣言発令により突如ふたりともリモートワークとなり、結婚当初に住んでいた1LDKの賃貸マンションでは生活に無理が生じたので、思いきって購入しました。 マイホーム購入後、わたしはすっかりDIYにハマってしまいました。集中して快適に仕事に取り組めつつ、仕事後や休日のプライベート時間を存分にくつろげる環境。そんな住空間を目指すべく、日々楽しく工夫を凝らしています。 そこで今回は、ホームオフィス空間を中心に、これまで取り組んできたDIYの様子を紹介します。 といってもわたしは、設計・インテリアの知識もなければ、特殊な工具も使えません。DIY工程の説明や、

                                                DIY初心者がマイペースに楽しむ、共働きリモートワークを快適にする住まいづくり - マンションと暮せば by SUUMO
                                              • ノーベル賞受賞者らが仕分け批判で集結 「世界一目指さないと2位にもなれない」

                                                「事業仕分け結果は、科学技術に関わる人材を枯渇させ、取り返しのつかない状態を引き起こす」――利根川進氏らノーベル賞を受賞した科学者など6人が11月25日、政府・行政刷新会議による事業仕分け結果を批判する緊急声明を発表した。6人は東京・本郷の東京大学で記者会見を開き、慎重な議論と科学技術の重要性を訴えた。 6人は利根川氏と江崎玲於奈氏、小林誠氏、野依良治氏、フィールズ賞受賞者の森重文氏、発起人で東大名誉教授の石井紫郎氏(法制史)。益川敏英氏も賛同している。 事業仕分けでは、次世代スーパーコンピュータ開発や大型放射光施設「SPring-8」、研究への補助金、国立大学法人の運営費など、科学技術・学術関連予算の多くが削減・凍結と判定された。 声明は、仕分け結果が「現政権が目指す科学技術立国とは逆の方向を向いている」と強く批判し、若者の科学技術離れや研究者の海外流出を懸念。仕分け結果をそのまま予算に

                                                  ノーベル賞受賞者らが仕分け批判で集結 「世界一目指さないと2位にもなれない」
                                                • 特定の眼鏡を掛けた人にだけ見えるPCディスプレイに驚きの声多数 「謎技術」「どうなってんだ」「これ欲しい」

                                                  何にも映っていない画面を見て作業しているだと? ――特定の眼鏡を掛けた人にだけ見えるディスプレイが製作され、Twitterで「すごい!」「どうなってんだ」「これ欲しい」と話題になっています。もしかして最強ののぞき見防止仕様なのでは……!? レンズを通した時だけ画面が表示されているだと……? 「周りの目を気にせずネットサーフができる」と投稿された動画では、ディスプレイに真っ白な画面しか表示されていないノートパソコンが。そしてそこに登場したのは薄い一枚の眼鏡レンズらしきもの。それがディスプレイの前にきた瞬間、そのレンズの中にだけネットサーフしているブラウザ画面が映し出されています。これは一体……? 通常時は何にも見えない画面真っ白状態です あれあれあれ……? 投稿したのは「clear-mint」のサークル名で同人活動などを行っているゆき(@yk_ichinomiya)さん。仕組みについてはツイ

                                                    特定の眼鏡を掛けた人にだけ見えるPCディスプレイに驚きの声多数 「謎技術」「どうなってんだ」「これ欲しい」
                                                  • 「スマホのディスプレイ代わりになる布」が開発される、100回洗濯&乾燥しても利用可能

                                                    スマートフォンやPCのディスプレイのように使える繊維と布を中国・復旦大学の研究チームが開発しました。この布を使った衣服は袖口にメッセージのやりとりを表示したり、腕にマップを表示したりすることが可能です。 Large-area display textiles integrated with functional systems | Nature https://www.nature.com/articles/s41586-021-03295-8 Wearable electronic textiles for the smart dresser https://www.fudan.edu.cn/en/2021/0311/c344a108129/page.htm Fudan University team develops smart textile - SHINE News https:/

                                                      「スマホのディスプレイ代わりになる布」が開発される、100回洗濯&乾燥しても利用可能
                                                    • [CSS]レスポンシブ対応の最新版!サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ

                                                      div要素やp要素に画像やテキストなどを配置した高さや幅のサイズが分からない要素を外側の容器の高さが不明でも天地左右の中央、ビューポートの中央に配置するスタイルシートのテクニックを紹介します。 Centering horizontally and vertically in CSS float, transform, position, display:flex;などを使ったテクニックが紹介されており、ページの実装に合わせて、実装方法を決めるとよいでしょう。 デモではsection要素がコンテナに、div要素が中央に配置されています。

                                                        [CSS]レスポンシブ対応の最新版!サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ
                                                      • HDMI終了宣言。取って代わるのは万能ケーブルHDBaseT

                                                        なんということだろう。次世代の映像音声接続技術と思っていたHDMIがもう来年にはなくなってしまう、というニュースが。といってもほとんどの方にはマイナーな話に違いない。HDMIって何?というのが正直なところだろう。ウチは結構HDMI接続機器が多く、大量のHDMIケーブルもあって、かなりHDMI依存度が高いほうだと思うのでけっこう衝撃的なニュースだった。 ※追記 (2014.7.28) こちらの記事に最近アクセスがありますが4年前のニュースですのでご注意ください。その後、HDMIを置き換えるということはありませんでしたが、HDBaseT製品は出ており、それだけでなく4Kにも対応を始めています。詳しくはこちら。 HDBaseTの規格団体ホームページ 日本でもこの規格は商品化されてますが、家電に直結のものではなく、こういうエクステンダー系のものが多いです。 HDBaseT™ HDMIエクステンダー

                                                        • Expired

                                                          Expired:掲載期限切れです この記事は,産経デジタル との契約の掲載期限(6ヶ月間)を過ぎましたので本サーバから削除しました。 このページは20秒後にITmedia ニュース トップページに自動的に切り替わります。

                                                          • ジャパンディスプレイ 9か月間の決算で1006億円の最終赤字 | NHKニュース

                                                            国が90%以上を出資する産業革新機構の支援を受けて経営再建中の、液晶メーカー「ジャパンディスプレイ」の去年4月から12月まで9か月間のグループ全体の決算は、最終的な損益が1006億円の赤字となりました。第3四半期までの9か月間の決算としては2年連続の最終赤字で、赤字の額も前の年の同じ時期の94億円から大幅に拡大していて、厳しい経営状況が続いています。

                                                              ジャパンディスプレイ 9か月間の決算で1006億円の最終赤字 | NHKニュース
                                                            • ジャパンディスプレイ 希望退職1200人募集 社長も辞任へ | NHKニュース

                                                              経営再建中の液晶パネルメーカー「ジャパンディスプレイ」は、国内で1200人の希望退職を募るとともに、石川県の工場の稼働を一時的に停止するなどの合理化策を発表しました。責任を明確にするため、経営トップが辞任するとしています。 さらに、スマホ向けの液晶事業の不振が続いていることから、アメリカ・アップル向けに液晶パネルを生産している石川県の白山工場の稼働を一時的に停止することも決めました。 稼働停止は来月から9月までで、その間に再稼働の是非を判断するとしています。 千葉県の茂原工場でもスマホ関連の一部の生産ラインを9月に閉鎖するということです。 そして一連の合理化の責任を取るため、月崎義幸社長が9月末に社長を辞任し、経営幹部の報酬も減額するとしています。 ジャパンディスプレイは、中国勢などとの価格競争の激化に加え、主要な取引先のアップルからの受注が減ったことで厳しい経営状況が続いていて、昨年度ま

                                                                ジャパンディスプレイ 希望退職1200人募集 社長も辞任へ | NHKニュース
                                                              • MacBookを挿せるドック、Henge Docksがかなり便利 - 悪あがきプログラマー

                                                                MacBook Pro Retina 15inchをメインマシンとして使っているのですが、自宅環境ではこれらのものを接続しているため抜き差しがかなり面倒でした。 電源 ディスプレイ マウスのUSBレシーバー スピーカー 置き場所の都合上、端子がデスクの奥側というのもあってかなりストレス。 そこで一発で挿せるドック的なものを探してみました。いくつかあった中でデザイン的にもいけてるHenge Docksというものを買ってみました。 Vertical Docking Station for the MacBook Pro with Retina Display | Henge Docks beforeを撮り忘れたのですが、設置するとこんな感じになります。 思ったよりも高さがあります。ドックの下部にケーブルがあるのでこれはしょうがないですね。 トップの写真の様にデスクの右側に設置するとMacのリン

                                                                  MacBookを挿せるドック、Henge Docksがかなり便利 - 悪あがきプログラマー
                                                                • [CSS]これは使ってみたい、繊細で美しいツールチップを実装するチュートリアル

                                                                  How to create animated tooltips with CSS3 [ad#ad-2] デモ 実装 デモ デモはCSS3アニメーション、擬似要素を使用しているため、Firefox, Chrome, Safariでご覧ください。 Demo 4 最初にぼんやりと大きなツールチップが表示され、縮小とともにはっきりとツールチップを表示します。 実装 HTML ツールチップはリスト要素で、各アイテムはa要素で実装されています。 <ul class="tt-wrapper"> <li><a class="tt-gplus" href="#"><span>Google Plus</span></a></li> <li><a class="tt-twitter" href="#"><span>Twitter</span></a></li> <li><a class="tt-dribbble

                                                                  • TechCrunch | Startup and Technology News

                                                                    We caught up with Antler founder and CEO Magnus Grimeland about the startup scene in Asia, the current tech startup trends in the region, and investment approaches during the rise…

                                                                      TechCrunch | Startup and Technology News
                                                                    • キズだらけになったiPhoneをキレイにしたり、割れたガラスを交換する方法

                                                                      もしケースに入れずに使っていたiPhoneを落としたりした場合、本体だけでなく画面にキズが付いたり、画面が割れてしまったりするというおそれがありますが、そのような状態に陥ったiPhoneをキレイにしたり、割れたガラスを自力で交換する方法をお届けします。 まるで新品のような美しさを取り戻すため、「ボロボロになった中古のワケアリiPhoneを購入して、キレイにして使う」といった使い方も考えられそうです。 詳細は以下から。 これがキズだらけになったiPhone本体。光を当てるとキズが目立ちます。 さっそくキレイにする作業に取りかかります。まずは本体を目の細かい紙ヤスリでソフトに磨きます。 続いては濡らした紙ヤスリで軽く磨きます。あまり水分が多いとiPhone自体が壊れるので要注意です。 最後に住友スリーエム社のヘッドライトを磨いて元の輝きを取り戻させる「3M Headlight Lens Res

                                                                        キズだらけになったiPhoneをキレイにしたり、割れたガラスを交換する方法
                                                                      • 【特集】 マルチディスプレイは一括で資産計上すべき? 税理士に聞く、PCまわりのマニアックすぎる確定申告ガイド(第1回)

                                                                          【特集】 マルチディスプレイは一括で資産計上すべき? 税理士に聞く、PCまわりのマニアックすぎる確定申告ガイド(第1回)
                                                                        • [CSS]ウェブページを印刷対応にする際に、加えておくと効果的なスタイルのまとめ

                                                                          ウェブページを制作する際に、デスクトップ・スマフォ・タブレットと多様なデバイスでの表示を検討する必要がありますが、プリンターでの印刷も忘れてはならない大切なデバイスです。 あなたのウェブページを印刷対応にする際に加えておくとよい、シンプルで効果的なスタイルシートを紹介します。 The printer is a device too! Responsive Design.isは文字通り、レスポンシブ デザインについてさまざまな情報を提供するサイトで、「プリンターも大切なデバイスですよ!」というのは、確かに忘れがちですね。 印刷対応にするスタイルはHTML5用で、シンプルながら非常に効果的なスタイルがまとめられています。 多くのウェブページはそのまま適用しても問題ないと思います。 CSS @media print { section { display: block; page-break-b

                                                                          • デスクトップにちょこっと置きたい7インチサブ液晶ディスプレイ

                                                                            ライフハッカーの編集委員長、平田さんの「ミニモニターのすすめ」というエントリーを読んで、これはなかなかよさげと思っていたところ、ナイスなタイミングでミニモニターの新製品が発売されるようです。 バッファローの「FTD-W71USB」は、USB接続の7インチワイド液晶ディスプレイ。解像度は800×480ピクセルです。 パソコンとはUSBケーブルで接続するだけでいきなり使えちゃいます。ほかのケーブル類は一切必要ありません。 また、本体下部にはネジ穴がありますので、クリップや吸盤などの固定器具を取り付けることで、いろいろな場所に置できます。 常にワンセグのテレビ放送を表示させておくのもいいですし、チャット画面やメールソフトなどを表示させておいてもいいかも。画面は回転できるので、縦でも横でもお好きなように使えます。 ちなみに、最大6台まで接続できます。店頭ディスプレイなどに使えますよ。 1月下旬より

                                                                            • 僕のPC周辺環境をご紹介〜Web制作とブログ運営に必須な全15アイテム | BLOG ROOM9(ブログルームナイン)

                                                                              ども、Web屋のQtaro(@Daisuke_9taro)です Web屋ってどんな環境で仕事してるの? 他のブロガーさんってどんな道具使ってるの? なんて、誰しも少なからず興味ありますよね? 。。とか思ってたら ぼくのブログ更新のためのPC周辺環境をご紹介 | 日常ぴよぴよ 私のPC周辺環境をご紹介!デュアルモニター&縦置きは結構いいですよ! | love guava! おー!やっぱ面白い!! 。。てコトで、僕はそんな特殊な環境ではない(と思う)んですが、せっかくなのでどなたかの参考になればと、PC周辺環境を晒してみようかなと思います。なんだかんだの 全15アイテム 意外とあったな。。なんて思ったものの実際使ってるものはしょうがない。 では早速いってみましょう。 【最高】Mac買うのやめてドスパラでWindowsゲーミングPC買いました。間違いなく2016年ベストバイです最近仕事で使ってい

                                                                                僕のPC周辺環境をご紹介〜Web制作とブログ運営に必須な全15アイテム | BLOG ROOM9(ブログルームナイン)
                                                                              • 【昔のゲーム事情を聞いてみた】ファミコンが発売される前の1970年代~1980年初頭ってどんな感じだったの? | ゲーム・エンタメ最新情報のファミ通.com

                                                                                無論、ゲーム機の名前だけを言う人もいる。「最初に遊んだのはスーファミ(スーパーファミコン)かな」とか。そうしたら、スーファミで何を遊んでいたのかと、ゲームの話をきっかけに会話が弾むことも多いが、若い世代ともなると知らなかったり、実際に遊んだことがなかったりするゲーム機がぽつぽつと出てくることがある。 Amazon.co.jpでテレビゲームを調べる そんな筆者も平成生まれであるためか、実際に遊んだことがないハードは多々存在する。読者諸氏でハード発売時に生まれていても、子どもだったから買えなかったとか……いろいろあると思う。 いまから実際に遊ぼうとすれば、大変な代物もあるだろう。しかし、ここはゲームメディアの編集部。当然、昔のゲームを遊び、その当時の事情を知るベテラン編集者たちもいる。そんな人たちに当時の話を聞こう、そうしようと思い立ったのが本企画だ。 もっともらしい建前をつけるならば、先達の

                                                                                  【昔のゲーム事情を聞いてみた】ファミコンが発売される前の1970年代~1980年初頭ってどんな感じだったの? | ゲーム・エンタメ最新情報のファミ通.com
                                                                                • jQueryを使った一定以上スクロールすると上に固定される横メニュー

                                                                                  最近、上部に固定された横メニューをよく見かけます。最初から一番上にあるものだと最初から「position:fixed」で問題ないと思いますが、最初は一番上にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとちょっと工夫が必要です。 今回はそんな横メニューをできるだけ親切に解説してみます。 今回のメインはjQueryで固定するところなのですが、一応今回のサンプルで使用したHTMLとCSSも解説します。 HTML よくあるタイプの普通のリストメニューです。 <div id="menu-wrap"> <ul id="menu"> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <l

                                                                                    jQueryを使った一定以上スクロールすると上に固定される横メニュー