【Ray(レイ)】Web制作メンター Vtuber フリーランスチャンネル【R教官】

Видео 35
Просмотров 2 458

【Web系無料相談Live切抜】CSSで「同意する」チェックをしないと送信できないフォームの作り方・考え方【生徒さんからの質問にお答え】

9:30

【CSS】生徒さんからの質問疑似要素 before / after で装飾を表示する方法

9:55

【自社LP制作支援④】初心者向け flexboxで高さを合わせる方法について【生徒さんからの質問】

1:04:36

【自社LP制作支援③】コードレビューレスポンシブ対応、画像の切り替え（出し分け）【生徒さんからの質問】

32:53

【自社LP制作支援②】コードレビュー flexboxについて初心者さん向けに解説しました！【生徒さんからの質問】

55:57

SEO対策相談商店街サイト・地域ポータルサイトを作る意義・効果はあるか？HP・Webサイト制作

18:46

【Web系無料相談Live切抜】カスタムフィールド利用時の注意点【生徒さんからの質問にお答え】

カスタムフィールドでスライダーの画像を出力したが、動作やレイアウトに影響が出てしまったというご相談を頂きました！
カスタムフィールドは、入力が無い時はHTMLも出力しないようにしておくと空のHTMLが出なくなります！
MENTA で生徒さんから頂いた相談にお答えしました！
menta.work/invite/ZtrX1t4EhpivjXPK
（R教官・Rayで検索してください！）
#Web制作 #初心者向け #HTML #CSS
いろんなプロから学べるNo1メンターサービス MENTA でメンターとして生徒さんにWeb制作やフリーランスの稼ぎ方を教えています。（2024年6月時点で累計約400名に指導を行っています）
・Web制作
・フリーランス/副業
・クラウドソーシング
・WordPress
・HTML CSS
などに関する相談をお待ちしております！
menta.work/user/40543

Видео

【Web系無料相談Live切抜】CSSで「同意する」チェックをしないと送信できないフォームの作り方・考え方【生徒さんからの質問にお答え】

9:30

【Web系無料相談Live切抜】CSSで「同意する」チェックをしないと送信できないフォームの作り方・考え方【生徒さんからの質問にお答え】

Просмотров 2821 день назад

「プライバシーポリシーに同意」をチェックしないと「送信」ボタンが押せないフォームってありますよね。 CSSだけでも対応可能なのですが、その際の考え方について解説しました。「Web系無料相談Live」を定期的にやっております！その際は無料で色々な相談にお答えしておりますので、是非チャンネル登録＆コメントをお願いします！ Codepenで独自に書いたものはこちら codepen.io/Ray013/pen/xxvNjwz 参考記事はこちら dominantmotion.com/design/html-css/checkbox-enabled-disabled/ 隣接セレクタ・間接セレクタ・直下セレクタについてはこちら code-log.net/css/selector/ MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4Ehpiv...

【CSS】生徒さんからの質問疑似要素 before / after で装飾を表示する方法

9:55

【CSS】生徒さんからの質問疑似要素 before / after で装飾を表示する方法

Просмотров 1321 день назад

サンプルコードはこちら codepen.io/Ray013/pen/jOgRyNO MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjXPK （R教官・Rayで検索してください！） #Web制作 #初心者向け #HTML #CSS いろんなプロから学べるNo1メンターサービス MENTA でメンターとして生徒さんにWeb制作やフリーランスの稼ぎ方を教えています。（2024年6月時点で累計約400名に指導を行っています）・Web制作・フリーランス/副業・クラウドソーシング・WordPress ・HTML CSS などに関する相談をお待ちしております！ menta.work/user/40543

【自社LP制作支援④】初心者向け flexboxで高さを合わせる方法について【生徒さんからの質問】

1:04:36

【自社LP制作支援④】初心者向け flexboxで高さを合わせる方法について【生徒さんからの質問】

Просмотров 134 месяца назад

MENTAで自社のLP制作ができるようになりたいという方にコーディングの指導をしています。レスポンシブ対応における・レイアウトの変化・flexboxの高さを合わせる方法などについて初心者さん向けに解説しました。 2カラムのやり方 ruclips.net/video/IUS2g_Vhjws/видео.html 3カラムのやり方についてはこちら ruclips.net/video/xStAEZ4RiOE/видео.html レスポンシブ対応についてはこちら ruclips.net/video/o0lrE6y_BIA/видео.html 4flexboxで高さを合わせる考え方 ruclips.net/video/jOnnfptQP6w/видео.html MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjX...

