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