プログラミング 【サイト制作】お問い合わせフォームの作り方
シュテル(@sterchannel2020)です！
基本的なフォームを作りながら慣れていきましょう👍
お問い合わせページ制作の流れ
問い合わせフォームの作成
シンプルながら王道の...
プログラミング
プログラミング 
プログラミング 【サイト制作】タイル型レイアウトをつくる
シュテル(@sterchannel2020)です！
コンテンツの一覧ページなどでサムネイル画像が並んでいるのをよく見ますよね。
これをCSS gridを使って作っていきます👍
タイル型レイアウト制...
プログラミング 【サイト制作】レスポンシブ対応する【2カラム】
シュテル(@sterchannel2020)です！
2カラムページの「レスポンシブ対応」にトライします👍
2カラムをレスポンシブ対応する流れ
無事コンテンツを縦並びにできました！
...
プログラミング 【サイト制作】サイドバーをつくる【2カラム】
シュテル(@sterchannel2020)です！
ですね、あとはサイドバーのエリアを作って完成です。
さっそく作っていきます👍
サイドバーの制作の流れ
<aside&g...
プログラミング 【サイト制作】メイン記事エリアをつくる【2カラム】
シュテル(@sterchannel2020)です！
次はいよいよ「メイン記事」ですね。作っていきましょう。
メイン記事エリアの制作の流れ
メイン記事エリアのタイトル/年月日/カテゴリを設置する
...
プログラミング 【サイト制作】2カラムのページを作る際のポイントと流れ
シュテル(@sterchannel2020)です！
フルスクリーン型のトップページを作った後は、コンテンツを載せていく2カラムページをつくりたいですね。やってみましょう👍
2カラムページ制作のポイント
...
プログラミング 【サイト作成】ファビコンを設定する方法
シュテル(@sterchannel2020)です！
「ファビコン」と呼ばれる部分ですね。
設定方法覚えましょう👍
HTMLのhead内に１行書き込むだけでOK
ファビコン画像を作...
プログラミング 【サイト作成】良いデザインとは何なのか？
シュテル(@sterchannel2020)です！
Webサイトやアプリ作っていく上で「デザイン」は切ってもきれないですよね。
デザインにおいてもっとも重要なのは３つ。
【良いデザインとは？】
...
プログラミング 【経過報告】Progate一旦修了してサイト構築始めます
Progateは今年の4月からスタート。
初月は無料プランでHTMLの序盤をトライ。
おもしろいかも…となって5月から課金。
今月で4ヶ月です。
HTML、CSS、Javascript、Jqueryまで...
プログラミング 【jQuery】scrollTopとanimateでナビゲーションをつくる！
シュテル(@sterchannel2020)です！
確かに覚えたscrollTopとanimateメソッドでいけそうです。やってみましょう！
ナビゲーションを作り任意の場所へ飛ばす流れ
・各ボタンは...