【自社LP制作支援③】コードレビューレスポンシブ対応、画像の切り替え（出し分け）【生徒さんからの質問】

32:53

【自社LP制作支援③】コードレビューレスポンシブ対応、画像の切り替え（出し分け）【生徒さんからの質問】

Просмотров 424 месяца назад

MENTAで自社のLP制作ができるようになりたいという方にコーディングの指導をしています。レスポンシブ対応における・画像の切り替え・カラムの変更などついて詳しく解説しました。 2カラムのやり方 ruclips.net/video/IUS2g_Vhjws/видео.html 3カラムのやり方についてはこちら ruclips.net/video/xStAEZ4RiOE/видео.html レスポンシブ対応についてはこちら ruclips.net/video/o0lrE6y_BIA/видео.html 4flexboxで高さを合わせる考え方 ruclips.net/video/jOnnfptQP6w/видео.html MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjXPK （R教官・Rayで検索してくだ...

【自社LP制作支援②】コードレビュー flexboxについて初心者さん向けに解説しました！【生徒さんからの質問】

55:57

【自社LP制作支援②】コードレビュー flexboxについて初心者さん向けに解説しました！【生徒さんからの質問】

Просмотров 974 месяца назад

MENTAで自社のLP制作ができるようになりたいという方にコーディングの指導をしています。基本的なHTML・CSSレイアウトの考え方、 Flexboxで3カラムのレイアウトを作る方法などついて詳しく解説しました。 2カラムのやり方 ruclips.net/video/IUS2g_Vhjws/видео.html 3カラムのやり方についてはこちら ruclips.net/video/xStAEZ4RiOE/видео.html レスポンシブ対応についてはこちら ruclips.net/video/o0lrE6y_BIA/видео.html 4flexboxで高さを合わせる考え方 ruclips.net/video/jOnnfptQP6w/видео.html MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjXP...

SEO対策相談商店街サイト・地域ポータルサイトを作る意義・効果はあるか？HP・Webサイト制作

18:46

SEO対策相談商店街サイト・地域ポータルサイトを作る意義・効果はあるか？HP・Webサイト制作

Просмотров 124 месяца назад

地域ポータルサイト商店街サイトを作る意味はあるのでしょうか？作るとどうなる？どんな運営をして行ったら良いの？実例を含めて解説しました！ #seo対� MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjXPK （R教官・Rayで検索してください！） #Web制作 #初心者向け #HTML #CSS いろんなプロから学べるNo1メンターサービス MENTA でメンターとして生徒さんにWeb制作やフリーランスの稼ぎ方を教えています。（2024年7月時点で累計約400名に指導を行っています）・Web制作・フリーランス/副業・クラウドソーシング・WordPress ・HTML CSS などに関する相談をお待ちしております！ menta.work/user/40543

生配信質問対応 WordPress テーマ SWELL CSSカスタマイズについて

44:16

生配信質問対応 WordPress テーマ SWELL CSSカスタマイズについて

Просмотров 434 месяца назад

WordPress SWELL のデザインをCSSでカスタマイズする方法について質問を頂きました！・メニューにホバーした時の色変更・SWELL ヘッダーのメニューを真ん中に配置する・SWELL フッターメニューの区切り「 | 」を消したいなどについてお答えしました！ MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjXPK （R教官・Rayで検索してください！） #WordPress #SWELL #Web制作 #初心者向け #HTML #CSS いろんなプロから学べるNo1メンターサービス MENTA でメンターとして生徒さんにWeb制作やフリーランスの稼ぎ方を教えています。（2024年7月時点で累計約400名に指導を行っています）・Web制作・フリーランス/副業・クラウドソーシング・WordPre...

【自社LP制作支援①】コードレビュー flexboxについて初心者さん向けに解説しました！【生徒さんからの質問】

1:19:51

【自社LP制作支援①】コードレビュー flexboxについて初心者さん向けに解説しました！【生徒さんからの質問】

Просмотров 314 месяца назад

MENTAで自社のLP制作ができるようになりたいという方にコーディングの指導をしています。 Flexboxで2カラムのレイアウトを作る方法について詳しく解説しました。 2カラムのやり方 ruclips.net/video/IUS2g_Vhjws/видео.html 3カラムのやり方についてはこちら ruclips.net/video/xStAEZ4RiOE/видео.html レスポンシブ対応についてはこちら ruclips.net/video/o0lrE6y_BIA/видео.html 4flexboxで高さを合わせる考え方 ruclips.net/video/jOnnfptQP6w/видео.html MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjXPK （R教官・Rayで検索してください！） #We...

