NHKスペシャルみたいに書類にスポットライトを当てる

2024/03/21 705 users NHKスペシャル 書類 スポットライト 暗闇 典型

書類の一部だけを照らす光 NHKスペシャルで、書類にこんなふうに光が当たっているのをよく見る。 「NHK 大川原化工機」の Google 画像検索結果のキャプチャ NHKが手に入れた書類にスポットライトを当てて、重要な行や単語だけを分かりやすいようにするのが典型だ。その他、暗闇の中に書類そのものをぼんやりと浮かびあが... 続きを読む

俺たちはたぶん、キングコング西野氏的なものに勝てない話（追記）

2021/01/18 1015 users 追記 Twitter 俺たち プペル 西野氏

こうやってわざわざ文章に取り上げている時点で自分の負けをさらに引き寄せるようなものだと思うんだけど、こりゃあ敵わねえな、と思ったから書いておく。 いま話題のプペルじゃなくって、西野氏がある大学の卒業式講演に来たときの話。俺も現場ではもちろん、動画を視聴したわけでもないんだけど、twitterのキャプチャ... 続きを読む

編集者が最近のフロントエンド技術に初挑戦して仕事用アプリを作ったので見て - nomolkのブログ

2017/12/07 534 users 進捗 締切 原稿 モザイク nomolk

2017 - 12 - 07 編集者が最近のフロントエンド技術に初挑戦して仕事用アプリを作ったので見て つくったもの 原稿の締切と進捗を管理するシステムです。 これが画面の全体像のキャプチャです。モザイクが多くてよくわからないので、ちょっと説明を加えたのが下の画像です。 上のほうに、その日と翌日の掲載予定記事が出ます。その下にカードのような感じで表示されているのが、各原稿の締切／ 進捗管理 です。... 続きを読む

Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能 | コリス

2017/06/07 619 users デベロッパーツール コリス リソース CSS 統一

What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つ... 続きを読む

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

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

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

Webデザインが圧倒的に捗るChromeの拡張機能12選 | UX MILK

2016/03/10 618 users Chrome UX MILK webデザイン 効率 みなさん

みなさんはChromeの拡張機能を活用していますか？　拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL： FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます... 続きを読む

実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog

2013/05/08 886 users チュートリアル キャプ 一部分 Intro.js 説明文

2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプ... 続きを読む

純利益をあげているEコマースTOP100サイトに見る、購入フローの全ステップをキャプチャでおさめたまとめ | コリス

2012/09/13 801 users ショッピングカート コリス プロセス ステップ 全プロセス

純利益をあげているEコマースTOP100サイトに見る、ショッピングカートからオーダー完了までの購入フローの全プロセス、508のステップ、975のキャプチャを紹介します。 Checkout Usability Benchmark EコマースサイトTOP100のチェックアウトのプロセス チェックアウトのプロセス：タイプ別 EコマースサイトTOP100に見るプロセスの統計値 EコマースサイトTOP100... 続きを読む

保存できないストリーミング動画をパケットキャプチャで保存するフリーソフト「Free Video Catcher」 - GIGAZINE

2012/08/02 1305 users YouTube パケットキャプチャ パケット 無理矢理 力業

YouTubeなどの有名なサイトであればいくらでもダウンロード用のソフトがありますが、ちょっとマイナーなサイトであったり、あるいは独自に自サイトでストリーミング動画を展開しているような場合だと、ダウンロードできないことが多々あります。そういうときにパケットレベルでキャプチャを行って解析して保存するというある意味、力業で無理矢理解決してしまうのがフリーソフトが「Free Video Catcher」... 続きを読む

Mac OSXで、作業中に変化するマウスカーソルをキャプチャする話。｜linker journal｜linker

2011/08/05 710 users linker Command Shift crema 火曜

火曜／金曜担当の@cremaです。 Mac OSXでマウスカーソルをキャプチャする方法なんてよく知られていることだと思うのですが、Illustrator作業中のマウスカーソルの変化を撮影するのにちょっと手間取ったので、自分用メモ。 まずはマウスカーソルを入れないキャプチャ マウスカーソルを入れないキャプチャだったら、以下の二つはごく日常的に使われてますよね。 command + shift + 3... 続きを読む

Appleのデザイン戦略をウェブサイトから学ぶ、15のデザインヒント | コリス

2010/02/08 616 users コリス 類語 Design Shack Apple 下記

Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。 15 Design Tips to Learn From Apple 下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日本サイトのものにしています。 はじめに Apple社は高級なデザインと類語です。Appleが発信する偉大なデザインを観察することから、学べることはた... 続きを読む

モバイルサイトのWebデザイン15選 - かちびと.net

2009/09/29 536 users モバイルサイト アーカイブ ギャラリー モバイル net

携帯、モバイルサイトの デザインってどうなってるのか 少し興味が沸いたのでモバイル サイトのキャプチャを取って アーカイブとしてまとめている モバイルデザインアーカイブさん から15のモバイルサイトで好きな デザインを15個厳選しました。 個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。 FAT ONLINE ... 続きを読む

コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU

2008/08/22 657 users リキッド CREAMU Dynamic Drive 3カラム

コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッド... 続きを読む

クロスブラウザのためのHTML/CSSのテクニック集 | コリス

2008/06/29 680 users クロスブラウザ strict コリス スタイルシー 意訳

anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシー... 続きを読む