現場で役立つ技術ポイント 技術ポイント Twitter Facebook はてブ Pocket LINE コピー 2020.06.29 SEO対策としてHTMLのタグ設定を理解する!効果的な4つの方法HTML記述がSEOに影響を及ぼすことをご存じですか?正しい記述方法を知っていますか?学習を始めたばかりの人は特に、表示にばかり気を取られ、W3CやGoogleが推奨しているHTMLの記述方法をあまり気にしていない人も多いはず!それほど難しくなく、すぐにでも対応できる内容なので、まとめて説明しました。 headタグ内に記述必須のタグを紹介!!SEO対策や表示にも影響する重要事項コーディングの学習をしていて、どうしても後回しにしがちなのがheadタグ内のコード。しかし実はとても重要な内容を記述する部分で、SEOにも影響を及ぼすものでもあるのでしっかりと覚えておきたいところです。この記事で解決する内... 5分でわかる!CSSのfloatプロパティの使い方を仕組みから教えます!!floatを使うと「レイアウトが崩れてしまう!」「思ったようなレイアウトにならない!」などCSSでつまづくポイントでもあるfloat。図解を使用して一から説明していますので、簡単に理解できます!!ので是非一読下さい!! 新しい横並びレイアウトのプロパティFlexboxを身につけて他のWEBデザイナーに差をつける!!横並びレイアウトを行うCSSプロパティのフレックスボックス。今後スタンダードになるこの技術を一から丁寧に説明していきます。 脱初心者!inline-blockで行う横並びレイアウトでレスポンシブにも対応「CSSでの横並びが上手くできない」「どこが間違っているのかわからない」と言う方に、丁寧にdisplayのinline-blockを説明した記事になっています。この記事を読めば超初心者でも横並びのレイアウトを表現することが出来ます。 現場で使える!!CSSで行う背景画像の設定方法「背景が上手く設置できない」「スマホ画面で背景が切れてしまう」などCSSでの背景画像の設定に困っている方は、この記事を読めばどんな背景画像でもレスポンシブで対応することが可能になります。実際の現場でも使われている手法なので是非覚えて下さい! フォントの種類がわからない!時の確認方法♪WEBデザイナーをやっていると修正作業はかなりの頻度であります!コーディング作業を依頼された時にイラレやフォトショでデザインデータをもらい、それを基にコーディングをしていくのですが、初めの頃に困ったのはテキスト内容の修正。... 動画から画像を切り取る!! Photoshopで簡単♪サムネイル画像作り最近ではスマホで簡単に動画を撮影することができ、それをホームページなどにアップすることもあるかと思います。その際にリンクの元となる画像を貼り付け設置する場合、その画像はどこからとってくるのか?Youtubeなどにアップする時には、... 最新画像が表示されない?!Chromeでの対処法コーディングを行っていて画像の置き換えを行ったとき、確かに置き換えたのに、ブラウザには過去の古いものが表示されている・・・そんなときの対処法です。Chromeはキャッシュが強い!!通常の再読み込み(リロード)は、アドレスバ...
コメント