タグ マウスオーバー
新着順 10 users 50 users 100 users 500 users 1000 users誰が誰に資金提供しているのかを可視化するブラウザ拡張機能「WhoFundsWho」
ニュースを読んでいると、なんとか財団がなんとかいう研究団体に資金提供をしたとか、スタートアップがテクノロジー企業からの資金調達に成功したなどの情報を目にすることがあります。こうした資金援助のつながりをクリックやマウスオーバーで可視化するブラウザ拡張機能「WhoFundsWho」を使ってみました。 WhoFundsWho... 続きを読む
マウスオーバーで瞬時に和訳 Chrome拡張の英和辞書「Mouse Dictionary」がめっちゃ便利 - ねとらぼ
Chromeに英和辞書機能を追加するChrome拡張「Mouse Dictionary」がとても便利です。マウスカーソルを英単語に合わせるだけで、瞬時に訳語を表示してくれます。 起動すると小さいウィンドウが開き、マウスカーソルを当てた英単語の訳が表示されるように Chromeウェブストアで、「Chromeに追加」ボタンを押して導入すると... 続きを読む
「PowerPoint」のハイパーリンクを使うマルウェア登場、マウスオーバーのみで感染 - CNET Japan
サイバー犯罪者は、被害者のマシンにマルウェアをインストールさせるための新たな手法をテストしている。今回発見されたマルウェアキャンペーンでは、「PowerPoint」のスライド上に表示されたハイパーリンクの上にマウスポインタを移動(ホバー)させるだけで、マルウェアがダウンロードされるという手法が用いられている。 この新たな感染手法には、出所の疑わしいリンクをクリックしないようにするという一般的なアド... 続きを読む
「PowerPoint」のハイパーリンクを使うマルウェア登場、マウスオーバーのみで感染 - ZDNet Japan
サイバー犯罪者は、被害者のマシンにマルウェアをインストールさせるための新たな手法をテストしている。今回発見されたマルウェアキャンペーンでは、「PowerPoint」のスライド上に表示されたハイパーリンクの上にマウスポインタを移動(ホバー)させるだけで、マルウェアがダウンロードされるという手法が用いられている。 この新たな感染手法には、出所の疑わしいリンクをクリックしないようにするという一般的なアド... 続きを読む
CSS Filtersはアニメーションで使うのがお勧め!手軽に実装するいい感じのマウスオーバー演出 - ICS MEDIA
CSS Filtersとはボカシや色調整などグラフィカルな効果が得られるCSSの機能です。この記事では「 マウスオーバーなどの表現を作るのにCSS Filtersが便利 」ということを紹介します。 CSS Filtersの使い方は簡単。CSSの filter プロパティーに適用したい種類の指定を行うだけです。例えば、次のような指定をすると、HTML要素にエフェクトがかかった状態で表示されます。 C... 続きを読む
ありがとうブコメ!ブックマークコメント!!ノートPCリカバリしました。 - おうつしかえ
2016 - 02 - 06 ありがとうブコメ!ブックマークコメント!!ノートPCリカバリしました。 家電 なおしてみました 先日パソコンの調子が悪くなって、という記事を書きました。 ざくっと言うと、パソコンの動作が猛烈に遅い、動かない、すぐ「応答なし」に。一つ一つの作業に時間がかかる上に、できずに閉じなければいけないことも。そうこうしているうちに、クリックやマウスオーバーにはボタンやリンクは反応... 続きを読む
Material Icons - マテリアルデザイン向けに作られたGoogle製アイコン集 MOONGIFT
Googleが提唱しているフラットUIを発展させたデザインがマテリアルデザインです。アイコンを単純化して情報構造を明確にするだけでなく、さらにマウスオーバーやタップ時のアニメーション、色の変化をつけることでシステムがどういう状態にいるかが明確になります。 そんなマテリアルデザインにフォーカスして作られたアイコン集がMaterial Iconsです。 Material Iconsの使い方 Mater... 続きを読む
ASCII.jp:マウスオーバーで動くなめらかカルーセルパネル (1/2)|先端サイトに学ぶCSS3/jQueryアニメーションデザイン
今回の注目サイト: Universiteit van Nederland http://www.universiteitvannederland.nl/ オランダの大学教授の講義を無料配信しているサイト。 軽快でなめらかなカルーセルパネル 毎週アップロードされる充実した動画コンテンツを、カルーセルパネルやボックスレイアウトで賑やかかつコンパクトにまとめている「Universiteit van Ne... 続きを読む
[ウェブサービスレビュー]世界各都市の時刻をマウスオーバーですばやく把握できる「worldtimebuddy」 - CNET Japan
内容:「worldtimebuddy」は、世界各国の現在時間を並べて表示し、ある国における時間がほかの国の何時に相当するか、ひとめで分かるようにしたサービスだ。任意の都市を追加できるほか、Googleカレンダーから予定を読み込んで表示したり、また各国の為替市場が開いている時刻を表示できるなど、多機能さが特徴だ。 「worldtimebuddy」は、世界各国の現在時間を並べて表示し、ある国における時... 続きを読む
レスポンシブ、CSS3を使ったクールなギャラリー「least.js」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
least.jsはJavaScript製のソフトウェア()です。スマートフォンの時代になって写真コンテンツが増えています。そして求められるのは写真コンテンツをいかに格好よく見せるかです。今回はレスポンシブWebデザインのギャラリー、least.jsを紹介します。 デスクトップサイズ。写真が5列で整然と並んでいます。 マウスオーバーで半透明なフィルタがかかります。 クリックで拡大。キャプションも下に... 続きを読む
スマートフォンにも対応したレスポンシブギャラリー「Photobox」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
Photoboxはレスポンシブ対応のギャラリーソフトウェアです。数多くの写真を奇麗に見せたい時にスライドショー形式で見せるのは良いアイディアです。今回紹介するのはPhotobox、レスポンシブに対応したイメージギャラリーソフトウェアです。 写真一覧。 マウスオーバーで写真がちょっと大きく表示されます。 クリックで写真が大きく表示されます。サムネイルは下に並んで表示されます。 矢印キーで写真を切り替... 続きを読む
DIVをマーキーっぽくエンドレスにスクロールさせられるjQueryプラグイン:phpspot開発日誌
jQuery Endless Div Scroll by Codicode (Demo Page) DIVをマーキーっぽくエンドレスにスクロールさせられるjQueryプラグイン マーキーのように指定DIVを横にスクロールさせられるプラグインです。 スピードの変更や、マウスオーバーで停止させたりといったことが可能みたい。 実装は簡単。 マーキー復活のお知らせ、でした。 関連エントリ アニメ映画のよう... 続きを読む
CSSでディスクを回転浮上させるエフェクトのサンプル | 56docブログ
CSSでディスクを回転浮上させるエフェクトのサンプル 【Web技術】 wrote on 2013/02/15 http://blog.56doc.net/Entry/524/CSSでディスクを回転浮上させるエフェクトのサンプル CSS演出小ネタ連投です。 【borde-radius】で作った丸型の要素に対し、マウスオーバーでコンテンツを回転させながら浮かび上がらせる方法です。 スポンサードリンク ... 続きを読む
世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」:phpspot開発日誌
DataMaps 世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」。 マウスオーバーでインタラクティブにデータを表示できたりするライブラリです 次のように美しい地図を描けるので、管理画面や、プレゼン資料向けに使ってみてもよさそう 1からやろうと思うとかなりの時間がかかりそうですが、これなら直ぐに使えそうです カーソルを合わせると国名が出る、というような世界地図にもで... 続きを読む
画像不要!HTML5のCanvasでグレースケールのマウスオーバーが作れるチュートリアル | デザイナーブログ | 株式会社LIG
こんにちは、ももこです。 HTML5の新要素であるCanvasを使って、グレースケールのマウスオーバーを実現するチュートリアルをご紹介します! 現在CanvasはFirefox/Chrome/Safari/Opera/IE9など殆どのブラウザの最新版で実装されています。 未対応のIE8以前のバージョンにはgoogleが公開しているExplorerCanvasやuupaa-excanvas.jsを読... 続きを読む
CSS3でTiltShiftな写真を作れる「tiltShift.js」: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開発日誌
Circle Hover Effects with CSS Transitions | Codrops 円形アニメーションで美しいエフェクトを作るCSSのTransitionsを使った実装例。 マウスオーバーで円形に美しいアニメーションをするデモが公開されています。将来的には当たり前のように使われているテクニックかもしれません。 デモが7個あるのですが、円形を使って様々にアニメーションして美しい上... 続きを読む
超面白!文字を選択してその文字にコメントできるJSライブラリ:phpspot開発日誌
Home - Annotator - Annotating the Web 超面白!文字を選択してその文字にコメントできるJSライブラリ。 ブログ等で記事のここにコメントしたい、といった場合に選択するとアイコンがあらわれます クリックするとコメント書き込みフォームがポップアップされます Saveボタンを押すと保存され、マウスオーバーでコメントが出るようになります コメント量の多いところはその分黄色... 続きを読む
CSS3の3D Transformで3Dのホバーエフェクト実装例:phpspot開発日誌
3D Thumbnail Hover Effects | Codrops CSS3の3D Transformで3Dのホバーエフェクト実装例。 マウスオーバーで驚きの立体表現ができるデモが公開されています。 ここまで出来るということは将来的にはWEBページの演出がガラッとかわってしまっていそうですね。 まあ、WEBで出来ることとしては凄い!ということになるんでしょうけど、コンピュータゲーム等でできて... 続きを読む
pixiv の javascript のコメントが面白い - Dlog 隔離館
Online community for artists[pixiv]お絵描きサイト、pixiv!何気なく、pixiv の javascript のソースを眺めてみると、いろんなコメントがありました。 ニョーン ... 7686: // マウスオーバーでおすすめタグをニョーンと出す 7687: var timer = null; ... マジ天使 ... 452: selectCover: fun... 続きを読む
マウスオーバーした画像にレイアウトを崩さずにborderを表示するCSSの書き方 | クリエイティブメモメモ
こんにちは。井畑です。 最近、仕事でマウスオーバーする時に画像に枠線をつける指示があったのですが、意外と上手くいかず、つまずいたことがあったので、備忘録としてメモを残しておきます。 マウスオーバーのアクションのひとつとして覚えておいても損はないはずです。それではどうぞ! どうしてレイアウトが崩れてしまうのか? どうして上手くいかなかったかというと、画像のhover時にborderを加える記述を書く... 続きを読む
ニコニコ動画Zeroの動画視聴ページ「ZeroWatch」をユーザスタイルシートとGreasemonkeyでカスタマイズしてみた | mutter
ニコニコ動画が「Zero」にアップデートされ、動画プレイヤーも「ZeroWatch」という名前のスタイルに移行しました。従来に比べてかなり使用感が変わったのでかなり違和感はあります。非難囂々と言うことらしいですがまぁそうですねぇ。こりゃ批判は出るでしょうねぇ。純粋に今までしていた活動がしづらいですからねぇ。 コメント:マウスオーバーで動画にかぶる形でコメント欄が表示される。視聴の邪魔になる上、コメ... 続きを読む
Pinterestの画像をマウスオーバーだけで拡大表示するChrome拡張機能「Pinterest Image Expander」 - WEBマーケティング ブログ
CSS3アニメーションの基本的な実装例のまとめ | コリス
CSSのプロパティ一つに対して、値を二つ(開始と終了)変更し、さまざまなCSS3アニメーションの基本的な実装例を楽しめるデモサイトを紹介します。 デモページを楽しむには、Chrome, Safariで閲覧ください。 Firefoxでは一部動作しません。 アニメーションのスタートは、2つあります。 マウスオーバーで一つ一つのアニメーションがスタート アニメーションが全部同時にスタート 全部同時にアニ... 続きを読む
FacebookをExcel風のインターフェースで・・・『HardlyWork.in』 | IDEA*IDEA
Excelで仕事をしているかと思いきやFacebook・・・なんてことをしたい人のためのツールですよ。Facebookでさくっと認証すると次のような画面が現れます。 ↑ よーくみるとFacebookのWallですw。検索もできたり、マウスオーバーでコメントも見られます。 ↑ ちなみにスペースキーで普通のExcelっぽい画面に切り替わります。 まぁ、よくあるツールではありますが、日本語も問題なく通る... 続きを読む