【CSS】生徒さんからの質問 top50% left50% transform: translate(-50% , -50%); の意味について

8:05

【CSS】生徒さんからの質問 top50% left50% transform: translate(-50% , -50%); の意味について

Просмотров 834 месяца назад

MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjXPK （R教官・Rayで検索してください！） #Web制作 #初心者向け #HTML #CSS いろんなプロから学べるNo1メンターサービス MENTA でメンターとして生徒さんにWeb制作やフリーランスの稼ぎ方を教えています。（2024年6月時点で累計約400名に指導を行っています）・Web制作・フリーランス/副業・クラウドソーシング・WordPress ・HTML CSS などに関する相談をお待ちしております！ menta.work/user/40543

3:06

頂いた質問４ WPの中でタグとカテゴリーの使い分け悪い使い方などについて

Просмотров 155 месяцев назад

MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjXPK （R教官・Rayで検索してください！） #Web制作 #初心者向け #wordpress #ワードプレス WordPressで「タグ」と「カテゴリー」の違いや使い方についてご相談を頂きました！意外と悩む方が多いと思います。自分もそうでしたので。基本的な考え方、設定方法、「こんな使い方はしない方が良い」ということをまとめました！いろんなプロから学べるNo1メンターサービス MENTA でメンターとして生徒さんにWeb制作やフリーランスの稼ぎ方を教えています。（2024年6月時点で累計約400名に指導を行っています）・Web制作・フリーランス/副業・クラウドソーシング・WordPress ・HTML CSS などに関する相談をお待ちしております！ m...

頂いた質問３初心者さんのサーバー選びについて。1000円以上のサーバーは必要では無いです！（最初使うにはオーバースペック）

3:06

頂いた質問３初心者さんのサーバー選びについて。1000円以上のサーバーは必要では無いです！（最初使うにはオーバースペック）

Просмотров 115 месяцев назад

頂いた質問３初心者さんのサーバー選びについて。1000円以上のサーバーは必要では無いです！（最初使うにはオーバースペック）

3:01

頂いた質問デザインカンプは必要？ノーコードで納品する際の注意点

Просмотров 685 месяцев назад

頂いた質問デザインカンプは必要？ノーコードで納品する際の注意点

頂いた質問１レンタルサーバーはクライアントが契約？自分が契約？ exported

2:22

頂いた質問１レンタルサーバーはクライアントが契約？自分が契約？ exported

Просмотров 225 месяцев назад

頂いた質問１レンタルサーバーはクライアントが契約？自分が契約？ exported

【Photoshop】唇の彩度だけ落とす / 色を加える方法についてマスクとブラシを使おう

10:30

【Photoshop】唇の彩度だけ落とす / 色を加える方法についてマスクとブラシを使おう

Просмотров 385 месяцев назад

【Photoshop】唇の彩度だけ落とす / 色を加える方法についてマスクとブラシを使おう

4:21

【Photoshop】生徒さん用小ネタ動画写真素材の２方向境界をぼかす方法

Просмотров 155 месяцев назад

【Photoshop】生徒さん用小ネタ動画写真素材の２方向境界をぼかす方法

【生徒さん用】フォトショデザイン添削図表の協調【R教官】Adobe Photoshop 初心者向け

26:52

【生徒さん用】フォトショデザイン添削図表の協調【R教官】Adobe Photoshop 初心者向け

Просмотров 89Год назад

【生徒さん用】フォトショデザイン添削図表の協調【R教官】Adobe Photoshop 初心者向け

【生徒さん用】フォトショデザイン添削テキストのメリハリについて【R教官】Adobe Photoshop 初心者向け

17:13

【生徒さん用】フォトショデザイン添削テキストのメリハリについて【R教官】Adobe Photoshop 初心者向け

Просмотров 32Год назад

【生徒さん用】フォトショデザイン添削テキストのメリハリについて【R教官】Adobe Photoshop 初心者向け

【生徒さん用】フォトショ特定の図形でオブジェクトを切り抜く方法。選択範囲・マスク・クリッピングマスクなど【R教官】Adobe Photoshop 初心者向け

10:46

【生徒さん用】フォトショ特定の図形でオブジェクトを切り抜く方法。選択範囲・マスク・クリッピングマスクなど【R教官】Adobe Photoshop 初心者向け

Просмотров 13Год назад

【生徒さん用】フォトショ被写体の上に乗った文字を消す（境界部分の仕上げ）【R教官】Adobe Photoshop 初心者向け

