神戸の映像はまだか！阪神・淡路大震災 空白の時間帯に現場で起きていたこと｜NHK取材ノート｜note

2023/01/16 229 users Note 阪神 当番 淡路大震災 NHK取材ノート

「ご覧いただいている映像は、地震が起きたときの神戸放送局の放送部の様子です」 画面全体が激しく揺れている。机も椅子も棚も波打つようにスライドしていく。 「大きな揺れが繰り返し襲っているようです。いろいろなものが棚から落ちたり机から落ちたりしています」 放送局の泊まり当番で仮眠中の記者に向かって本棚が... 続きを読む

CSS の Container Queries おためし - 見返すかもしれないメモ

2021/04/25 176 users Container Queries CSS div メモ 要素

CSS に、コンテナクエリという機能があるらしい。 メディアクエリでは画面全体の大きさに応じて要素のスタイルを変えることができたけど、コンテナクエリを使うと当該要素の親の大きさに応じてスタイルを変えられる。 /* メディアクエリの例 */ /* 画面幅が 400px 以下だったら、div を赤くする */ @media screen and (m... 続きを読む

就活サイトに「神」降臨　お祈りメール大量送信で

2019/03/24 333 users 降臨 メサイア 就活サイト ペンテル 発表

就職情報サイト「クビナビ」を運営するクビナビは２４日、同サイト上に神が降臨したと発表した。登録企業が「お祈りメール」を大量送信したためとしている。 発表によると、降臨があったのは２２日午後２時４分ごろ。サイトに接続すると、ヘンデルの「メサイア」が流れるとともに、画面全体が最大輝度で神々しく輝いて閲... 続きを読む

これは流行る！google chrome拡張機能・無料のHD画質の動画キャプチャーツール『loom』 | CreativeTips

2017/03/15 716 users Loom CreativeTips キャプチャツール 静止画

google chrome拡張機能でPCのHD画質動画キャプチャー出来るツールを紹介記事です。 静止画のキャプチャツールは探せば色々とあるんですが、動画のキャプチャが欲しい時にツールを探しても中々いいのが見つからなかったんです。（PC動画キャプチャはブラウザ以外にも起動しているアプリケーションも選択できるので、ゲーム画面のキャプチャをしたり、ソフトウェアの操作等を動画に出来る。 画面全体のキャプチ... 続きを読む

あのイライラが解消、「Googleマップ」で嬉しい仕様変更 | アプリオ

2016/11/23 521 users スクロール 朗報 ウェブサイト 意図通り アプリオ

すべてのスマホユーザーとウェブサイト制作者に朗報です。Googleマップの埋め込み地図でスマホ向けの操作仕様が変更されています。 新仕様では、スマホでウェブサイトに埋め込まれたGoogleマップの上を1本指でスクロールしても、埋め込み地図がスクロールせず、意図通りに画面全体をスクロールできるようになっています。 埋め込み地図のスクロールには、代わりに2本指での操作が要求されます。当然、過去に埋め込... 続きを読む

ウィンドウズ１０アップグレード通知、「弾幕型」に

2016/02/02 154 users マイクロソフト ウィンドウズ7 ウィンドウズ1 搭載パソコン

マイクロソフトは２日、同社が提供する基本ソフト（ＯＳ）「ウィンドウズ７／８．１」ユーザーを対象に行っている、最新ＯＳ「ウィンドウズ１０」へのアップグレード通知を、現在のバルーン型から弾幕型に切り替える予定であることを明らかにした。画面全体を覆いつくすように通知文を流すことで、これまで以上に「１０」への切り替えを促したいとしている。 　同社では昨年７月末から、「７／８．１」搭載パソコンを対象に「１０... 続きを読む

美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！ | Webクリエイターボックス

2015/03/02 515 users CSS 配色 実例 実装 美しいグラデーション

背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear... 続きを読む

jQueryで1ページごとにスクロールして画面遷移させるUIを実装する方法 | BlackFlag

2014/05/27 212 users jQuery BlackFlag skrollr 画面遷 方法

以前、iPhone5sのプロダクトページがリリースした頃に 『簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して 1ページをフルスクリーン表示にして、画面全体をスクロールさせることで 1ページ分（1コンテンツ分）を画面遷移させるUIを実装できるjQueryプラ... 続きを読む

CSS filter プロパティで 「半透明ガラス」 効果を再現してみる | WWW WATCH

2013/09/25 59 users プロパティ WWW WATCH ダイアログボックス 半透明

2つ前の記事、「Chrome Canary が dialog 要素に対応、ダイアログボックスの表示が簡単に」 で、::backdrop 疑似要素に色々スタイル当てて遊んでたとき、::backdrop 疑似要素に対しては半透明の白いレイヤーになるようにスタイル当てて、その上で、CSS filter プロパティを使って画面全体をぼやかしたら、iOS 7 （Windows Aero ...） とかで使わ... 続きを読む

[Mac] OS X のスクリーンショット、あんな撮り方こんな撮り方

2013/05/25 61 users Mac スクリーンショット 即座 OS X プレビュー.app

同じものを撮るにも複数の撮影方法があったりする OS X のスクリーンショットといえば ⇧+⌘+3による画面全体撮影と…… これ以外にプレビュー.app やグラブ.app を使った撮影方法もあります。それぞれに微妙な違いがありますので以下に紹介します。 画面全体を撮る方法 キーボードショートカット：⇧+⌘+3を入力 ・即座にデスクトップに保存されます ・自動的に "スクリーンショット 年-月-日 ... 続きを読む

知ってた？！Macには個別のウィンドウをキャプチャしてくれる、魔法のキーボードショートカットが存在していた！！ | gori.me

2012/11/03 550 users gori.me Command Shift Mac ウィンドウ

知ってた？！Macには個別のウィンドウをキャプチャしてくれる、魔法のキーボードショートカットが存在していた！！ 【img via Cult Of Mac】 ブログを書く上で絶対に欠かせないスクリーンショット。 Macでスクリーンショットを撮る時に使うショートカットは画面全体をキャプチャする「Shift + Command + 3」と指定範囲をキャプチャする「Shift Command + 4」。僕... 続きを読む

iPhoneでWebページすべてを一発でキャプチャするアプリ-Web Scroll Capture | 適宜覚書-Fragments

2011/12/30 61 users iPhone スクリーンキャプチャツール iOS標準 PC用

PC用のスクリーンキャプチャツールやWebブラウザの拡張機能として、Webページすべてを一発でキャプチャ出来るものがあります。これらを使うと一画面に収まらず縦にスクロールダウンして表示するような内容も簡単に一枚の画像に写し出せます。 しかし、iPhoneのWebブラウザだとiOS標準の画面全体のキャプチャしか出来ません。今回は、これを解決するひとつの方法としてWeb Scroll Captureと... 続きを読む

全体をドラッグで動かせるグリッドレイアウトのイメージギャラリーをjQueryで構築するチュートリアル - かちびと.net

2011/10/09 96 users グリッドレイアウト iPhone jQuery ドラッグ 画面

画面いっぱいに広がったグリッドレイアウト のイメージギャラリーをドラッグで動かす 事ができるコンテンツをjQueryで実装する 為のチュートリアルです。かなり良く出来 てます。iPhoneでも一応可能でしたので 工夫すればスマートフォンにも使えるかも。 Codropsのチュートリアルが相変わらず素敵なのでメモがてら。画面全体に広がったグリッドレイアウトのイメージギャラリーを丸ごとドラッグで動かせる... 続きを読む

窓の杜 - 【REVIEW】IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」

2009/12/17 744 users REVIEW 見栄え レンダリングエンジン IE6 初期状態

IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」v3.0.1776.0 初期状態では画面全体が縦に2分割されており、それぞれの側にIE6/7/8のレンダリングエンジンまたは任意の画像を割... 続きを読む

ウノウラボ Unoh Labs: Macでのスクリーンショットの撮り方まとめ

2008/09/24 342 users ウノウラボ yamaoka Unoh Labs Mac 備忘録

yamaokaです。 Mac（Mac OS X）でスクリーンショットを撮る方法についてまとめてみます。いつも忘れてしまうので個人的な備忘録だったりしますが、同じことで悩んでしまう方にとって少しでも参考になれば幸いです。 「Command + Shift + 3」を押下 単純に画面全体のキャプチャ画像が必要な場合に使います。ショートカットキーを押した瞬間、デスクトップに画面全体のキャプチャ画像が保存... 続きを読む

ITmedia Biz.ID：Webページのスクロールキャプチャを極める

2007/01/10 559 users スクロールキャプチャ ITmedia Biz.ID この際

ニュース 3分LifeHacking： Webページのスクロールキャプチャを極める Webページの上から下まで、画面全体のスクリーンキャプチャを一発で撮る場合に便利なソフトを2本ご紹介しよう。動的なページや会員制ページも簡単にキャプチャできるのだ。 2007年01月10日 13時03分 更新 Webページの画像をプレゼン資料や仕様書に貼り付ける際、スクリーンショットを撮る必要が生じる。この際、ニー... 続きを読む