macoblog

「ゲーム × プログラミング」で生きていく

Category: CSS


CSS HTML

今回はWEB制作で必須の「コーディングスキル」について現役のエンジニアが解説します、WEB系に就職・転職を考えている方への「HTML/CSS」を使ったコーディング学習方法の提案です。「①:コーディング勉強は模写がオススメ【理由】」「②:模写コーディングのやり方【練習方法】」「③:補足:就活・転職を考えている人へ」

CSS

本記事では、Sassの導入方法と使い方について解説しています。初心者向けに解説しているので難しい言葉は排除しています、「他記事を読んでもよく分からずSassを諦めた」なんて方にオススメです。【Sassを使えば世界が変わる、ワンランク上のコーディングへ】

CSS

横並びにした要素の縦列を揃えたい、そんな時はスタイルを1行追加するだけでOKです。本記事では、CSS初心者や独学中の方向けに実際のコードを公開しながら解説しております。結論から言うと「display:inline-block」と「vertical-align: top」を使いましょう。

CSS

contentを使って画像を表示しようとしている方は要注意。「画像が表示されないんだけど」なんてことになりかねませんよ。CSSを独学中の方や初心者の方は参考にどうぞ、初心に帰りましょう。【記事の内容】「疑似要素で画像が表示されない原因」「①:ブラウザが対応していない」「②:画像パスを間違っている」

CSS

この記事では、CSSの:beforeや:afterのcontent:''内で改行を使用する方法について解説しています。疑似要素で使用する文字列に改行を適用したい時にご活用ください。【記事の内容】「CSSのcontent内で改行する方法」「折り返しが効かない場合」「画像と組み合わせたい場合」

CSS

この記事では「Sassを使ったメディアクエリの書き方」について解説しています、Sass特有の「変数」「ミックスイン(@mixin)」「インクルード(@include)」の3つを組み合わせることでレスポンシブ指定を効率化させます。コーディングを勉強中の方は是非参考にしてください、世界が変わります。