2023年07月クラス
CSSリセットとは、デフォルトでブラウザに付いているスタイルを打ち消す（リセットする）CSSのことです。 すべてのブラウザには、すべてのWebページに適用される「user agent stylesheet」と呼ばれるデフォルトのスタイルが付属しています。CSSリセットはブ…
トップページ <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>モバイルに特化したwebサイト</title> <link rel="stylesheet" href="css/style.css"> </head> <body id="top"> <div class="bg-wrapper"> <div class="bg-inner"></div> </div></body></html>
郵便番号を入れると自動的に住所が入るプラグインです。 使い方は非常に簡単で、基本的にはformのパーツにclassを付与するだけです。1、まずformタグに指定されたclassを指定します。 <form class="h-adr">2、つぎにformタグの中に、国名(p-country-name) をJapan に指定します <span class="p-country-name" style="display:none;">J</span></form>…
index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>モバイルに特化したwebサイト</title> <link rel="stylesheet" href="css/style.css"> </head> <body > <div class="bg-wrapper"> <div class="bg-inner"></div> </div> </body></html>
今ではpcでもspでも最適に表示されるレスポンシブサイトは当たり前で、最近はむしろspでの表示を優先させ、pc時は画面いっぱいの固定背景（多くはbody要素を固定）を置き、モバイル幅の中にコンテンツを入れるようなspファースト、もしくはspオンリーのサイ…
Sassとは？ Sass(Syntactically Awesome Stylesheets）とはcssのメタ言語で、簡単にいうとcssの機能を拡張した高機能版cssといった感じです。 Sassを使うメリット 変数や関数などプログラム的な使い方が可能 メンテナンス性が高い 記述量を減らし、データの…
今回の要件定義 制作するサイト：スマホに特化したLP スイーツお取り寄せのサブスクサービス店舗名：Sweet Box タグライン1:enjoy sweet at home タグライン2:おうちで楽しむ新しいスイーツ体験 コンセプト 全国の選りすぐりのお店から 自慢のスイーツセット…
基本的にはJavascriptと同じですが、PHP独自のフォーマットをしっかりと覚えましょう。 １、「どのような形式で」を指定できる関数：date関数（フォーマット文字列） ２、「いつの日付を」を指定できる関数：mktime関数（タイムスタンプ） timezoneの設定 本…
