ホームページ制作会社エスエムティのスタッフブログ

Staff blog

エスエムティの愉快な仲間たち

記事担当
ばさっち

WEBフォント

こんばんはばさっちです。
先日のミーティングでWEBフォントを入れているとサイトが重くなるという話が上がったので、色々気になって調べてみました。

結論から言うと日本語フォントは若干重くなるみたいですが、英字フォントであれば重くないみたいです。

これはフォントデータが影響しているみたいで、英字フォントより日本語フォントデータはサイズ大きいので、日本語フォントは重くなるみたいですね。

cssなどを調整すれば、日本語フォントでも軽くなるみたいですが、現状は見出し程度で抑えておくのが良さそうですね。
記事担当
ばさっち

Sublime Textのプラグインの話

こんばんはばさっちです。
今日のブログで「Sublime Text」のプラグインのこと書こうかな~って思ってたらぴのこさんが書いててびっくりしました(笑)

ブログにも書いてありましたが、Dreamweaverはやっぱり重い(笑)これに尽きると思います。色々便利ですし、使い勝手いいんですけどね(笑)
ぴのこさんに了解取ったので、私も「Sublime Text」でおすすめのプラグインを書こうと思います。

■ConvertJaZenHan  
半角/全角を変換してくれるプラグイン

使い方はツールをクリックすると一番下にConvertJaZenHanの項目が出てくるので、あとは好きな機能を選ぶだけです。

機能の詳細は
・Convert to Zenkaku in File
ファイル内の半角カナ及び半角記号を全角カナ及び全角記号に変換

・Convert to Zenkaku in Selection
選択範囲内の半角カナ及び半角記号を全角カナ及び全角記号に変換

・Convert to Hankaku in File
ファイル内の全角カナ及び全角記号を半角カナ及び半角記号に変換

・Convert to Hankaku in Selection
選択範囲内の全角カナ及び全角記号を半角カナ及び半角記号に変換

使用頻度が高いのは全角の数字を半角に変換するConvert to Hankaku in Selectionです。
複数のファイルの半角/全角を変換するのはまだDreamweaverを使用しますが、単体でしたら、断然こっちの方が早いです。
コーディングしながら変換していけばいいだけですからね!!

以前からちょくちょく使っていたけど、Dreamweaverから離れられなかった私ですが、仲間もできたので、これから使用頻度上げていこうと思います。
記事担当
ばさっち

Adobe font使ってみた

こんばんはばさっちです。
Adobe fontが使いやすくなっていたので、
早速webフォントで使用してみました!!

使ってみた感想は結構サイトが重くなりますね…
グーグルより色んなフォントが使えるのでwebフォント以外では重宝してますが、
webフォントとしてはまだグーグルの方が使いやすかったです。

もう少し軽くなったら使ってみてもいいかと思いました!!
記事担当
ばさっち

object-fitについて

こんばんはばさっちです。

今回は『object-fit』について書いていこうと思います。
結構前から『object-fit』のことは知っていたのですが、IEに対応していないとのことで関心を示していなかったのですが、調べてみたらJSを使えばIE11は対応可能なんですね…

簡単に説明するとCSSでトリミングができるプロパティなんですが、


▶たとえばこんな写真を縦横を250pxにしようとしたときにCSSでやろうとすると・・・


▶こんな感じにアスペクト比がめちゃくちゃになりますよね?


▶object-fitを使えばこんなにきれいにトリミングできます
。
使い方は簡単でCSSでimgの縦横にサイズを指定してobject-fit: cover;を追加するだけでOKです。
またIEに対応させようとした場合はobject-fit-imagesからファイルをダウンロードして使用したいページに読み込ませるだけでOKです。

あとはCSSにfont-family: ‘object-fit: cover;’を追加するだけでIEにも対応させることが可能です。
今までpositionでやっていたことが簡単に出来るようになりましたね!!

ネックはIE11以下…全てのサイトで使用するのはまだ先になりそうだな…



記事担当
ばさっち

photoshopアップデート

こんばんはばさっちです。

先日photoshopがアップデートされphotoshop2020になりました。
私も早速アップデートしてみましたが、様々な機能追加になっているみたいですね。

Photoshop の新機能

クリックでレイヤー選択のような画期的なアップデートはなかったように感じましたが、「スマートオブジェクトをレイヤーに」とか地味にうれしいです。
ipad版をまだ触ったことはありませんが、色々強化されているみたいなんで今度触ってみたいと思います。

クリックしていただけると幸いです

http://www.smt-net.co.jp/


ページの先頭へ戻る

ページの先頭へ戻る

お問合せ

キャンペーン

pay-per-click