エスエムティ スタッフブログ『エスエムティの愉快な仲間たち』

pay-per-click

Staff blog

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

記事担当
ばさっち


のショートカット

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

先日「Sublime Text」をアップデートしたら”br”のショートカットがtabじゃなくなっていました…
多分アプデの兼ね合いで何かとバッティングしてるのだと思うのですが、”br”を打ってからスペースを空けないと”br”って出ない…



これが結構面倒くさいし結構ストレスになるので解決方法を調べてみたらショートカットの変更のやり方があったのでさっそく試してみました!!
変更の仕方も簡単で、基本設定のキーバインド(ユーザ)に追加するだけでOK!!



今度からbrのショートカットは “shift + enter”で!!!!
Dreamweaverと同じなのでこれはこれで使いやすいです!!

こちらのサイトを参考にさせていただきました。
http://eturlt.net/blog/20150519/sublime-text-3-br/
記事担当
ばさっち

ERR_BLOCKED_BY_CLIENT?

こんばんはばさっちです。
コーディング終了し、ブラウザチェックをChromeとEdge同時でしていた時に、あるはずのアイコンが出ていない…??

さっきFirefoxでは確認してたんだけどな~っと思いつつ、パスなどを再度確認…
パスなどは問題なく、F12でコンソール見てみたら下記のようなエラーが…



調べてみたらChromeとEdgeの拡張機能とバッティングしていたみたいです。
拡張機能をOFFにしたら無事表示されました!!!

画像やアイコンが表示されない時は画像パスなのもそうですが、拡張機能も合わせて確認することをオススメします!!
記事担当
ばさっち

グラデーションのジェネレーター

こんばんはばさっちです。
最近背景やちょっとした装飾をするのによくグラデーションを使用するのですが、
最近良く使うジェネレーターをご紹介したいと思います。

https://cssgradient.io/

このサイトの良いところは直感的に操作できるところとプレビューが大きいのでわかりやすいところです。(もちろんIE対応のcssも書き出ししてくれます。)
グラデーションの配色に困った時は簡単で使いやすいのでぜひお試しを!!
記事担当
ばさっち

IE+flexのバグ

こんばんはばさっちです。
今日コーディングしていたらまたIE+flexのバグが発生してしまいました…

テキストを真ん中に配置するために「justify-content: center」と「align-items:center」を指定してうまくいったと思ったらIEでバグ



何を指定してもうまく行かなくて色々調べてたのですが、どうやら「align-items:center」が良くなかったみたいです…(外したらうまく行きました。)



flex使う時のIEは神経使いますね…

こちらのサイトを参考に対応することができました!
flexboxのバグに立ち向かう(flexboxバグまとめ)
記事担当
ばさっち

Google製マテリアルアイコン

こんにちはばさっちです。
フォントアイコンと言えば、Font Awesomeなどが有名でだと思うのですが、

最近私がよく使っているのが、「material.io」です。
こちらmaterial.ioはGoogleが提供しているのでGooglefontのcssを読み込むだけで使用できます。

<link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”>

アイコンも豊富だし、svg、pngをダウンロードしても使用することが可能です。

Googleが提供しているので、いちいち利用規約や商用利用など確認する手間も無いのがいいですね!!
Googlefontとセットで使ってみてはいかがでしょうか!!

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

エスエムティ メンバー紹介

●ひらりん

またの名をりんこ。エスエムティの陰のデザイナーとして君臨。素性がイマイチわからない。

●しータケ

声と足がデカい弊社のドン。人当たりはイイが、黙ってるとオッカナイのはDNAのせいらしい。

●さくサック

「はい、エスエムティのさくサックでございます」と弊社史上初、電話は自ら名乗る 妖怪 妖精系男子。

●ざわシス

社内一、目ヂカラが半端ないエスエムティの営業のホープ。よく忘れ物をして会社に戻ってくる。

●ウラカスミン

ポケモンのヌオーとウパーを足して2で割ったような、見ているだけでホンワカする癒し系女子。

●部長

縦横無尽、天下無敵にみえるキレキャラだが歯が弱く部分入れ歯がトレードマーク。

●ぴのこ

制作部のエース。何年経ってもエスエムティでは永遠の21歳である。

●ばさっち

エスエムティきってのアーティスティックなデザイナー。顔が濃いのでテルマエとも呼ばれている。

●まりりん

アニメ声がカワイイ秋田小町女子。最近エスエムティの女帝と化してきた。

●トサコーン

会社の独特な雰囲気の中でも常にクールでマイペースな草食系?プログラマー。常時サックに憑依されている。

月曜から金曜まで順番に更新します!

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

旧ブログはこちら


ページの先頭へ戻る

ページの先頭へ戻る

お問合せ・ご相談

スタッフブログ

pay-per-click