Firefoxのスクリーンショットで新機能追加
すでにご存じの方も多いと思いますが、Firefoxのスクリーンショットで新機能が追加されてましたので紹介します。 いつものようにコンテキストメニューの「要素を調査」で開発者用ウィンドウからスクリーンショットを取得しようとしたところ、「スクリーンショットを撮る」というメニューが表示されるようになっていました。 メニューを選択すると、ベータ版でスクリーンショットを撮る機能が新たに提供されましたというイントロダクション。 （クリックで拡大、以下同様） 必要な部分だけをFirefox上で選択できるようです。 スクリーンショットはPCへのダウンロードはもちろんですが、ウェブ上への保存も可能なようです。 ということで試してみました。 「スクリーンショットを撮る」というメニューを選択すると、全体がオーバーレイされ、「ページをドラッグまたはクリックして範囲を選択してください。ESCキーを押すとキャンセルで
Illustratorでのイマドキな画像書き出し方法【アセットの書き出し】
2016年12月7日 Illustrator 昔からIllustratorラブ！な私ですが、いつの間にやらWebデザインをする上での便利な機能が増えてきて、ますます嬉しい次第です。その中で今回は画像アセットを使った書き出し方法を紹介します。昔はスライスツールを使っていましたが、そんな面倒なことをしなくてもオブジェクトをドラッグ＆ドロップで簡単に書き出せちゃいますよ。 ↑私が10年以上利用している会計ソフト！ アセットの書き出しって何？ 2016年6月にアップデートされたIllustrator CCでは、従来のスライスとは違う、新感覚の画像書き出し方法である「アセットの書き出し」という機能が追加されました。オブジェクトをパネルにドラッグして追加すると、サイズや解像度、デバイスに合わせたフォーマットに書き出せます。Webやアプリ用のアイコンや、画面全体のデザインを行う上でも欠かせない、便利な機
SVGの書き出しおよび表示方法
Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 拡大縮小しても汚くならないベクター画像をサイト上に表示できるSVGを解説します。イラレを使った書き出し方法や、サイト上に表示する方法を超具体的に紹介します。 まえがき この記事を書いてるちょっと前に、このKOTORI Blogをリニューアルしました。 どうせリニューアルするならと、サイト内のイラストは基本全てSVGで書き出そうと思い立ち無事に実現できたので、SVGをブラウザに表示するためにKoToRiが実際に行った事をまとめて記事にしたいと思います。 それから、この記事ではSVGを作成するためにAdobeのIllustratorを使用します。 IllustratorのバージョンがいくつからSVGを書き出せるようになっ
【スライス不要】Photoshop画像アセット生成の基本とつまずきがちな5つのコト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） スライスせずに書き出せるPhotoshopの「画像アセット生成」って？ 画像アセット生成とは、ファイルのレイヤーやレイヤーグループのコンテンツからJPEGやPNG等の画像アセットを生成するという、スライス作業を不要とする機能です。PhotoshopCCから実装されている機能で、CC2014以降は画像に加えてSVGの書き出しも可能となりました。 普段からコーディングもしているデザイナーさんは効率化のために早くから使ってい
Pinterest（ピンタレスト）初心者向け！Webデザインの情報収集に使える4つポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。デザイナーのminecoです。 私は去年から「Pinterest（ピンタレスト）」というデザイン情報を収集できるWebサービスを使っていますが、ここまで長く使っているアプリは初めてじゃないかというくらい継続して利用しています。デスクトップブラウザからでもスマートフォンアプリからでも使えるので、忙しい日々の生活のなかで情報収集ができ、情報が豊富なので1日徘徊していても飽きないからだと思います。 ということで今日は、そんな「Pinterest」を使ったデザイン収集の方法をご紹介します。今回は「Webデザイン」を集めることをテーマにしていきます。 Pinterestとは？ Pinterest は見て、発見するツールです。プロジェクトや趣味にぴったりのアイデアを見つけるのに活用してください。ーPinterestより 気軽にアイデアを発見できるツールです。サイト上で気に入ったデザインや
Google Chromeで表示したページのHTMLソースをダウンロードする方法
Google Chromeで表示したページのHTMLソースをダウンロードする方法を紹介します。 １．問題点 前置きが長くなりますが、Firefoxとの動作の比較からChromeでの問題点を説明します。 まず、次のHTMLマークアップのページがあるとします。 <!doctype html> <html> <head> <meta charset="UTF-8" /> <title>テスト</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div id="container"> <h1>test</h1> <div id="content"> <h2><a href="http://user-domain/test.html">テスト</a></h2> <p>本文です本文です本文です本文です本文です</p> </
PDFから“手間をかけずに”ロゴや図表を抜き出すには
このPDFの図版、プレゼン資料に使いたい――。そんなとき、手間をかけずに抜き出せる機能がAdobe Readerに用意されている。 保管コストの削減はもとより、劣化の防止や検索性の向上、再利用の促進などさまざまな利点が認められ、徐々に広がりつつある紙の文書や帳票のデジタルデータ化ですが、用途や目的を考慮せずにむやみにスキャンすることでかえって効率が悪くなったり、作業に手戻りを発生させてしまうことも少なくありません。 また商法や税法で保管が義務付けられている文書の場合、電子帳簿保存法やe-文書法などのルールに則った手順を踏む必要があり、自分の判断でやみくもにデータ化するわけにいかないといった事情もあります。 本連載ではこうした現在の状況を踏まえつつ、文書のデータ化にまつわる情報、さらにはフォーマットであるPDFや変換機器であるスキャナ、保存先となるストレージに至るまで、業務現場と情報システム
02/03のツイートまとめ
2017年02月04日(土) 04:22 milksizegene1 今日も1日お疲れ様でした～！ゆっくりとお休みください！ 02-03 23:50 【このような過去記事を投稿しています】 「Windows 10」の無償アップグレード期間後に無償アップグレードを行う方法について https://t.co/R0TY4hfR5s #ネットセキュリティブログ 02-03 23:43 【このような過去記事を投稿しています】 「Android 5.0」で一部のスマートフォンのLTE通信が不安定になる症状への対策方法について https://t.co/LRYZ4JmVuP #ネットセキュリティブログ 02-03 22:42 【このような過去記事を投稿しています】 「Windows 10 Mobile」公開へ！ https://t.co/Nk1o1ouilX #ネットセキュリティブログ 02-03 21
Windows8.1標準機能でリカバリーディスクを作成する - パソコンブログニュース
パソオールは、大阪府堺市を中心に、出張でパソコンの修理やパソコンの講習、パソコンの指導するWindowsパソコン専門の出張パソコンサポート会社です。堺市内は出張費無料で訪問します。パソコンが起動しないなどのパソコントラブルの解決から、ホームページの作成講習や、ホームページの運営指導、SEO対策指導も行っています。 Windows7にも「システムイメージの作成」という機能があったのですが、Windows8やWindows8.1はどうなっているのでしょうか？ ※こちらのWindows 8.1 Proです。普通の8.1はどうなのかはわかりませんので下記の項目があるか実際に試してみてください。 まずスタートボタンを右クリックし、コントロールパネルを開く 「システムとセキュリティ」の「ファイル履歴でファイルのバックアップ コピーを保存」を選択する しばらく待つ(10秒くらい) ドライブが表示されたら
Excelで「次の機能はマクロなしのブックに保存できません」が表示されたときの対処方法
Excelで「次の機能はマクロなしのブックに保存できません」が表示されたときの対処方法について紹介します。 １．問題点 Excelでマクロを作成したあと、ファイルを保存しようとすると次のように「次の機能はマクロなしのブックに保存できません」という警告が表示されます。 （クリックで拡大） 理由は、ファイル保存時にデフォルトで選択される形式が「.xlsx」で、この形式にはマクロを含ませることができません。 そのためこのような警告が表示されます。 ２．Excelファイルをマクロつきで保存する Excelファイルをマクロつきで保存するには、「.xlsm」という形式で保存する必要があります。 表示されたダイアログで「いいえ」を選択。 （クリックで拡大） 「ファイルの種類」から「Excelマクロ有効ブック」を選択して保存します。 （クリックで拡大） ３．警告を出さないようにする ２項の方法でExcel
ビジネスの悩みを解決するPDFドリル：Webページのスタイルを崩さずにPDF保存する裏技3選 - 誠 Biz.ID
Webページをそのままの状態で保存したい場合、PDFに変換するのが便利だ。画像を含めたHTMLを単一のファイルで保存でき、テキストなどをあとから再利用するのも簡単だ。また、タブレットなどの端末を用いてオフラインで閲覧するのにも活用できるほか、注釈機能を使って校正を行うのにも役立つ。 WebページをPDF化するには複数の方法があり、それぞれ出力結果や特性が異なっているが、ふだんそれらの特徴を意識して使い分けている人はあまりいないだろう。今回は、WebページをPDF化する3つの方法それぞれについて、手順および出力されるPDFの特徴、その他の付加機能を紹介しよう。 （A）ブラウザの印刷メニューから出力する 1つ目は、ブラウザの印刷メニューから出力する方法。プリンタの中にある仮想プリンタ「Adobe PDF」を選び、紙に印刷するのと同じ手順で出力を行うというものだ。 この方法は印刷機能を持つあらゆ
右クリックで画像保存ができない時のもっと楽な方法 | WWW WATCH
ライフハッカーさんで、Web ページ内の画像を右クリック保存できないときに、Google Chrome や Firefox のインスペクタから、該当のソースコードを見つけて云々みたいな方法が紹介されていたんですが、インスペクタ開くところまで行ったなら、もっと簡単に Web ページ内で読み込まれてる画像を見る方法があるので書いてみます。 右クリックで画像保存ができない時はこの方法を試すべし！ : ライフハッカー Google Chrome の場合は 「インスペクタ」 → 「リソース」 タブ Google Chrome の場合は、ページ内で右クリックしてコンテキストメニューを表示、「要素を検証」 までは記事で書かれている通りでいいんですけども。 その後、要素を見るんじゃなくて、そのすぐ横にある 「Resources」 タブをクリックして、ちょいとを見ると、「images」 ってところに見ている
Photoshopをグーグル推奨の画像フォーマットWebPに対応させるプラグイン:phpspot開発日誌
How To Reduce Image Size With Google’s WebP Image Format Photoshopをグーグル推奨の画像フォーマットWebPに対応させるプラグイン WebPでは、JPEGより４０％も画像サイズを圧縮できる画像フォーマットです。変換ツールもありますが、Photoshopで直で保存したいという場合に使えるプラグインです。 Google Code の WebP Gallery でWebPのクオリティを確認できます。JPEGと比べて遜色ないのにサイズは小さいのが確認できます。 インストール方法ですが、こちらからプラグインを落とします ちょっと分かりづらいのですが、中段のPsアイコンがある部分に、MacとかWindowsとか書かれている部分があるので、環境に併せてダウンロードします。 ダウンロード後、WebPFormat.8bi というファイルが解凍で
はてブした記事を(ほぼ)全文化し自動でEvernoteに保存する！ 〜 スクリプト公開 - matuダイアリー
Twitterで仲良くさせていただいている@goryugoさん。実践ありきで、エビデンスが豊富な素晴らしい記事を毎回アップされています。必読のブログですよ！ goryugo, addicted to Evernote そんな@goryugoさんのEvernote連載記事で、なんと先のEvernote自動保存スクリプトを取り上げていただきました！ ちょっと本気でEvernoteの使い方を掘り下げてみる -第三回 出来るだけ自動でEvernoteに取り込む - | goryugo, addicted to Evernote この連載記事は、何をEvernoteに保存したら面白くつかえるかのか、アイデアの宝庫です！ ちょっとアイデアを拝借して、前回公開したGoogle Readerの共有アイテム->Evernoteの自動保存スクリプトのはてブ版を用意しましたので、こちらも公開します。 つまり、は
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webdesign-workbook.com/sublimetext-snippet/