Webの神様(おすすめch紹介)

Webの神様(おすすめch紹介) チャンネル紹介
Sponsored Link

Sponsored Link

【初心者向け】「iSara」模写コーディングをやってみた⑥ レスポンシブコーディング&jQueryでアコーディオンメニュー作成!ソースコード配布【HTML・CSS コーディング】

【初心者向け】「iSara」模写コーディングをやってみた⑥  レスポンシブコーディング&jQueryでアコーディオンメニュー作成!ソースコード配布【HTML・CSS コーディング】  (c) Webの神様

(c) Webの神様 キリが悪く、とても長丁場になってしまいました…。 テンポが早すぎてわからない点などあれば、遠慮なくご質問ください!更新大変お待た …

コーディングの軌道修正含めリアルなプロセスが見れるのでとても参考になっています。スペースやフォントサイズなどのデザインに一貫性がなくて、ぼやきそうになっているところ共感しました笑サイト制作で良く使われることがあるAnimationプロパティの解説動画とかあったら嬉しいです。

なつこさんの模写コーディングは、分かりやすくて素晴らしいです。ありがとうございます!これからも頑張ってください。私だけかもしれませんが、音声を最大にしても、小さくて声が少し聞こえにくかったです。

長時間の撮影お疲れ様でした!jQueryの実装方法が分かってとても助かりました。口内炎痛いのにありがとうございます!

独学で勉強をしていると、模写の手順があまり分からず、曖昧なままでしたが、分かりやすく、とても勉強になりました。中々時間が掛かりますが、この後も頑張りたいと思います!楽しみにしてます。(最後の投げやり感、笑いました^^)

いつも動画拝見させていただいます!丁寧な説明や、自分とまた違う発想で作り上げていくのを見るのはとても勉強になります。質問なのですが、モバイル表示にてsec10-flow h5を2度クリックしてflow-detail隠した状態(display:none状態)でPCサイズに戻ると、クリックした部分のflow-detailにdisplay:noneがそのまま付与して戻ってしまい、PCサイズにてflow-detaiが表示されません。display:noneはメディアクエリにて画面サイズ760px以下の時にだけ指定しているのですが、何故でしょうか?少し自分のとコードも違うのでなんとも言えないですが、何か心当たりがあれば教えていただけると幸いです。

いつも参考にさせていただいています。長時間の収録大変だったと思います、お疲れ様でした。動画を参考にしながらコードを書くだけでも時間がかかったので改めて手応えのある模写だと感じました。時間がかかる分、様々な機能が学べるので成長できると思いました。口内炎が痛い中、ありがとうございました。ゴールが見えてきてると思うのでもうひと頑張り宜しくお願いします!

いつも分かりやすい動画ありがとうございます!!

待ってました。3時間は見る方も気合いいります!夜睡眠薬がわりに見たいと思います。

色々学習サイトみてますがほんとわかりやすいです✨動画待ってました😊!途中までやってみて今休憩中です♪

質問失礼します。hタグの中でもh1以外にimgなど挟んで使用するのはご法度と聞いたのですが、なぜh5にimgとspanを入れているのでしょうか?ご回答よろしくお願いします。

画面を こまめに キャプチャー▶ブラウザ▶エディターと切り替え、ルーラー、what font で確認の流れをずーとやっていると、集中力もいるし、ものすごい疲れるんですが、慣れればスピードアップし、つかれなくなるんでしょうか(>_<)

いつもわかりやすい動画ありがとうございます。jQueryなのですが、sec10-flow h5をPC画面サイズの時にもクリックすると実装されてしまいます。。見逃していたらすみません。。解決方法を教えていただきたいです。

いつも大変勉強になる動画をありがとうございます。口内炎は辛いですね…😢くれぐれもご自愛ください😊

今簡単なサイトを模写しています。ページをスクショしてペイントで色々測っているものの元のページをスクショしているのにサイズが全然違ってしまいます。なつこさんのように正確な数字や配置になりません。1回理解したのですが、marginとpaddingの使い分けが分からなくなってしまいました。とても悔しいですアドバイス頂けたら嬉しいです😃

先生こんにちは。口内炎お大事にしてください。きっと、栄養不足かもしれません!ご飯食べながら、模写模写してみます笑

なっちゃんファン

Sponsored Link

【超入門】「iSara」模写コーディングをやってみた⑤ 初心者向け 効率的なレスポンシブコーディング方法!ソースコード配布【HTML・CSS コーディング】

【超入門】「iSara」模写コーディングをやってみた⑤ 初心者向け 効率的なレスポンシブコーディング方法!ソースコード配布【HTML・CSS コーディング】  (c) Webの神様

