このエントリーをはてなブックマークに追加 Share on Tumblr Clip to Evernote 編集




◆ DTPの方へ!はじめてのWebデザイン&サイト構築セミナー
細かいことはいいからAdobe MuseでサクッとWebサイトを作ろう!というセミナーです

◆ スクリプトを使っていきなりIllustratorの上級者になろうセミナー
いきなり上級者になってイイんです!スクリプトの使い方イチから教えます

◆ 自分の強みをサクッと活かして商売にしちゃう教科書
会社を辞めたい!でも独立は不安…そんなあなたに(会員登録せずに購入できます)

◆ 自分でスクリプトを作ってみたい!そんなあなたはこちらから
ひとりで書ける!ちょい足しスクリプトマガジンZ


◆ スクリプト制作承ります!まずはお気軽にご相談ください m(_ _)m
イラストレーター用スクリプトの受注生産やってます




スクリーンショット 2018-09-23 13.06.17


■Chromeへのドラッグ&ドロップで開きます

 おつかれさまです。@gorolibです。

 最近、ダウンロードしたhtmlファイル(index.html)が、ダブルクリックしてもGoogle Chromeで開かないという件で困りました。

 結論から言うと、Chromeへのドラッグ&ドロップで開きます。

 Web案件における校正や納品では、htmlファイル一式を圧縮して送付します。このとき、メール添付でもDropbox経由のダウンロードでも、解凍したindex.htmlのダブルクリックでブラウザで開かなかったのです。これには困りました。

 確認お願いいたします!と元気よくメールしたものの「開かないじゃないか!」では恥ずかしいですからね。

 macOSの環境設定「セキュリティとプライバシー」に関することかと思っていたのですが(ダウンロードしたhtmlファイルを開かない等)、ドラッグ&ドロップで開くので、そうでもないらしい(^_^;)

 ただし、「ひらかない!」というクレームは今まで一度もないので、私の端末固有の現象なのか、設定の問題なのか、それともみなさまドラッグ&ドロップなのか…

 原因がわからないのは気持ちわるいですが、思い出せなくても困るので、備忘録としてブログに残しておきます。

 お役に立てれば幸いです!


お役に立ちましたらツイートお願いします!




このサイトで配布しているイラストレーターのアクションやスクリプトファイルを無断で転載・配布・販売することを固く禁じます。ご紹介いただける際は必ずURLリンクにてお願いいたします。 このサイトで配布しているイラストレーターのアクションやスクリプトファイルの使用で、ファイルの破損やアプリケーションに不具合が発生した場合でも、責任は負いかねますのでご承知おきくださいませ。自己責任での使用をお願いいたします。

© 2017 GOROLIB DESIGN
Released under the MIT license.





このエントリーをはてなブックマークに追加 Share on Tumblr Clip to Evernote 編集




◆ DTPの方へ!はじめてのWebデザイン&サイト構築セミナー
細かいことはいいからAdobe MuseでサクッとWebサイトを作ろう!というセミナーです

◆ スクリプトを使っていきなりIllustratorの上級者になろうセミナー
いきなり上級者になってイイんです!スクリプトの使い方イチから教えます

◆ 自分の強みをサクッと活かして商売にしちゃう教科書
会社を辞めたい!でも独立は不安…そんなあなたに(会員登録せずに購入できます)

◆ 自分でスクリプトを作ってみたい!そんなあなたはこちらから
ひとりで書ける!ちょい足しスクリプトマガジンZ


◆ スクリプト制作承ります!まずはお気軽にご相談ください m(_ _)m
イラストレーター用スクリプトの受注生産やってます




20180922_151657_1


■DTPの人に心からお伝えしたいです

 おつかれさまです。GOROLIB DESIGNの渋谷吾郎です。

 新作をリリースいたしました!DTP出身の私が、やっとWebデザインを請け負うことができるようになり、「はじめてのWebデザインでは、こういうところがわからないのだ!」という部分をピンポイントで説明できるようになりました。

 つまり、かゆいところに「ボリボリと完全に手が届く!」ようになったのです。

 そこで、DTPの人に心からお伝えしたく、Webデザインのための説明書を書き下ろしました。お役に立てれば幸いです!


20180917_193644_2



お役に立ちましたらツイートお願いします!




このサイトで配布しているイラストレーターのアクションやスクリプトファイルを無断で転載・配布・販売することを固く禁じます。ご紹介いただける際は必ずURLリンクにてお願いいたします。 このサイトで配布しているイラストレーターのアクションやスクリプトファイルの使用で、ファイルの破損やアプリケーションに不具合が発生した場合でも、責任は負いかねますのでご承知おきくださいませ。自己責任での使用をお願いいたします。

© 2017 GOROLIB DESIGN
Released under the MIT license.





このエントリーをはてなブックマークに追加 Share on Tumblr Clip to Evernote 編集




◆ DTPの方へ!はじめてのWebデザイン&サイト構築セミナー
細かいことはいいからAdobe MuseでサクッとWebサイトを作ろう!というセミナーです

◆ スクリプトを使っていきなりIllustratorの上級者になろうセミナー
いきなり上級者になってイイんです!スクリプトの使い方イチから教えます

◆ 自分の強みをサクッと活かして商売にしちゃう教科書
会社を辞めたい!でも独立は不安…そんなあなたに(会員登録せずに購入できます)

◆ 自分でスクリプトを作ってみたい!そんなあなたはこちらから
ひとりで書ける!ちょい足しスクリプトマガジンZ


◆ スクリプト制作承ります!まずはお気軽にご相談ください m(_ _)m
イラストレーター用スクリプトの受注生産やってます




■Webデザインの校正にはやはりブラウザ経由が良いです^ ^

  おつかれさまです。@gorolibです。
 Webデザインの校正工程は、Adobe XDのプロトタイプ機能を使って行うのが便利です。以下にそのやり方を記載していきます。私は手抜きですので、Illustratorで作成したアートボードサイズでクリップしたpngを1枚ペタッと貼り付ける方法です。


※アートボードサイズでクリップしたpng画像をIllustratorから出力しておきます。


(1)XDのアートボードサイズを、Illustratorのアートボードサイズと同じにします。また、ビューポートの高さは1500にします(経験上)。ここを設定しておかないと、ブラウザではpng画像の全体表示になってしまいます。ビューポートの高さとは、ページ送りの高さと考えておけばよいと思います。

スクリーンショット 2018-09-22 11.36.43

(2)png画像を貼り付け原点を(0,0)に合わせます

スクリーンショット 2018-09-22 11.34.58

(3)右上の共有マークから「プロトタイプを公開」を選択します

スクリーンショット 2018-09-22 11.35.08

(4)フルスクリーンで開く(デスクトップの場合)をチェックして、公開リンクを作成します。

スクリーンショット 2018-09-22 11.46.10


(5)作成が終わると元の画面に戻ります。リンクアイコンをクリックすると、プロトタイプを表示するURLがコピーされますので、それをお客様にメール等で連携します。

スクリーンショット 2018-09-22 11.35.56


お役に立てれば幸いです!ではでは出羽の海。



お役に立ちましたらツイートお願いします!




このサイトで配布しているイラストレーターのアクションやスクリプトファイルを無断で転載・配布・販売することを固く禁じます。ご紹介いただける際は必ずURLリンクにてお願いいたします。 このサイトで配布しているイラストレーターのアクションやスクリプトファイルの使用で、ファイルの破損やアプリケーションに不具合が発生した場合でも、責任は負いかねますのでご承知おきくださいませ。自己責任での使用をお願いいたします。

© 2017 GOROLIB DESIGN
Released under the MIT license.





↑このページのトップヘ