コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。CSSのメディアクエリやブレイクポイントの参考に2023.04.06ユーザーが使用するデバイスやその画面サイズはますます多様化しています。その為、現在でも各デバイスの画面サイズに最適化させるレスポンシブという手法は欠かせません。一方で、すべてのデバイスに合わせる事は厳しい事や、メディア...HTML・CSSHTMLコメントアウトの書き方、複数行を一括、注意点も解説2023.02.25HTMLのコメントアウトはサイトの運営・更新で役立つもの。メモを残したり、一時的に公開したくない情報の非表示にも使われます。コメントアウトはHTMLやCSS以外にも、JavaScriptと一緒に使う事がよくあります。afterの使い方2023.01.11今回はHTMLとCSSだけで吹き出しを作る方法を解説。作り方はもちろん、色々なデザインの吹き出しもコピペで使えます。CSSの吹き出しは画像も不要で軽量かつ修正も簡単です。仕組みを理解すれば、後は自分でも...HTML・CSSCSSの単位を使い分け、違いを理解して便利に使おう2023.04.16パソコンやスマホなど、様々なサイズのデバイスに向けてコーディングをする際、CSSの単位を使い分けるとコーディングがとても楽になります。レスポンシブ対応に便利な単位指定がありますから、上手く使えばコーディングの記述を効率...制作お役立ちダミー画像もおしゃれに作成・生成できるジェネレーターまとめ2022.07.23Webサイト制作でモックアップを用意する際に意外と困るのが画像です。学習でWebサイトを作る人にとっても画像の用意は手間だったりします。そこで今回...HTMLリファレンスaタグで別タブを開く【target=”_blank”】は【rel=”noopener”】と一緒に!2022.12.05Webサイトやブログでリンクを張るにはaタグを使いますが、別タブで新しいページを開く時には注意が必要です。段落要素:HTML5リファレンス2022.08.17pタグはparagraph(パラグラフ)の事で、段落を意味します。ウェブサイトやブログなど、一番よく使うHTMLタグの一つです。emタグの使い分けルール:HTML5リファレンス2022.03.04strongタグは内容の重要性、重大性、または緊急性が高いテキストを表します。WordPressなどのエディタツールでは「B」という表記になっていますが、実際はこのstrongタグが使われます。アンカー要素:HTML5リファレンス2022.12.04aタグとはanchor(アンカー:錨)の略で、ハイパーリンクを意味します。一般的には略して「リンク」と呼ばれます。このリンクにより、同じサイト内の別ページへのリンクや、別のウェブサイトへ移動する事が出来ます。汎用セクション要素:HTML5リファレンス2021.04.09HTMLのsection要素は、大抵の場合見出しを伴う文章内の章や節などで使います。HTML5以前は具体的な要素が無かった為、セクションを表現するのにdivタグを使っていました。tag)とはHeadingの略で、見出しを意味します。見出しはその重要性に応じて、h1~h6までの6段階でレベル分けされています。HTMLは文書構造と言って本に例えられます。css2023.03.26この記事は「リセットCSSとは何か知りたい」「リセットCSSはどれを選べば良いの?」「いや、そもそも不要なのでは?」という方に向けて書いています。適用ルール解説2022.12.31CSSを勉強し始めた人が良く悩むのが、CSSが効かない理由を特定出来ない事です。CSSが効かない時の理由は幾つかありますが、大きな理由の1つに優先順位があり「詳細度」と言います。超簡単に解説2023.01.07これからCSSを勉強してみたいと考えている方向けに、超簡単に噛み砕いて解説しています。どんな感じなのかなぁ~、くらいの興味でオッケー。今回は「CSSの疑似要素について」書いています。>検索:FUERU(フエル)ウェブデザイナーが知識と経験をもとに、制作やSEO対策、ITスキルについて解説・発信するブログ。デザイン・コーディングからSEO対策やライティングなど幅広くWEB制作をしています。スキルアップして仕事に活かしましょう。コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。