Webデザインコミュニティ【ちいさなWebデザイン教室】のメンバーになると見られる動画リスト

ちいウェブメンバーになるとメンバーサイトで動画を見ていただけます。
現時点で見られる動画のリストがこちらです。
[目次]
Webデザイン制作について
Webサイト制作の流れ
Webサイトを制作する時の流れを説明しています。
コーディング動画
レスポンシブコーディング

こちらのデザインをコーディングする流れをご覧いただけます。
コーディング html + css
1.デザインと配布htmlファイルの解説の解説
2.デザインデータから画像を書き出す方法
3.headerのマークアップ
4.MVからaboutセクションのマークアップ
5.messageからfooterまでのマークアップ
6.スタイルシートの解説
7.headerのstyle
8.フォントの設定とナビゲーション
9.section内のスタイル
10.ボタンのスタイル
11.footerのスタイル
レスポンシブのスタイル記述
1.レスポンシブの説明
2.media screenの説明
3.ハンバーガーメニューの作成1
4.ハンバーガーメニューの作成2
5.レスポンシブの完成
レスポンシブコーディングでは、わたしが普段やっているレスポンシブコーディングの流れを一通りご覧いただけます。
また、コーディングに使用するPSDデザインファイルと、わたしがコーディング時にいつも使用しているhtmlファイル+cssファイルのテンプレートをプレゼントします。
もちろんコーディング完成後のファイルもシェアしています。
コーディング基礎【コーディングとはどんなものか】
インナー【max-widthの設定】について
【line-height】の考え方について
CSS【padding】と【margin】の違い
WordPress動画
HTMLファイルをWordPressテーマ化する方法
(Informationやブログをサイトに組み込むことができます)
準備とWordPress化についての説明
informationのスタイルを作る(html・css)
WordPressテーマについて ①テーマをアップロードする場所
WordPressテーマについて ②テーマのファイル構成
トップページを用意する(固定ページ)
テーマを作るーheader.php
テーマを作るーfooter.php
WPカテゴリーを作る
投稿を表示させる
WPサムネイルについての説明
single.phpの編集
一覧ページ(archive.php)の編集
固定ページ(page.php)の編集
ナビゲーションのリンクの貼り方
WordPressテーマカスタマイズ
アイキャッチ画像のちょっとしたカスタム
WordPress投稿で使える簡単な点滅アニメーションの方法
デザイン動画
Canvaを使って可愛いデザインを作る
Canva無料素材を使って、このように可愛く作る方法を紹介しています^^


webサイトのデザインについて知っておいてほしい考え方2点
デザインについて【初めて入会していただいた方へ】
デザインの基礎02【余白】
デザインの基礎01 【カラーと参考デザインのピックアップ】
Photoshopの使い方
背景写真の上に文字を乗せる場合の加工について
↑背景に写真を敷いた時に文字が読みにくくなる場合の加工方法を説明しています


ネオン風キラ文字の作り方
かわいいシャドウの作り方
instagram投稿画像をどう作っているか②
instagram投稿画像をどう作っているか①
instagram投稿用画像の作り方
↑Instagram経由でご入会いただくことが多いので、Instagram用画像を作っているところを動画にしています♡
【Photoshopでのクリッピングマスクの使い方・ブラシツールについて】
photoshop練習【バナー作成】
↑こちらはPhosothop練習用の動画です。まだ使い慣れていない方はこちらの動画がオススメです。
Photoshopを使用して写真の【背景を切り取る】
PickUp動画
倖せビジネスコンサルタントみづきさんの、倖せおうち起業を叶えるInstagram集客セミナー
【特別版】Instagram集客についてのとても興味深いセミナーです。
セミナー情報はこちら:倖せおうち起業を叶えるInstagram集客セミナー
ココナラで成果を上げているメンバーさんに、初めての受注から、どのようにしてきたかなどを教えていただいた時のアーカイブです♪
オンライン雑談会【ココナラで成果を上げてるメンバーさんにココナラについて聞いてみよう♪】
インスタのフォロワーさん11万人を越えるえれなさんに、インスタ運営のセミナーをしていただきました^^
【特別版】インスタ運営についてえれなさんに聞く会
アーカイブ動画
月に1度コミュニティ内でオンライン会を行っています。
録画していたものは見ていただけます。
lineスタンプ作りアーカイブ
ワーク【クリアファイルを作ろう】
photoshopワーク【クリスマスカードをつくろう】
photoshopワーク【インスタ画像をつくろう】
【ワーク動画】PhotoshopでLINEリッチメニュー作成
【ワーク動画】Photoshopで名刺作り
【LPのFVをつくろう!】作成と添削 2022-7-14
【Photoshop】水彩ブラシを使って素材作り 2023-2-8
【Photoshop】水彩ブラシを使って素材作り 2024-2
【Canva】サイトを公開する 2024-3