15:06

【生徒さん用】フォトショ被写体の上に乗った文字を消す（境界部分の仕上げ）【R教官】Adobe Photoshop 初心者向け

Просмотров 19Год назад

【生徒さん用】フォトショ被写体の上に乗った文字を消す（境界部分の仕上げ）【R教官】Adobe Photoshop 初心者向け

【生徒さん用】フォトショップ邪魔なものを消すときのツール・方法を色々紹介！【R教官】Adobe Photoshop 初心者向け

18:31

【生徒さん用】フォトショップ邪魔なものを消すときのツール・方法を色々紹介！【R教官】Adobe Photoshop 初心者向け

Просмотров 20Год назад

【生徒さん用】フォトショップ邪魔なものを消すときのツール・方法を色々紹介！【R教官】Adobe Photoshop 初心者向け

【生徒さん用】WordPressのプラグイン Elementor（無料版）でヘッダーを作る方法（プラグイン利用）【R教官】

18:53

【生徒さん用】WordPressのプラグイン Elementor（無料版）でヘッダーを作る方法（プラグイン利用）【R教官】

Просмотров 457Год назад

【生徒さん用】WordPressのプラグイン Elementor（無料版）でヘッダーを作る方法（プラグイン利用）【R教官】

【生徒さん用】Adobe PhotoShop ふわっとぼかした境界のフキダシを作る方法【R教官】

10:37

【生徒さん用】Adobe PhotoShop ふわっとぼかした境界のフキダシを作る方法【R教官】

Просмотров 17Год назад

【生徒さん用】Adobe PhotoShop ふわっとぼかした境界のフキダシを作る方法【R教官】

【生徒さん用】フォトショップ変形や調整がしやすい素材の作り方を紹介！シェイプツール＆レイヤースタイル【R教官】Adobe Photoshop 初心者向け

18:08

【生徒さん用】フォトショップ変形や調整がしやすい素材の作り方を紹介！シェイプツール＆レイヤースタイル【R教官】Adobe Photoshop 初心者向け

Просмотров 11Год назад

【生徒さん用】フォトショップ変形や調整がしやすい素材の作り方を紹介！シェイプツール＆レイヤースタイル【R教官】Adobe Photoshop 初心者向け

【生徒さん用】フォトショップレイヤーマスクベクトルマスク画像の切り抜きについて解説しました。色々な選択範囲の作り方について【R教官】Adobe Photoshop 初心者向け

46:13

【生徒さん用】フォトショップレイヤーマスクベクトルマスク画像の切り抜きについて解説しました。色々な選択範囲の作り方について【R教官】Adobe Photoshop 初心者向け

Просмотров 153Год назад

【生徒さん用】Photoshop デザイン添削余白、字詰め、マスクなど【MENTA】

11:58

【生徒さん用】Photoshop デザイン添削余白、字詰め、マスクなど【MENTA】

Просмотров 28Год назад

【生徒さん用】Photoshop デザイン添削余白、字詰め、マスクなど【MENTA】

@skybeans113 2 месяца назад
ヘッダーの固定は可能ですか？初心者な質問ですみません
@ray-web 2 месяца назад
コメントありがとうございます！テンプレート化できるというだけで機能的には普通のELEMENTERと変わらないため、配置 position を固定 fixed にすれば大丈夫かなと思います！ CSSでも可能なのて出来ない場合はMENTAから気軽にご相談ください！
@gjtwmdatpa 4 месяца назад
エディターなに使われてますか？
@ray-web 4 месяца назад
コメントありがとうございます！ Visual Studio Code を利用しています！疑問・質問があればご連絡ください！
@gjtwmdatpa 4 месяца назад
数あるエディターからそれを選ばれた理由は何でしょうか？
@ray-web 4 месяца назад
@@gjtwmdatpa おすすめされた普及率が高く情報が多い拡張機能の多さなどでしょうか！エディターにはそこまでこだわりはありませんが。
@ray-web 5 месяцев назад
ロングバージョンはこちら ruclips.net/video/unYkep_95Pk/видео.html ご質問随時受付中！
@ray-web Год назад
MENTA で生徒さんから頂いた相談にお答えしました！ menta.work/invite/ZtrX1t4EhpivjXPK （R教官で検索してください！）

【Ray(レイ)】Web制作メンター Vtuber フリーランス チャンネル【R教官】

Комментарии

【Ray(レイ)】Web制作メンター Vtuber フリーランスチャンネル【R教官】