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

Staff blog

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

記事担当
ばさっち

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以下…全てのサイトで使用するのはまだ先になりそうだな…
記事担当
ぴのこ

Adobe MAX Japanに行きたかった話

今週火曜日、横浜で「Adobe MAX Japan」が開催されました。

◆Adobe MAX Japan
https://maxjapan.adobe.com/

毎年平日ど真ん中なので、
行きたい気持ちはありますが不参加。。

今年もアーカイブ視聴です。

当日はライブ配信もされていたのですが、
ひとつだけリアルタイムで視聴できたセッションがありました。

 

こちらのアーカイブを見つけることは出来なかったのですが、
1シーンをトレースしてイラスト調にするだけで
全シーンを調整してくれるというAIの技術。

WEB的にも動画はトレンドの一つですので、
表現の幅が広がりますしとても面白いですよね。

今年のアーカイブはこちらから見られますので
是非チェックしてみて下さい。

https://www.youtube.com/playlist?list=PLF_lcvNhVWn9JG7K3NrtfzYlsCFVRTGQR
記事担当
部長

バラじゃないけど、ま、いっか。だった部長

国産有機レモンをゲットしたので
先週はレモンリキュールをせっせと作っていた
エスエムティの部長です。


「愉快な仲間達」と称しながら、
実はそんなに愉快でも無いブログへようこそ


ホワイトリカーとは別に
ウォッカで作った方が個人的には好みでした。


さて、ちなみに前回言ってた通り
部長は自分でベーコンを作ってみたのですが
素直にバラ肉を買えばよかったのに
安売りしてたので肩を買ってしまいましたが
とりあえず挑戦する事に。



キャメロンズのスモーカーがもったいなくて
結局、もともと家にあったダッチオーブンを使いました。




チップを敷いて




網？をセット。



塩抜きして乾燥させた肉を置き



蓋をして待つ事40分…



じゃーーーーん




おお、これは

まいうーーー！




簡単なのでまた作ろうと思いました。







燻製たまごとチーズも良いなと思う同志の方はクリックお願いなのであります…
記事担当
ウラカスミン

忙しいときこそ運動を！

こんばんは。ウラカスミンです。

今年も早いことに、あと１か月を切りました！

年末にかけて忙しくなってきております。

忙しくなるとどうしても頭が回らなくなる・・・そんなことあるかと思います。

運動不足は仕事効率を下げるとどこかで聞きました。

デスクワークを主とするお仕事は尚更運動不足になりやすいですよね。

ということで・・・

今週から通勤時の家からバス停までを自転車で通うことにしてみました！

約20分自転車に乗るわけですが、走り始めて5分くらいで体力の限界を感じてしまい、運動不足が顕著に表れました。

でも朝から身体を動かす気持ちよさを実感できました。

これから寒くなりますので自転車通勤がいつまで続くかわかりませんが

仕事効率化につながることを信じて、もう少し続けようと思います。

 

運動はいいことづくめですね！

寒さに負けないように身体を動かあい、師走を乗り越えましょう！

https://bike.shimano.com/ja-jp/mindswitch/lab/17/

 

 

 
記事担当
さくサック

師走は忙しい！

こんにちはさくサックです。

いよいよ今年も師走になってしまいました。

文字のごとく中々慌ただしい日々を送っておりますが、そんな中、効率を上げてくれるおすすめのツールがあるので紹介したいと思います。

個人版を無料で使っています。
いつどこにいてもクライアントの連絡先などをさっとスマホで調べられて便利！
しかも他の人と共有もできるので絶対に使ったほうがいいツールです。

これがないと仕事にならないと言っても過言ではありません。
サイトの文書チェックはもちろん、よく契約書の差分を見る際などにも使います。

Googleのサービスはこれ以外もたくさん使いますが、最近アップの時間を知らせてもらうためにリマインダーとしてよく使ってます。
話しかけるだけで設定できるのでこれも時短になります。

以上、今回はこんない感じでした。
みなさんもちゃっちゃと仕事を片付けて、体調を崩さないよう休息もしっかり取り12月を乗り切りましょー！

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

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

ページの先頭へ戻る

ページの先頭へ戻る

お問合せ

キャンペーン

pay-per-click