Codejump【旧Codestep】

Webサイト制作のスキルを身につけるためのコーディング学習サイト。Codejump→h…

Codejump【旧Codestep】

Webサイト制作のスキルを身につけるためのコーディング学習サイト。Codejump→https://code-jump.com/　|　Codejump Pro→https://code-jump.com/cp/　|　Twitter→@codestep_com
  • 固定された記事

【無料コーディング練習】note風サイトを作ってみた

実践的なWebサイト制作のスキルを身につけるためのコーディング学習サイト「Codejump」のオフィシャルアカウントです。 今回はHTMLを学習中の方向けに、note風サイトの作り方を解説していきます。 本家のサイトを参考にしながら、初級者の方が学習しやすいように、構成を少しシンプルにしてゼロから作ってみました。 JavaScriptは使用せずに、HTMLとCSSだけでコーディングしています。 完成イメージはこんな感じです。 今回はトップページだけですが、学べることは

Codejump【旧C…

    • 【模写コーディング 練習課題】中級編：ストアサイト（インテリア）／グリッドレイアウト

      今回は、簡単な模写コーディングを終えた方向けの、中級編の模写課題を作りました。 「デザインカンプ」と「コーディングポイント」をもとに、コーディングにチャレンジしてみください！ 課題内容南青山で家具やインテリアの企画、販売を行う会社から、製品を紹介するためのWebサイトを制作してほしいと依頼がありました。 オリジナルの製品を一覧で見せられるよう、グリッドレイアウトでコーディングを行います。 設定単価 コーディング：15万円 ・トップページ ・Productsページ ・Pr

      Codejump【旧C…

      • 【模写コーディング 練習課題】初級編：ポートフォリオサイト／LP

        今回は、模写コーディング初級者の方向けの、初級編の模写課題を作りました。 「デザインカンプ」と「コーディングポイント」をもとに、コーディングにチャレンジしてみください！ 課題内容東京の西麻布を拠点に活動するフォトグラファーから、ポートフォリオ用のサイトを作ってほしいと依頼がありました。 プロフィール欄の他に、作品の紹介、近況の活動を知らせるニュース、コンタクトフォームが必要とのことです。 設定単価 コーディング1ページ：5万円 デザインカンプ▼XDデータ こちらから

        Codejump【旧C…

        • 【模写コーディング 練習課題】入門編：プロフィールサイト／LP

          模写コーディングにはじめてチャレンジする方向けの、入門編の模写課題を作りました。 「デザインカンプ」と「コーディングポイント」をもとに、コーディングにチャレンジしてみください！ 課題内容ロードバイクが趣味の友人から、自転車を紹介するための簡単なWebサイトを作ってほしいと頼まれました。 サイトに掲載するのは、簡単な自己紹介と自転車の写真だけです。 設定単価 コーディング1ページ：1万円 デザインカンプ▼XDデータ こちらからダウンロードできます。 ▼PC表示 ▼

          Codejump【旧C…
        • 固定された記事

        【無料コーディング練習】note風サイトを作ってみた

        Codejump【旧Codestep】

          【無料コーディング練習】Apple風サイトを作ってみた

          実践的なWebサイト制作のスキルを身につけるためのコーディング学習サイト「Codejump」のオフィシャルアカウントです。 前回に引き続き、コーディング練習の第２弾です！！！ 前回は、note風のサイトを作りながら2カラムのタイル状レイアウトの勉強をしていきましたね。 まだの方は、今回の学習が終わった後でも大丈夫ですので、ぜひこちらの記事も学習に役立ててくださいね！ さて、今回ですが、言わずと知れた超有名サイト、Apple風サイトの作り方を学習していきたいと思います！

          Codejump【旧C…

          【無料コーディング練習】Apple風サイトを作ってみた

          Codejump【旧Codestep】