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

Staff blog

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

記事担当
ひらりん

ピンチはチャンス

世の中の状況的に、お客様からも、

・店舗来客が減少している

・訪問や提案ができず困っている

・展示会が中止になった

etc…

様々なお悩みをお聞きしております。

弊社的にも撮影や取材、訪問などスケジュールが立てにくい…さてどうしたものか?

そんな状況が続きますね。

いつ終わるかもわからない現状、ぼーっとしていては益々ピンチに。

こういった現状だからこそ、

「ピンチはチャンス」

と、捉え、新たな取組を進めるべきだと思います。

オンラインマーケティング、オンラインでの営業など。お客様からのご相談も多数頂いております。

オフライン(ピンチ)をチャンス(オンライン)に変えましょう!オンラインのご相談、お待ちしております!

株式会社 才流さんの記事も非常に参考になります。

・BtoB企業向け オンラインマーケティングはじめの一歩

わかりやすい、読み応えのある記事ですね~。流石です。他の記事も参考になるものばかりです。

SAIRU NOTE、一日読んでても飽きないかも。

記事担当
ひらりん

Googleコアアップデート

2020年5月5日にGoogleのコアアップデートがありました。

今回のアップデートは年に数回ある大規模なもので、検索順位が大きく変動したサイトも多かったようです。

アップデートは1日で終わるものではなく、完了までに2週間ほどかかると言われています。

namaz.jpの変動を見ていると、そろそろ落ち着いてきたのかなといったところです。

今回もYMYL系 (健康・金融など)で順位変動が大きかったらしいです。

SEOは年々対策が変わっているので、サイトの見直しを定期的に行うことが重要になっています。
記事担当
まりりん

WEBアニメーション

こんにちは。まりりんです。

ホームページに使用するアニメーションを皆様はどのようにしていますか?

以前は、Flashをしておりましたが、時代は過ぎ、今はjQuery、svgを使用しているWEBが多いと思います。
ですが、複雑な動きの依頼があった場合など、javascriptで組むとなかなか堪えます。

そこで、私はAnimate CCを使用して、HTML5 Canvasドキュメントを作成しています。
ソフトの操作も簡易的になっており、PSDファイルやAIファイルをレイヤーや構造を維持したまま読み込めるのでAnimate上でそのまま編集することが可能です。

まだまだ触りたてですが、使いこなして動的なWEBコンテンツを作成するために現在進化中です!

Animate CCについて参考サイト
https://ics.media/tutorial-createjs/adobe_animate_basic/
https://www.pc-koubou.jp/magazine/31622

最後に・・・
バターがまさか不足しているとは(;’∀’)
記事担当
ばさっち

メモリ不足かも…

こんばんはばさっちです。
photoshopで作業していたらやたらと重い…

タスクマネージャーを見てみたら…


やばいぃぃぃーーー

再起動などしたりしてみたのですが、一向に治らず…
最悪インストールし直しかなぁ~なんて思いながら色々調べて、設定を見直してみたら、とりあえずは下がってきました。(使用しないアートボードは非表示にしてます)



昨日まではサクサクだったのにおかしいなぁ~
データが重かったのか、アートボード多すぎたのか??

データが飛んだら洒落になりませんから少しでも異変を感じたらまずは保存!!!そして設定を見直すことをおすすめします!!!!

参考にしたのは下記サイトです。
Photoshopの作業が快適になるオススメの環境設定

記事担当
ぴのこ

マウスオン時のSVGの挙動について

SVG、使っていますか?
上手く使えばホームページの軽量化ができ、
メンテナンス性も上がる便利なファイル形式ですね。

通常のjpgやpngのように「img」タグで読むこともできますし、
「use」タグを使ってインラインで使い回すこともできます。

前者はとにかく楽。簡単にSVGを使いたい方向け。
ただし本当にただ表示することしかできません。

後者の場合は、例えばCSSの「fill」を使って
色を変更したりすることができます。

ナビゲーション等にSVGでアイコンを設置し、
マウスカーソルが乗ったら色を変える、なんてこともできますね。

で、最近こんな感じに



まさにマウスオンで色変更をするパーツを作ったのですが、
IEのみ、ちょうどSVGのエリアだけマウスオンの判定にならないという現象が起きました。

上の画像でいうと、水色のエリアにマウスが乗れば色が変わるのですが
ちょうどSVGであるパソコンのシルエット上にマウスが乗ると
色が戻ってしまうという状態でした。

またIEかよと思いつつ。

とりあえずこんな感じで解決↓



エリア全体の上に透明なdivタグを重ねました。
(表現上黒色にしましたが透明です)

マウスオーバーを行う際はIEに注意!

ぴの子

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

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


ページの先頭へ戻る

ページの先頭へ戻る

お問合せ

キャンペーン

pay-per-click