web– category –

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

こんにちはrey( @reydesign8376) です 画像圧縮やJPGに変換する際に便利なwebツールをご紹介いたしますでは早速！ 使用しているのはこちらのツール「ILoveimg」です！ https://www.iloveimg.com/ja/compress-image 簡単な使い方 画像を圧縮する よく使う項...

こんにちは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> 表...

こんにちはrey( @reydesign8376) です 多くなってしまった情報を見やすいようにしたい時、ページを増やす方法もありますがページを変えないでまとめるのもサイトをすっきりさせてくれますその方法にタブクリックでコンテンツを切りかる方法があります 切り...

こんにちはrey( @reydesign8376) です イラレやフォトショップみたいに乗算や焼き込みなど要素を重ねて表現することができる「mix-blend-mode」の16の種類を紹介していきます！ では早速！ mix-blend-mode: color; mix-blend-mode: color-burn; mix-blend-...

こんにちはrey( @reydesign8376) です ブロック要素に影をつけるbox-shadowの影デザインをしたためていきます〜 ではサクサクっとやっていきます〜 コーディング解説 box-shadowの書き方はこんな感じ .container1 { box-shadow: 20px 20px 10px 20px #999;...

こんにちはrey( @reydesign8376) です 今日も今日とてShopifyしてます。 Shopifyの料金設定小話 Shopifyは海外のプラットフォームなので契約の価格が$決済なのでレート変動によって絶対この金額です！って言えないんですよね。現在円安の影響を受けまくっ...