タグ「マウスオーバー」

タグマウスオーバー

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 44件)

誰が誰に資金提供しているのかを可視化するブラウザ拡張機能「WhoFundsWho」

2023/09/03 17 users 財団資金調達資金援助つながり資金

ニュースを読んでいると、なんとか財団がなんとかいう研究団体に資金提供をしたとか、スタートアップがテクノロジー企業からの資金調達に成功したなどの情報を目にすることがあります。こうした資金援助のつながりをクリックやマウスオーバーで可視化するブラウザ拡張機能「WhoFundsWho」を使ってみました。 WhoFundsWho... 続きを読む

マウスオーバーで瞬時に和訳　Chrome拡張の英和辞書「Mouse Dictionary」がめっちゃ便利 - ねとらぼ

2018/09/08 61 users 英和辞書瞬時とらぼ訳語マウスカーソル

Chromeに英和辞書機能を追加するChrome拡張「Mouse Dictionary」がとても便利です。マウスカーソルを英単語に合わせるだけで、瞬時に訳語を表示してくれます。起動すると小さいウィンドウが開き、マウスカーソルを当てた英単語の訳が表示されるように Chromeウェブストアで、「Chromeに追加」ボタンを押して導入すると... 続きを読む

「PowerPoint」のハイパーリンクを使うマルウェア登場、マウスオーバーのみで感染 - CNET Japan

2017/06/13 36 users ハイパーリンク PowerPoint マウスポインタ出所

サイバー犯罪者は、被害者のマシンにマルウェアをインストールさせるための新たな手法をテストしている。今回発見されたマルウェアキャンペーンでは、「PowerPoint」のスライド上に表示されたハイパーリンクの上にマウスポインタを移動（ホバー）させるだけで、マルウェアがダウンロードされるという手法が用いられている。この新たな感染手法には、出所の疑わしいリンクをクリックしないようにするという一般的なアド... 続きを読む

「PowerPoint」のハイパーリンクを使うマルウェア登場、マウスオーバーのみで感染 - ZDNet Japan

2017/06/13 36 users ハイパーリンク PowerPoint マウスポインタ出所

CSS Filtersはアニメーションで使うのがお勧め！手軽に実装するいい感じのマウスオーバー演出 - ICS MEDIA

2017/04/19 95 users ICS MEDIA アニメーションボカシエフェクト CSS

CSS Filtersとはボカシや色調整などグラフィカルな効果が得られるCSSの機能です。この記事では「マウスオーバーなどの表現を作るのにCSS Filtersが便利」ということを紹介します。 CSS Filtersの使い方は簡単。CSSの filter プロパティーに適用したい種類の指定を行うだけです。例えば、次のような指定をすると、HTML要素にエフェクトがかかった状態で表示されます。 C... 続きを読む

ありがとうブコメ！ブックマークコメント！！ノートPCリカバリしました。 - おうつしかえ

2016/02/06 27 users 応答おうつしかえ一つ一つ家電調子

2016 - 02 - 06 ありがとうブコメ！ブックマークコメント！！ノートPCリカバリしました。家電なおしてみました先日パソコンの調子が悪くなって、という記事を書きました。ざくっと言うと、パソコンの動作が猛烈に遅い、動かない、すぐ「応答なし」に。一つ一つの作業に時間がかかる上に、できずに閉じなければいけないことも。そうこうしているうちに、クリックやマウスオーバーにはボタンやリンクは反応... 続きを読む

Material Icons - マテリアルデザイン向けに作られたGoogle製アイコン集 MOONGIFT

2014/11/06 61 users アニメーションフラットUI アイコンマテリアルデザイン

Googleが提唱しているフラットUIを発展させたデザインがマテリアルデザインです。アイコンを単純化して情報構造を明確にするだけでなく、さらにマウスオーバーやタップ時のアニメーション、色の変化をつけることでシステムがどういう状態にいるかが明確になります。そんなマテリアルデザインにフォーカスして作られたアイコン集がMaterial Iconsです。 Material Iconsの使い方 Mater... 続きを読む

ASCII.jp：マウスオーバーで動くなめらかカルーセルパネル (1/2)｜先端サイトに学ぶCSS3/jQueryアニメーションデザイン

2014/05/26 53 users jQueryアニメーションデザイン ASCII.jp 講義

今回の注目サイト： Universiteit van Nederland http://www.universiteitvannederland.nl/ オランダの大学教授の講義を無料配信しているサイト。軽快でなめらかなカルーセルパネル毎週アップロードされる充実した動画コンテンツを、カルーセルパネルやボックスレイアウトで賑やかかつコンパクトにまとめている「Universiteit van Ne... 続きを読む

［ウェブサービスレビュー］世界各都市の時刻をマウスオーバーですばやく把握できる「worldtimebuddy」 - CNET Japan

