html– tag –

私、レスポンシブのコーディンがめちゃ下手です！「フォントサイズやボタンの幅、どうやって調整してる？」 「メディアクエリを減らしてレスポンシブ対応したい！」めんどくさがりなので、楽してコーディングしたい。。。って考えてます。そんな感じで、レ...

スマートフォン向けサイトでは、画面下部に固定されたフローティングメニューがよく使用されます。しかし、常に表示されていると画面の視認性を妨げることがあります。 そこで、スクロールの動きに連動して 下にスクロールするとメニューが表示され、上に...

こんにちはrey( @reydesign8376) です都内の勤務生活を辞めてWebデザイナーに。今は趣味のサーフィンなどしながら海沿いでのんびり暮らしています。 最近、ノイズエフェクト、ノイズ加工、ノイズテクスチャなどと言われるざらざらした粒状感のあ...

こんにちはrey( @reydesign8376) です 便利なwebアイコンを提供している「Font Awesome」の使い方をご紹介していきます〜では早速〜 Font Awesomeとは？ https://fontawesome.com/ 共有されるコードを入れるだけでアイコンが表示されるようになるサービス...

こんにちはrey( @reydesign8376) ですナビゲーションのデザイン3案 備忘録的な感じでやっていきます！では早速〜 コピペOK ナビゲーションデザイン デザイン案① まずはこのデザインからベーシックなトップ固定にしてみました。そしてメインビューと被せま...

こんにちはrey( @reydesign8376) です 今まで全部のタグにクラス名をつけていました；；めっちゃめんどいと思っていた時にコーダーさんの書き方を見てなるほどーと学んだ事例がございます 今回はそれをご紹介では早速〜 class+タグでブロック要素のスタイ...

こんにちはrey( @reydesign8376) です 画像サイズがバラバラでもcssで均等に指定していく方法をやっていきます〜では早速〜 基本の記述 htmlと全体のcssはこちら <div class="aspect__ratio"> <img src="img/aspectratio1.png&quo...

こんにちはrey( @reydesign8376) です h2の見出しでちょっとだけ下に線を入れるデザインありますよねコーディングをちゃんと学習しない時は何食わぬ顔でやってましたが実際にあれを実装させるのってくっそ面倒臭かった！！！ コーダーさんに謝罪を込めて、...

ハロー世界 rey( @reydesign8376) です WordPressの超超最低限、ミニマムなphpの記述をしたためていきますなんで毎回最小限の記述にこだわるのかって言いますと既存テーマのカスタマイズをアレンジする際にどこを残していいのかなどを知るためとフルスクラ...

こんにちはrey( @reydesign8376) です 表の作成でtrとthを逆に書いていました。もうダメだ。覚えられねぇやそんな感じで早速したためていきます〜 表作成に必要なタグの確認 <table> 表全体を囲むタグになります ↑tableで囲むイメージ <tr> 表...