2021-01-01から1年間の記事一覧
Datepicker：カレンダー&入力チェック code-step.com セミナー お申込みフォーム 名前 必須 電話番号 必須 - - 予約日 必須 13時 ～ 14時 受講形式 必須 オンラインで受講 会場で受講 当日はオンライン会議システムを使用いたします。 ご受講にあたり、端末…
slick：カルーセルスライダー code-step.com
複数画像をホバーで切り替え code-step.com
アコーディオンメニューの練習 code-step.com 募集職種 １．Webディレクター 仕事内容 テキストテキストテキストテキスト 応募資格 テキストテキストテキストテキスト 必須スキル テキストテキストテキストテキスト 給与 XXX万～XXX万 (スキル・経験・実績に…
Webサイト制作でよく使うjQueryの基礎と使い方 code-step.com
番外編：ドロップダウンメニューの練習 code-step.com Navigation Menu Menu Single Menu Wide Wide Child Wide Child Wide Child Wide Child Wide Child Wide Child Wide Child Wide Child Wide Child Wide Child Menu Single Menu Wide <html lang="ja"> <head> <meta charset="UTF-8"> </meta></head></html>
番外編：画像を斜めに表示する練習 code-step.com DEVELOPMENT 都市開発 私たちは、明るい経済社会を実現するための都市・ 地域づくりという観点から未来に残していけるような 都市作りを行っていきます。 ポイント 疑似要素（after）で白いボックスを作りテ…
番外編：行数が異なる画像の横並びの練習 code-step.com CSS Gridで設定 <html lang="ja"> <head> <meta charset="UTF-8"> <title>【コーディング練習】行数が異なる画像の横並びの練習</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/grid.css"> </head> <body> <div class="content"> </div></body></html>
番外編：positionの練習 code-step.com OUR SERVICES We can provide flower arrangements for offices, hotels, restaurants & retail spaces. テキストテキストテキテキストテキストテキストテキテキスト テキストテキストテキテキストテキストテキストテ…
番外編：疑似要素の練習 code-step.com LUNCH テキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキスト <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>【コーディング練習】疑似要素の練習</title> <link rel="stylesheet" href="css/style.css"> …</link></meta></meta></head></html>
ギャラリーサイト：スクロールイベント code-step.com TOP INFORMATION GALLERY ACCESS CONTACT Hello Flower! FA EXHIBITION 2021 INFORMATION 2021 JUL 1(THU)-3(SAT) DAY1 10am-6pm OTHER 10am-5:30pm at PARK SIDE HALL 2021年7月1日(木)ー3日(土) Day1 …
メディアサイト：グリッドレイアウト code-step.com Sneakers PICK UP FEATURE CONTACT Twitter facebook instagram PICK UP ピックアップ６ テキストテキスト ピックアップ７ テキストテキスト ピックアップ８ テキストテキスト ピックアップ９ テキストテ…
コーポレートサイト：固定サイドメニュー code-step.com 明るいHOUSE 私たちについて サービス 商品情報 展示会 暮らしの日記 会社概要 Twitter facebook instagram 建築事例をご紹介 PROJECT_01 PROJECT_02 PROJECT_03 PROJECT_04 明るいHOUSEの特徴 design…
ランディングページ：CSSアニメーション code-step.com BBB英会話スクール 話して学ぼう！ BBB英会話スクール 無料体験はこちら BBBが選ばれる理由 オンライン対応 24時間いつでも受講できる！ 講師はネイティブ お気に入りの講師が自由に選べる！ 受講生の…
インテリアストアサイト：グリッドレイアウト code-step.com Furniture Design PRODUCTS ABOUT COMPANY CONTACT プロダクトタイトルプロダクトタイトル ¥99,999 +tax プロダクトタイトルプロダクトタイトル ¥99,999 +tax プロダクトタイトルプロダクトタイト…
カフェストアサイト：LP code-step.com MENU ABOUT LOCATION COFFEE MENU COFFEE XXXXXXXX ¥500 XXXXXXXX ¥500 XXXXXXXX ¥500 XXXXXXXX ¥500 XXXXXXXX ¥500 XXXXXXXX ¥500 XXXXXXXX ¥500 XXXXXXXX ¥500 XXXXXXXX ¥500 XXXXXXXX ¥500 FOOD XXXXXXXX ¥500 XXXX…
ブログサイト：2カラム code-step.com Travel Blog NEW COLUMN SERIES Q&A CONTACT テキストテキストテキスト タイトルテキストテキストテキストテキストテキストテキストテキスト READ MORE テキストテキストテキスト タイトルテキストテキストテキストテキ…
ストアサイト（和菓子）：縦書きレイアウト code-step.com 創作 お知らせ 商品のご紹介 店舗のご案内 オンラインストアを見る News お知らせ 2021.01.01 タイトルタイトルタイトルタイトル 2021.01.01 タイトルタイトルタイトルタイトル 2021.01.01 タイトル…
コーポレートサイト：LP code-step.com Web Entertainment Design NEWS ABOUT BUSINESS COMPANY お問い合わせ NEWS ニュース 2021.01.01 NEWS タイトルタイトルタイトルタイトル 2021.01.01 PRESS タイトルタイトルタイトルタイトル 2021.01.01 NEWS タイト…
ECサイト：商品ページ code-step.com TOTALLY ALL NEW VINTAGE CATEGORY LOOKBOOK BLOG LOGIN CONTACT TOTALLY Short Sleeve Shirt テキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト テ…
ストアサイト（書店）：1カラム code-step.com Mag88 A special, long article in a newspaper or magazine テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト…
ポートフォリオサイト：LP code-step.com My Work About Works News Contact インスタグラム About Xxxxx Ashley 2th Floor xxxxx Building x-x-x Nishiazabu, Minato-ku, Tokyo 106-0031 Japan tel: 000-0000-0000 url: www.xxxxxx.jp mail: xxx@xxxxxx.jp …
入門編：ブランドサイト（ジュエリー）／LP code-step.com Wooden Jewelry Concept Work Contact 私たちの考えるジュエリーとは Concept テキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキス…
レシピサイト：レシピページ code-step.com ひよこ豆とアボガドのタコス たっぷりのひよこ豆とレンズ豆にアボガドとトマトを添えて、少しライムを絞ったらおいしいタコスのできあがりです。 材料（2人分） テキストテキスト 1個 テキストテキスト 1個 テキス…
レシピサイト：トップページ code-step.com 画像は、Pexels「dinner restaurant」で検索 Recipe Diary 日々の料理レシピをまとめています。 和食や洋食、中華、お菓子までいろいろな料理レシピをアップしていますので、 みなさんの献立にお役立てくださいね…
フォトサイト2：LP code-step.com PHOTO BOOK 2 INDEX 1.タイトルタイトルタイトルタイトルタイトルタイトルタイトル 1.タイトルタイトルタイトルタイトルタイトルタイトルタイトル 1.タイトルタイトルタイトルタイトルタイトルタイトルタイトル 1.タイトル…
フォトサイト：LP code-step.com PHOTO BOOK INDEX 1.タイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトル 2.タイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトル 3.タイトルタイトルタイトルタイトルタイトルタイトルタイト…
プロフィールサイト：LP code-step.com 画像は、Pexels「bicycle」で検索 Profile About Bicycle About KAKERU MIYAICHI テキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト テキストテキ…
コーディング練習 コーディング練習サイトの素材を利用させてもらう マークアップ・文書構造は、見本を利用しないでゼロから書き起こす 基本的には、モバイルファーストの記述を目指す FlexboxとGridを適時使い分ける Codestep code-step.com 作って学ぶコー…
ポートフォリオ（スプリットスクリーン） 「header」部を、ブラウザー上部に固定 webdesigner-go.com 記述例 - 参考サイト例との違い モバイルファーストで記述 リセットCSSは、独自CSS内に記述 コーディンは、アウトラインのツリー構造を意識しながらマーク…
