プログラミング

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

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

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

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

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

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

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

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

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

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