タグ

2019年7月11日のブックマーク (3件)

  • Webデザインを「もっとかっこよくして!」と言われた時に試したいCSS小技5つ

    2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね! ↑私が10年以上利用している会計ソフト! 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく

    Webデザインを「もっとかっこよくして!」と言われた時に試したいCSS小技5つ
  • CSSセレクタ20個のおさらい

    CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

    CSSセレクタ20個のおさらい
  • 【2022年最新】SEO対策に欠かせない分析ツール まとめ | Grab-大阪のWeb広告・マーケティング代理店アイビス運営

    公開日:2019年5月30日/更新日:2022年3月15日 最近になって、企業のオウンドメディア活用が急激に進んでいます。 広告出稿を行う企業が増えすぎて、広告の費用対効果が低下している。Googleの検索アルゴリズムが進歩して、コンテンツの質が正当に評価されるようになってきたことが、大きな理由だと思います。 さて、オウンドメディアを活用するとなると、一番重要になってくるのは、いかに検索からの流入を増やすか。つまりSEO対策です。 とはいえ、Googleのアルゴリズムが進歩したことで、小手先のSEO対策や、感覚頼りの施策は通用しません。 そこで重要になってくるのが、SEO分析ツールです。 自社サイトやメディアのどこをどう修正すれば上位に表示されるのか、どういったキーワードで対策していけば良いのか。といった課題を見つけるのも一苦労です。このような際に便利なのが「SEO分析ツール」です。一言で

    【2022年最新】SEO対策に欠かせない分析ツール まとめ | Grab-大阪のWeb広告・マーケティング代理店アイビス運営
    minasera
    minasera 2019/07/11