HTML/CSSCSSでテーブルをデザインする時に気をつけることテーブルをCSSでデザインするとき、うまいことプロパティを指定しないと思い通りに行かない時があります。日本語Webフォントの使い方Webフォント使ってますか?最近は日本語のWebフォントを提供するサービスも増えてきましたね。HTML/CSSFacebookでページをシェアするときに重要!OpenGraphWEBページに「OpenGraph」設定してますか?FacebookなどのSNSではいいね!やシェアなどのページ情報の取得にOpenGraphを利用しています。HTML/CSSCSSのプロパティの変化を時間を指定するtransition:hoverなどの疑似クラスを利用してCSSのプロパティ値を変更させるとき、transitionを利用して時間経過で除々にプロパティ値を変化させることができあます。HTML/CSSanimationプロパティを利用してCSSでアニメーションanimationプロパティを利用することで、CSSのみでアニメーション効果を演出することができます。一部未対応のブラウザもありますが、モダンブラウザではほぼ利用可能です。HTML/CSSCSSベンダープレフィックスの種類と使い方のまとめブラウザの種類やバージョンによってサポートされているCSSのプロパティは違いがありますよね。そんな時に少しで共通したスタイルを適用できるするためにベンダープレフィックスというものがあります。HTML/CSSPhotoshopいらず!?画像とテキストを組み合わせる簡単なCSSコンテンツのメインビジュアルやスライドに画像とテキストを合わせた表現はよくありますよね。キャプションやアオリをPhotoshopなどで加工することで見栄えの良い画像を作成できますが、CSSだけでも簡単な表現なら何とかなります。HTML/CSSレスポンシブWEBサイト制作時の3つの基本Googleがスマホでの検索結果に「スマホ対応」を考慮するとの発表もあり、スマホ対応のWEBサイトがより重要になってきましたね。スマホ対応サイトを作成する際の方法としてレスポンシブでサイトを構築する方法がよくとられます。HTML/CSSよく使われるアイコン画像をWEBフォントで!便利なCSS「Fontawesome」WEBデザインではナビゲーションやリンクなど各所にアイコンをよく使いますよね。いちいち画像を準備するのは面倒・・・。レスポンシブでフォントサイズが変わったりすると面合わせがずれる・・・。株式会社レボルメWeb制作、SEO、アクセス解析、etcウェブのお悩み伺います。レボルメに相談してください。inc.revolme.co.jp。