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

Staff blog

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

記事担当
ばさっち

:not()が結構便利だった


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

CSSでスタイルを適用したいけど、ここだけには適応させたくないって時ありませんか?
私の場合は.noなどのclassを別途用意してスタイルをリセットしたり、別なスタイルで上書きしたりしていたのですが、:notで簡単に除外することができます。

たとえばこんな感じで
#Co:not(.title) {
}

この書き方だと#Coの.titleにはスタイルが適応されません。

リストなどを作成した際の一番最後のpadingの値を変えたりするのが、簡単にできます。
:nth-child()などほかにもの擬似クラスもありますが、:not()の使い方を覚えれば、作業効率もあがるかもしれませんね!!
記事担当
ぴのこ

久しぶりのまとめサイト紹介

出社してから始業開始までの間に
毎朝デザインのまとめサイトを眺めているのですが
久しぶりに紹介してみようかなと思います。

◆MUUUUU.ORG
https://muuuuu.org/


一番よく見るのはこちら。
デザインのテイストやメインカラーなんかでも絞り込めるので
認識のすり合わせの為にもとても便利です。

——————

◆Web Design Clip
https://lp.webdesignclip.com/


LPならこの辺りでしょうか。
サムネイルが大きくてイメージがつかみやすいです。

——————

◆Awwwards
https://www.awwwards.com/


クオリティやギミック重視の場合はこちらも参考になります。
投票形式でランク付けを行っているサイトなので
トレンドや今流行りの動き等をいち早くチェックできます。

——————

とりあえずブックマークの上から3つのご紹介でした。
吸収するだけじゃなくアウトプットも頑張らないと!

ぴの子
記事担当
部長

いくら周りの評価が高くてもこれは如何なものかと思う部長

最近になって
タクシードライバーのデ・ニーロの
モヒカンの意味を知った
エスエムティの部長です。

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

デ・ニーロはもちろんですが
ちょっと前に
夜中の地上波でブラック・レインを放送してましたが
あんときの松田優作もカッコいいなぁと
しびれた部長なのですが、
違う意味でしびれたお話しでも…





おまけにメンバーが生存してると ぶっちゃけ話も描けないんでしょうねぇ…。 あくまでーも、 部長・一個人の意見ですのであしからず…。 ではでは。
こう考えてみるとドアーズのヴァルキルマーって なかなかだったんだなぁと思われた方はクリックお願いなのであります…

記事担当
ウラカスミン

アクセス解析をしてみよう

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

本日はgoogleアナリティクスについて触れたいと思います。

googleアナリティクスで、とあるホームページのリニューアル前と
リニューアル後のアクセス解析をさせていただきました。

まずはアクセス解析ってどうやるの?という方向けの記事が
ありましたのでご紹介します。

Googleアナリティクスの使い方

特にここの部分は見たほうがいい!というところを
ピックアップしたいと思います。

●「ユーザー>サマリー」で全体のユーザーを把握
まずはどれだけサイトに人が来たのかが確認できます

●「ユーザー>モバイル>サマリー」で、どのデバイスで見られているかを把握
ここではmobile(携帯・スマホ)、desktop(パソコン)、tablet(タブレット)で
どのデバイスからのアクセスが多いのかを確認することができます。
スマホからのアクセスが多い場合は、スマホ対応はもちろん、スマホから
アクセスした場合の見やすさ・分かりやすさを改善していかなければなりません。

●「集客>すべてのトラフィック>チャネル」で流入元を把握
ここでは、ユーザーがどうやってサイトに来ているのかが確認できます。
自然検索、リスティング広告、直リンク、ソーシャルメディアなど
どのような経緯でたどり着いたのかを把握することにより、
アプローチの仕方も変わってくるので重要な項目の一つです。

アクセス解析は奥が深いですね・・・。
突き詰めれば突き詰めるほどハマっていきそうな。

もちろん上記は最低限見たほうがいい項目ですので、
いろいろな機能の役割を今後活用していき、ユーザーニーズに応えられるような
サイト作りをしてまいります。

今日はこのへんで!
記事担当
さくサック

常時SSL対応時のエラーについて

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

常時SSL対応した際、たまにエラーになるケースがあります。

その原因としてよくあるのが

①画像やcssなどをhttpで読み込んでいる
②faviconが設置されていない

などです。

画像やcssを絶対パスで読み込んでいる場合、パスもhttpsにしないと、そこだけSSLが切れた状態になります。

faviconについてはエラーになるときと、ならないときがあり、正直その原因がよくわかりません。
何れの場合もエラーが出るのはGoogle Chromeです。少し前からその対策なのか、faviconが設定されたいないサイトに地球儀マーク?が出るようになりました。
仮にエラーが出たときfaviconを設置していなければ、一度設置してみることをオススメします!

それではまた。

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

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


ページの先頭へ戻る

ページの先頭へ戻る

お問合せ

キャンペーン

pay-per-click