WEB制作– category –

みなさん、こんにちは。ここぽてとです。私は、現在本業の仕事をしながら、空き時間にWEB制作の学習をしています。学習をしていると、コーディングのスピードは上がっていくものの、やはり自分の力では限界があることに気づいてしまいました。効率的にプロ...

こんにちは、ここぽてとです。 本日も前回と引き続き、仮想スイーツショップのサイトを作っていきます。 本日はフッターを作って、レスポンシブ対応の練習をしていきます！ 【】 フッターを作る リストでカード形式のリンクを作成する <ul class="...

こんにちは、ここぽてとです。 本日も前回と引き続き、仮想スイーツショップのサイトを作っていきます。 今日はメインコンテンツの作成です♪ 【】 <picture>タグを使って、パソコンとスマホの画像を出し分ける <!-- Emmetでpicture>srcと入れ...

こんにちは、ここぽてとです。 本日からは、仮想スイーツショップのサイトを作っていきます。見本はこんな感じ！ めっちゃオシャレでテンション上がります♪ 【】 コーディング準備編 Chromeのデベロッパー（検証）ツールの使い方 ポイントWEB制作はChrome...

こんにちは、ここぽてとです。本日は、JavaScriptの基本を学ぶということで、前半は、JavaScriptのファイルの作成手順やconsole.log();を使って、コンソール画面にテキストや数字を出力する練習をしていき、後半は、関数や条件分岐について学んでいきます...

こんにちは、ここぽてとです。本日は、WOWライブラリを使い、作成したサイトにスクロールでの登場にあわせて「フワッと」表示されるように動きをつけていきます！ すごく簡単にアニメーションをつけれて、いろいろ試しすぎちゃいました（笑） それではいっ...

こんにちは、ここぽてとです。本日は作成したホームページにスライダーを作っていきます！ ホームページによくある画像をスライドすると違う画像がでてくるやつだね！ こちらは、javascriptライブラリを使って作るのですが、簡単そうに見えていたのですが...

こんにちは、ここぽてとです。 いよいよフッターまで来ました！かなり長かった（笑）でも1つ前のお問い合わせフォームの課題が難しすぎてかなり苦戦しましたが、今回はフッターで最後のところなので気合いを入れて、学習を頑張っていきます！ コーディング...

みなさん、こんにちは。ここぽてとです。毎日WEB制作の学習を頑張ってます！本日はGoogleマップをサイトに埋め込んでいく方法をまとめたいと思います。 お店のホームページによくお店の地図が載っているよね！今日はそれを作っていくよ！ この学習をすると...

みなさん、こんにちは。ここぽてとです。本日もWEB制作中級編に取り組んでいきます。今回の学習は本当はテーブルとGoogleマップの埋め込みのコーディングなのですが、半分に分けてこちらのテーブル学習編を先に学習の記録として残したいと思います。 コー...