読者です 読者をやめる 読者になる 読者になる

文系FランのWebデザイン日記

Webデザイナーに活かせる情報を書いていきます。

SearchPreviewを使っている人へ

こんばんは。

 

Chrome拡張機能を使っていますでしょうか?

その中でもっぱらSearch Previewをオススメにあげている記事を見かけます。

 

少し気になったので、書いていきたいと思います。

 

f:id:jxkxkx37:20170521204440p:plain

 

Chromeのウェブストアで検索すると

上記のような検索結果画面になります。

 

多くの方がお使いしているのは、SeacrhPreview(1番上に表示される)でしょう。

今回はその下にあるSeacrh Previewをオススメしたいと思います。

chrome.google.com

 

 

 

紹介と言っても、メリットはたった1つです。

 

ウィンドウを開かなくても、

サイトの中身が確認できること。

リンクをクリックできて時短になることです。

 

人気のSearchPreviewは下記の画像のように小窓に、リンク先のサイト内容が表示されます。

f:id:jxkxkx37:20170521203608p:plain

 

今回のSeacrh Previewはカーソルをリンク先に合わせるだけで、

サイト内容が右側に表示されます。

 

スクロールはもちろん

コピーや、リンク先に飛ぶことも可能です!!

 

f:id:jxkxkx37:20170521203916p:plain

 

個人的にはこちらの拡張機能の方がオススメというより、

かなり時短になって助かっているので、紹介しました。

 

補足:うまく表示されないケースもあります。

   最近有料版が出た?更に機能は良くなるかわかりませんが、、、

 

是非お試しあれ!

chrome.google.com

シンゴジラのフォントが気になり

本日もギリギリ投稿です。

今更ながらシンゴジラを観ました。

 

形態変化と音楽が個人的には良かったです。

エンドロールで、摂津金属工業があったのもびっくりしました!!

 

それはさておき、シンゴジラで使われているフォントが気になりました。

ブログや何か試せるかもと思いググる

 

下記のサイトに

togetter.com

 

タイプバンクの本明朝EⅡ

・サイズは2560×1080時で112ポイント

・87%の長体

・字間は-3.3%の詰め 

 

とありました。

 

フォントにも数多くある中で、このフォントが使われていました。

まだフォントの世界に足を突っ込んでもいないので、

何が特徴で、どのような種類があるのかはわかりませんが、

 

「俺も特撮風に画像を作りたい」

 

その流れで、サイトに行ったら

有料でした。。。(しかも結構高い)

 

皆さんもお金に余裕があるなら、タイプバンクの本明朝EⅡ を購入してみてください。www.morisawa.co.jp

 

 

これでフォントを1つ覚えることができました。

 

 

 

 

 

CSS3をEmmetで打ち込んでみた。

こんばんは。

 

とりあえず、記事を書く習慣を癖付ける為に、

お疲れモードながらも更新させていただきます。

 

HTMLやCSSを打ち込む時に、

最近覚えたてのEmmetを使って打ち込んでみました。

 

HTMLは何度か使って入力していましたが、CSSでもかなり便利でした。 

実は彼女から教えていただきました。。。

 

なので、1つだけ便利な例をあげてから就寝したいと思います。。。

 

f:id:jxkxkx37:20170519213841p:plain

 

今回 text-align: center; の場合、

補完しながら打ち込むと思います。

 

「補完でさえ面倒くさいな。。。」

 

そんな時に、Emmetの登場です。

 

f:id:jxkxkx37:20170519214439p:plain

 

tacを入力して → tabキー 

そうすると

 

f:id:jxkxkx37:20170519214650p:plain

 

先ほどの、text-align;center; が自動的に入力されます!!!

最初使った時は、チート感半端なかったです。笑

 

是非Webの勉強をし始めた方は、一緒に挑戦しましょう!

 

 

補足:AtomでEmmetを使う場合は、プラグインが必要です。これについても後日書きたいと思います。

ターミナルをコマンドで閉じたい時

Macをおつかいの方は、Homebrewなどを使う為に、

ターミナルを開く機会が多いかもしれません。

 

ターミナルをかっこよく閉じたい。。。

そんな時に、exitコマンドで画面を閉じれることが判明しました。

 

早速コマンドを打ってみました。

f:id:jxkxkx37:20170517215344p:plain

 

あれ。あれ。あれ。。。

どうしても画面が閉じませんでした。

 

逆に×で画面を閉じるダサさは人知れず

 

 

ググると解決策が出てきたので、書いておきます。

 

1.ターミナル起動

2.ターミナル環境設定

3.シェルのページにある シェルの終了時:ウインドウを閉じる に選択

 

f:id:jxkxkx37:20170517222201p:plain

 

この設定をすると、exitコマンドでウィンドウが閉じれるようになります。

 

是非かっこよくウィンドウを閉じてください!!

 

 

 

はじめまして

はじめまして、Fラン文系卒ジョーと申します。

 

現在、Webデザインの勉強をしている23歳です。

まずはブログを書き続ける習慣を身に付けたいと思い始めました。

 

環境は MacBook Pro (Retina 13-inch、Early 2015) です。

 

今後ともよろしくです。。。