(c) Webの神様 模写ソースコード配布中!↓↓↓ 著作者の方にご快諾いただき、模写ソースコードの配布を開始しました! 下記よりダウンロード(zip …

iSARA模写シリーズとても参考になってます!自分のやり方と比較することで、自己流のおかしな癖を修正できるので、独学の身としては非常に助かります。後半のアコーディオンメニューの作り方など、続編も楽しみにしております。

いつもわかりやすい解説ありがとうございます。43:05 で画像の縦横比を崩さないためにheightを調節されてましたが、縦横比をキープしながら縮小する方法はありますでしょうか?

iSara模写シリーズとても参考になっています!一つ質問があるのですが、sec07のmember_detailの高さをautoにされてましたが、なぜこれで高さの調節ができたのでしょうか?

今回も有益な学習動画をありがとうございます!質問ですが、.sec06 li h4 を width: 100%; で中央揃えにする事が判りませんでした。自分なりの解釈で、ブロック要素のh4に対し100%表示で中央になる、で宜しいでしょうか。

いつも勉強になる動画をありがとうございます!(^_^)質問なのですが、”sec04″の部分のカードが縦並び(flex-direction:column;)にはなるのですが、左寄せになり、動画のようにコードを書いても幅広にならず困っております。align-items: center;で無理やり中央に設置したのですが、そこからどうしたらいいのか分かりません💦width:100%が効かない原因などは何かありますでしょうか?初歩的な質問をすみません💦💦もし宜しければ教えていただければ嬉しいです。これからも動画楽しみにしています😄!

分かり安い動画ありがとうございます!一つ気になったのですがレスポンシブの場合今回ですと768pxからサイズが変わっていて769pxより上の場合はpcなどでサイトを引き伸ばしたりした場合に崩れた状態になってしまうと思うのですがそのような場合はやはり細かい区切りでレスポンシブをいくつも対応させて行かなければいけないのでしょうか?

いつもわかりやすい解説で更新楽しみにしてます!今後、フロートの使い方や背景画像に関するプロパティの使い方の解説もしてほしいです!

毎回長い動画になって大変だと思いますが、iSaraの「受講後の流れ」以下の動画も楽しみにしています!!

おかげさまで残りはなんとか自力で最後まで行けました!楽しいです、ありがとうございますm(__)mレスポンシブは一部うまく行かないところがありやはり最初からある程度想定するべききと痛感してますが(笑)ここで聞くべきか、分からなくて教えていただければと思い質問させていただきます。あるimg画像(丸形でロゴ文字)があるのですがその画像自体の背景のみをCSSで変えるなんてことはできるのでしょうか?通常は画像毎フォトショップとかで編集と思うのですが、、。お手間でしたらスルーしていただいて構いません。

非常にわかりやすいです。ありがとうございます!

なつこさん、今回もわかりやすい動画ありがとうございました✨

待ってました!非常に勉強になります。もう少し何でマークアップにしたのかなど、詳しく解説してくれるとありがたいです。。私みたいな初心者だと最初のマークアップで引っかかるケースが多いので。よろしくお願いします!

かなり昔にホームページビルダーでサイト作成&運営を行っていましたが、今はVS Codeなどを利用したタグ打ちにて行うのが主流の為、HTML&CSSの復習を再び開始し、iSara」模写コーディングをやってみた① ~➄まで3日かけて通して利用しました。どれも、スクールの様な丁寧な説明であり、問題なく理解をすることができました。本当にありがとうございました。今後もWebの神様の動画を楽しみにしています。

はじめましてコメント失礼しますいつも楽しく見させていただいてますマークアップ言語のHTML.CSSを勉強している者です突然なのですがHTML.CSSをお客様に納品するやり方を解説していただけると幸いですググってもzipファイルやGitHubで納品するとしか書いていなくて納品するまでの手順やエディターで書いたコードをどのようにしてzipファイルやGitHubを使ってお客様に送るのかを解説お願いしますちなみに僕はvscodeを使っていますどうかよろしくお願いします

模写をする際見本で見ているページは画面いっぱいに収まっているのですが、自分でコーティングしている方のページがどうしても要素がはみ出してしまって左右にスクロールしないと全てが見渡せません。何か改善方法があれば教えてください。もう1週間以上1つの模写のトップページでつまづいています。

一から作りながら、ひとつひとつのコードを教えてくれる動画はないのですね。最初の最初の段落の意味や、入力方法から始め、何の編集ソフトを使うか?これを入力するとこうなります、などが全くない。ほとんど実務の動画しかしかないので(もう少しゆっくりの動画がみたい)それらを一番必要とする人が多いと思います。そもそも、初心者用の動画ではないのであれば、すみませんでした。別のサイトで探してみます。

Sponsored Link

【フリーランス志望必見!】WordPressって?導入するメリットとは?習得のために必要な知識と学習内容についても解説【Webデザイン・コーディング】

【フリーランス志望必見!】WordPressって?導入するメリットとは?習得のために必要な知識と学習内容についても解説【Webデザイン・コーディング】  (c) Webの神様

(c) Webの神様 フリーランス志望でWordPressを絶賛学習中の方、これから学習予定の方には是非観ていただきたい内容です! WordPressの特性、 …

今回とめっちゃ有益でしたー、ありがとうございます^^sassとかBEMをまとめた動画があるととってもありがたいです!

ワードプレスのメリットや特徴について理解ができました。ブログ型のサイトの場合、ページの更新頻度も高いので管理ページが用意されてるのは強みですね。テーマもいろいろ用意されているので、作りたいものに合わせてワードプレスも触れるようにならないといけないなと思っています。1からHTML,CSS,JSなどを駆使してサイトを作るものと、ワードプレスを活用して作るものではどちらの方が多いのかが気になります。今回もありがとうございました。スヌーピーのパーカー可愛いです。

WorldPressとは?を詳しく解説いただいて初心者にはすごくありがたい動画でした。いつも初心者にもわかりやすい内容で本当に感謝しかありません!

学習を続けてカンプから8ページほどのwpサイトを完成させました。今後仕事を獲りたいので提案方法の参考に凄く役立つ内容でしたいつも無料で沢山の情報を頂いて感謝しています。

待ってました!ありがとうございます!

大昔(20年以上前)、自社HPの立ち上げに関わる事になり手探りでドメイン取得やサーバー手配、サイト構築を一からしていった覚えがあります。情報が少なく周囲の理解も得にくく大変な苦労でした。今は、貴サイトのような親切なサイトで学習出来るので便利な世の中となりましたね。フリーランス志望の方だけでなく企業内のWEB担当者にもぜひ視聴して欲しいなと思いました。

このテーマ、待ってました!

wordpressを実際に導入している動画を上げてください!

今のフリーランスの仕事って、ECサイト構築できないと、仕事無い気がします。今後、ECサイト構築動画って、アップロードされたりしないのでしょうか?ララベルとか…

ナツコセンセイ、コンカイノドウガ、サイコウスギマス。ナツコセンセイ、イツモ、サイコウスギマス。

なつこさん!最近ますます可愛くなったとおもうのはわたしだけでしょうか??

【初心者向け】JavaScriptの関数の仕組み・使い方を徹底解説! 関数宣言 / 無名関数 / アロー関数って何?【プログラミング入門】

【初心者向け】JavaScriptの関数の仕組み・使い方を徹底解説! 関数宣言 / 無名関数 / アロー関数って何?【プログラミング入門】  (c) Webの神様

(c) Webの神様 JavaScriptの関数について、どこよりも詳しく丁寧に解説しています! 関数宣言、無名関数、アロー関数など。。いろいろな用法・用語が …

JavaScriptの関数について、どこよりも詳しく丁寧に解説しています!🐥関数宣言、無名関数、アロー関数など。。いろいろな用法・用語があってよくわからない、使いこなせるか不安!という初心者の方には是非ご覧いただきたいです。基礎がまだまだ、という方は是非下記の入門編からどうぞ!【超入門】初心者向けJavaScript解説!これから学習を始める方必見【Webデザイン・プログラミング】https://youtu.be/acSw8M7jQ2o【超入門】初心者でも安心!JavaScript学習入門(前編)データに関する基礎知識【Webデザイン・プログラミング】https://youtu.be/7wEuRdsnBs4【超入門】初心者でも安心!JavaScript学習入門(後編)処理に関する基礎知識 if文・ループ文などの仕組みを解説【Webデザイン・プログラミング】https://youtu.be/UtNPgtoiZz4

ちょうどJavaScriptの関数について勉強していたところだったのでとても参考になりました。毎度のことながらなつこ先生の説明が非常に分かりやすく、初心者の私でもスムーズに理解をすることが出来ました😊ありがとうございます!

無名関数からアロー関数の流れでの説明がすごく分かりやすかったです、この動画を見てやっと理解できました!

大変わかりやすかったです!ありがとうございました!

とてもわかりやすかったです。今後も動画を楽しみにしています。

【感想】 アロー関数への理解が深まりました。わかりやすかったです。【リクエスト】 非同期処理について説明する動画があると嬉しいです。

最初日本語で説明してその後具体例で説明することで何度も同じ事を頭にいれることで整理されて理解しやすいような気がします。

いつもためになる情報ありがとうございます!時間を作れるときでいいのでReactについての動画もあるとありがたいです。

ネットの他のサイトとか難しくてわからなかったけどこれはすごくわかりやすい!初心者だから助かります。

return の後の行に処理を書いても無駄だったのか。初めて知った。だれも教えてくれなった。

AKBがJavaScriptを教えてくれると聞いたのですが、ここですか❓

26:21 戻り値のイラストキモすぎて草

1げと

【超入門】そのまま編集禁止!超初心者向けバックアップのススメ【HTML・CSS コーディング】

【超入門】そのまま編集禁止!超初心者向けバックアップのススメ【HTML・CSS コーディング】  (c) Webの神様

(c) Webの神様 編集前バックアップと聞いて、ピンと来ていない方は必ず観てください! どんなWeb制作においても、基本中の基本中の基本がバックアップ …

通常の業務でも活用します!!

分かりやすい内容だったので、チャンネル登録しました。BBEdit無料のLink教えていただけますか?ググるとバージョンが色々あり、更にApple Storeに飛ぶと有料と表示されます。

僕はデブなので短命かもしれません。HTMLファイルのバックアップより、人生のバックアップとっておいたほうがよいのでしょうか?

コメント

タイトルとURLをコピーしました