HTML CSS HTML/CSSで要素の４辺の空間を指定する方法 marginを指定すると、要素の外側に領域を作成します。
HTML/CSSで要素の４辺の空間を指定する方法 marginを指定すると、要素の外側に領域を作成します。 margin プロパティ があります。 margin でよく使う設定方法 表示ページの左右真ん中に配置 margin: auto; ...
HTML CSS 
フリーナンス フリーナンス フリーランス向けサービス。無料で登録するだけで、最高5,000万円の損害賠償が付く！
日本で初めてのフリーランス向け収納代行サービスと即日払いサービス フリーナンスって知ってますか？ 「2018年話題になったサービス」多数のメディアで取り上げられ、 ツイッターやブログなどでも大変好評なサービスになります。 フリーナンス簡単な...
Figma Figma グラデーションを適用して図形やボタン作る方法。YouTube動画あり。初心者でも簡単に出来た。
Figma グラデーションを適用して図形やボタン作る方法 Figmaで図形を使って、ボタンを作る時に、ちょっと グラデーションを適用して作る方法調べたら、簡単に出来た。 やり方は簡単なんで、良かったら参考にして下さい。 今回は、ナヴィゲーシ...
HTML CSS 【サンプルコードあり】CSSセレクタの擬似クラス ｐ:nth-child()・p：nth-of-type() 一定間隔の要素を指定することができる。
CSSセレクタの擬似クラス 一定間隔の要素を指定することができる。 使用例は、テーブルの行単位で色を変えたい。 複数の場所にCSSで指定をしたい場合などに指定することが可能。 ｐ:nth-child()とｐ：nth-of-type()があり...
HTML CSS 画像（img) を中央よせにする方法。インライン要素・ブロック要素の違いに注意。
CSSでimg真ん中に寄せる方法 CSSで画像（img要素）を中央に寄せて表示させる方法は、 寄せたい画像の外枠になる、div要素にtext-align : center を付与するとうまくいきます。 imgを真ん中に配置 今回の場合で、画...
HTML CSS CSSでの文字の装飾、蛍光ペンで書いたようなマーカーを付けるのも簡単に出来た。
CSSでの文字の装飾で、蛍光ペンで書いたようなマーカーを付ける方法をやってみた。 文章中の文字を強調したい時によく使われる、 蛍光ペンで書いたようなマーカーを、CSSでも簡単に 表現することが可能です。 この記事では、その方法を書いていきま...
BASEオフィシャルパートナー BASEオフィシャルパートナー経由でネットショップ開設すると お得な特典がもらえます。
BASEオフィシャルパートナー経由でネットショップ開設すると お得な特典がもらえます。 この機会に、開設して有利に販売始めましょう。 BASEは、ネットショップが無料で手軽に始めることができ、 簡単にデザイン性の高いネットショップが簡単に出...
HTML CSS HTML・CSS table テーブル表組みのやり方。border-collapse・table-layoutについて。rowspan とcolspan についても書いてみました【サンプルコードあり】
テーブル表組みのやり方。border-collapse・table-layoutについて。 HTMLでテーブルを作成する時は、table タグで作成可能。 rowspan とcolspan についても書いてます。 シンプルな、テーブル作成コ...
Figma Figmaの便利なショートカット。Windows版一覧表作成してみました。
Figmaの便利なショートカット。Windows版一覧表にしてみました。 Figmaは、ブラウザで簡単にデザインができるツールになります。 先日、サイトのコーディングするのにはデザインカンプ必須とのこと。 Figmaでの作成に挑戦しました。...
VScode HTML/CSSでのコーディングの時に、Emmetの省略記法、知ってると作業効率がむっちゃ上がる。知らないと時間を損してますよ。
Emmetの省略記法、HTML/CSSでのコーディングの時に 知ってると作業効率がむっちゃ上がる。 HTML・CSSでのコーディングする際、何度も同じコードを 書いていきますよね。 VScodeでやってる場合は、単語入れると、候補が表示され...