プログラミング

プログラミング

【サイト制作】お問い合わせフォームの作り方

シュテル(@sterchannel2020)です! 基本的なフォームを作りながら慣れていきましょう👍 お問い合わせページ制作の流れ 問い合わせフォームの作成 シンプルながら王道の...
プログラミング

【サイト制作】タイル型レイアウトをつくる

シュテル(@sterchannel2020)です! コンテンツの一覧ページなどでサムネイル画像が並んでいるのをよく見ますよね。 これをCSS gridを使って作っていきます👍 タイル型レイアウト制...
プログラミング

【サイト制作】レスポンシブ対応する【2カラム】

シュテル(@sterchannel2020)です! 2カラムページの「レスポンシブ対応」にトライします👍 2カラムをレスポンシブ対応する流れ 無事コンテンツを縦並びにできました! ...
プログラミング

【サイト制作】サイドバーをつくる【2カラム】

シュテル(@sterchannel2020)です! ですね、あとはサイドバーのエリアを作って完成です。 さっそく作っていきます👍 サイドバーの制作の流れ <aside&g...
プログラミング

【サイト制作】メイン記事エリアをつくる【2カラム】

シュテル(@sterchannel2020)です! 次はいよいよ「メイン記事」ですね。作っていきましょう。 メイン記事エリアの制作の流れ メイン記事エリアのタイトル/年月日/カテゴリを設置する ...
プログラミング

【サイト制作】2カラムのページを作る際のポイントと流れ

シュテル(@sterchannel2020)です! フルスクリーン型のトップページを作った後は、コンテンツを載せていく2カラムページをつくりたいですね。やってみましょう👍 2カラムページ制作のポイント ...
プログラミング

【サイト作成】ファビコンを設定する方法

シュテル(@sterchannel2020)です! 「ファビコン」と呼ばれる部分ですね。 設定方法覚えましょう👍 HTMLのhead内に1行書き込むだけでOK ファビコン画像を作...
プログラミング

【サイト作成】良いデザインとは何なのか?

シュテル(@sterchannel2020)です! Webサイトやアプリ作っていく上で「デザイン」は切ってもきれないですよね。 デザインにおいてもっとも重要なのは3つ。 【良いデザインとは?】 ...
プログラミング

【経過報告】Progate一旦修了してサイト構築始めます

Progateは今年の4月からスタート。 初月は無料プランでHTMLの序盤をトライ。 おもしろいかも…となって5月から課金。 今月で4ヶ月です。 HTML、CSS、Javascript、Jqueryまで...
プログラミング

【jQuery】scrollTopとanimateでナビゲーションをつくる!

シュテル(@sterchannel2020)です! 確かに覚えたscrollTopとanimateメソッドでいけそうです。やってみましょう! ナビゲーションを作り任意の場所へ飛ばす流れ ・各ボタンは...
タイトルとURLをコピーしました