2013/08/03 13 users ウェブサービスレビュー各国時刻為替市場ほか

内容：「worldtimebuddy」は、世界各国の現在時間を並べて表示し、ある国における時間がほかの国の何時に相当するか、ひとめで分かるようにしたサービスだ。任意の都市を追加できるほか、Googleカレンダーから予定を読み込んで表示したり、また各国の為替市場が開いている時刻を表示できるなど、多機能さが特徴だ。「worldtimebuddy」は、世界各国の現在時間を並べて表示し、ある国における時... 続きを読む

レスポンシブ、CSS3を使ったクールなギャラリー「least.js」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/06/03 33 users レスポンシブキャプションフィルタエンジニアソフトウェア

least.jsはJavaScript製のソフトウェア（）です。スマートフォンの時代になって写真コンテンツが増えています。そして求められるのは写真コンテンツをいかに格好よく見せるかです。今回はレスポンシブWebデザインのギャラリー、least.jsを紹介します。デスクトップサイズ。写真が5列で整然と並んでいます。マウスオーバーで半透明なフィルタがかかります。クリックで拡大。キャプションも下に... 続きを読む

スマートフォンにも対応したレスポンシブギャラリー「Photobox」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/05/23 15 users 切り替ソフトウェアエンジニアレスポンシブオープンソース

Photoboxはレスポンシブ対応のギャラリーソフトウェアです。数多くの写真を奇麗に見せたい時にスライドショー形式で見せるのは良いアイディアです。今回紹介するのはPhotobox、レスポンシブに対応したイメージギャラリーソフトウェアです。写真一覧。マウスオーバーで写真がちょっと大きく表示されます。クリックで写真が大きく表示されます。サムネイルは下に並んで表示されます。矢印キーで写真を切り替... 続きを読む

DIVをマーキーっぽくエンドレスにスクロールさせられるjQueryプラグイン:phpspot開発日誌

2013/03/01 26 users div マーキー jQueryプラグイン実装関連エントリ

jQuery Endless Div Scroll by Codicode (Demo Page) DIVをマーキーっぽくエンドレスにスクロールさせられるjQueryプラグインマーキーのように指定DIVを横にスクロールさせられるプラグインです。スピードの変更や、マウスオーバーで停止させたりといったことが可能みたい。実装は簡単。マーキー復活のお知らせ、でした。関連エントリアニメ映画のよう... 続きを読む

CSSでディスクを回転浮上させるエフェクトのサンプル | 56docブログ

2013/02/15 54 users エフェクト CSS ディスクサンプル 56docブログ

CSSでディスクを回転浮上させるエフェクトのサンプル【Web技術】 wrote on 2013/02/15 http://blog.56doc.net/Entry/524/CSSでディスクを回転浮上させるエフェクトのサンプル CSS演出小ネタ連投です。【borde-radius】で作った丸型の要素に対し、マウスオーバーでコンテンツを回転させながら浮かび上がらせる方法です。スポンサードリンク ... 続きを読む

世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」:phpspot開発日誌

2012/12/17 90 users 国名インタラクティブカーソル JSライブラリライブラリ

DataMaps 世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」。マウスオーバーでインタラクティブにデータを表示できたりするライブラリです次のように美しい地図を描けるので、管理画面や、プレゼン資料向けに使ってみてもよさそう１からやろうと思うとかなりの時間がかかりそうですが、これなら直ぐに使えそうですカーソルを合わせると国名が出る、というような世界地図にもで... 続きを読む

画像不要！HTML5のCanvasでグレースケールのマウスオーバーが作れるチュートリアル | デザイナーブログ | 株式会社LIG

2012/10/15 81 users canvas チュートリアル Opera Safari 殆ど

こんにちは、ももこです。 HTML5の新要素であるCanvasを使って、グレースケールのマウスオーバーを実現するチュートリアルをご紹介します！現在CanvasはFirefox/Chrome/Safari/Opera/IE9など殆どのブラウザの最新版で実装されています。未対応のIE8以前のバージョンにはgoogleが公開しているExplorerCanvasやuupaa-excanvas.jsを読... 続きを読む

CSS3でTiltShiftな写真を作れる「tiltShift.js」:phpspot開発日誌

2012/09/11 40 users TiltShift ミニチュア phpspot開発日誌実現

tiltShift.js - a jQuery plugin using CSS3 filters to replicate the tilt shift effect CSS3でTiltShiftな写真を作れる「tiltShift.js」写真にミニチュアや一眼風に効果を与えられるTiltShiftですが、CSS3でも実現が可能なようです。マウスオーバーで徐々にアニメーションしつつTiltSh... 続きを読む

円形アニメーションで美しいエフェクトを作るCSSのTransitionsを使った実装例:phpspot開発日誌

2012/08/21 25 users Codrops transitions 円形 CSS デモ

