記事一覧
【無料コーディング練習】note風サイトを作ってみた
実践的なWebサイト制作のスキルを身につけるためのコーディング学習サイト「Codejump」のオフィシャルアカウントです。
今回はHTMLを学習中の方向けに、note風サイトの作り方を解説していきます。
本家のサイトを参考にしながら、初級者の方が学習しやすいように、構成を少しシンプルにしてゼロから作ってみました。
JavaScriptは使用せずに、HTMLとCSSだけでコーディングしています。
【模写コーディング 練習課題】中級編：ストアサイト（インテリア）／グリッドレイアウト
今回は、簡単な模写コーディングを終えた方向けの、中級編の模写課題を作りました。
「デザインカンプ」と「コーディングポイント」をもとに、コーディングにチャレンジしてみください！
課題内容南青山で家具やインテリアの企画、販売を行う会社から、製品を紹介するためのWebサイトを制作してほしいと依頼がありました。 オリジナルの製品を一覧で見せられるよう、グリッドレイアウトでコーディングを行います。
設
【模写コーディング 練習課題】初級編：ポートフォリオサイト／LP
今回は、模写コーディング初級者の方向けの、初級編の模写課題を作りました。
「デザインカンプ」と「コーディングポイント」をもとに、コーディングにチャレンジしてみください！
課題内容東京の西麻布を拠点に活動するフォトグラファーから、ポートフォリオ用のサイトを作ってほしいと依頼がありました。
プロフィール欄の他に、作品の紹介、近況の活動を知らせるニュース、コンタクトフォームが必要とのことです。
設
【模写コーディング 練習課題】入門編：プロフィールサイト／LP
模写コーディングにはじめてチャレンジする方向けの、入門編の模写課題を作りました。
「デザインカンプ」と「コーディングポイント」をもとに、コーディングにチャレンジしてみください！
課題内容ロードバイクが趣味の友人から、自転車を紹介するための簡単なWebサイトを作ってほしいと頼まれました。
サイトに掲載するのは、簡単な自己紹介と自転車の写真だけです。
設定単価
コーディング1ページ：1万円
デ
【無料コーディング練習】Apple風サイトを作ってみた
実践的なWebサイト制作のスキルを身につけるためのコーディング学習サイト「Codejump」のオフィシャルアカウントです。
前回に引き続き、コーディング練習の第２弾です！！！
前回は、note風のサイトを作りながら2カラムのタイル状レイアウトの勉強をしていきましたね。
まだの方は、今回の学習が終わった後でも大丈夫ですので、ぜひこちらの記事も学習に役立ててくださいね！
さて、今回ですが、言わ