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