Circle Hover Effects with CSS Transitions | Codrops 円形アニメーションで美しいエフェクトを作るCSSのTransitionsを使った実装例。マウスオーバーで円形に美しいアニメーションをするデモが公開されています。将来的には当たり前のように使われているテクニックかもしれません。デモが７個あるのですが、円形を使って様々にアニメーションして美しい上... 続きを読む

超面白！文字を選択してその文字にコメントできるJSライブラリ:phpspot開発日誌

2012/07/23 79 users JSライブラリ phpspot開発日誌超面白文字ＨＯＭＥ

Home - Annotator - Annotating the Web 超面白！文字を選択してその文字にコメントできるJSライブラリ。ブログ等で記事のここにコメントしたい、といった場合に選択するとアイコンがあらわれますクリックするとコメント書き込みフォームがポップアップされます Saveボタンを押すと保存され、マウスオーバーでコメントが出るようになりますコメント量の多いところはその分黄色... 続きを読む

CSS3の3D Transformで3Dのホバーエフェクト実装例:phpspot開発日誌

2012/06/25 14 users phpspot開発日誌デモ立体表現演出 web

3D Thumbnail Hover Effects | Codrops CSS3の3D Transformで3Dのホバーエフェクト実装例。マウスオーバーで驚きの立体表現ができるデモが公開されています。ここまで出来るということは将来的にはWEBページの演出がガラッとかわってしまっていそうですね。まあ、WEBで出来ることとしては凄い！ということになるんでしょうけど、コンピュータゲーム等でできて... 続きを読む

pixiv の javascript のコメントが面白い - Dlog 隔離館

2012/06/16 368 users Fun pixiv null JavaScript マジ天使

Online community for artists[pixiv]お絵描きサイト、pixiv！何気なく、pixiv の javascript のソースを眺めてみると、いろんなコメントがありました。ニョーン ... 7686: // マウスオーバーでおすすめタグをニョーンと出す 7687: var timer = null; ... マジ天使 ... 452: selectCover: fun... 続きを読む

マウスオーバーした画像にレイアウトを崩さずにborderを表示するCSSの書き方 | クリエイティブメモメモ

2012/05/22 30 users border 井畑 CSS マウスレイアウト

こんにちは。井畑です。最近、仕事でマウスオーバーする時に画像に枠線をつける指示があったのですが、意外と上手くいかず、つまずいたことがあったので、備忘録としてメモを残しておきます。マウスオーバーのアクションのひとつとして覚えておいても損はないはずです。それではどうぞ！どうしてレイアウトが崩れてしまうのか？どうして上手くいかなかったかというと、画像のhover時にborderを加える記述を書く... 続きを読む

ニコニコ動画Zeroの動画視聴ページ「ZeroWatch」をユーザスタイルシートとGreasemonkeyでカスタマイズしてみた | mutter

2012/05/02 34 users Greasemonkey ユーザスタイルシート Zero

ニコニコ動画が「Zero」にアップデートされ、動画プレイヤーも「ZeroWatch」という名前のスタイルに移行しました。従来に比べてかなり使用感が変わったのでかなり違和感はあります。非難囂々と言うことらしいですがまぁそうですねぇ。こりゃ批判は出るでしょうねぇ。純粋に今までしていた活動がしづらいですからねぇ。コメント：マウスオーバーで動画にかぶる形でコメント欄が表示される。視聴の邪魔になる上、コメ... 続きを読む

Pinterestの画像をマウスオーバーだけで拡大表示するChrome拡張機能「Pinterest Image Expander」 - WEBマーケティングブログ

2012/03/12 6 users Pinterest Chrome拡張機能拡大画像ブログ

CSS3アニメーションの基本的な実装例のまとめ | コリス

2011/11/03 317 users アニ Firefox CSS Safari Chrome

CSSのプロパティ一つに対して、値を二つ（開始と終了）変更し、さまざまなCSS3アニメーションの基本的な実装例を楽しめるデモサイトを紹介します。デモページを楽しむには、Chrome, Safariで閲覧ください。 Firefoxでは一部動作しません。アニメーションのスタートは、2つあります。マウスオーバーで一つ一つのアニメーションがスタートアニメーションが全部同時にスタート全部同時にアニ... 続きを読む

FacebookをExcel風のインターフェースで・・・『HardlyWork.in』 | IDEA*IDEA

2011/07/04 16 users Facebook IDEA Wall インターフェースツール

Excelで仕事をしているかと思いきやFacebook・・・なんてことをしたい人のためのツールですよ。Facebookでさくっと認証すると次のような画面が現れます。 ↑ よーくみるとFacebookのWallですｗ。検索もできたり、マウスオーバーでコメントも見られます。 ↑ ちなみにスペースキーで普通のExcelっぽい画面に切り替わります。まぁ、よくあるツールではありますが、日本語も問題なく通る... 続きを読む

(1 - 25 / 44件)

次の25件 »