HTML CSS 【サンプルコードあり】ナビの文字にa要素でリンクつけて下線表示、hoverした時に上下に広がってしまった時にした解消方法。
今回は、ナビゲーションメニューの所で、文字hoverした時に文字の下に下線が出る設定をした。文字hoverした時に下線が出るようにはなったが、hoverしたら上下にふくれるような動きになる。今回の下記のサンプルの場合は、navの文字がhov...
inopro
HTML CSS 
HTML CSS 【サンプルコードあり】HTML・CSSでコーディングしてて、意図しないマージンと要素の重なり（おかしな重なり）等があった場合の修正
今回、コーディング時に下記のように変な状態になってたんで、その原因と、今回どうやって修正したか記事にしました。もし同じような状況になって場合は参考にしてみてください。改善前の状態改善後の状態今回の不具合の原因このセクションを囲ってる中に、M...
JavaScript 【サンプルコードあり】ハンバーガーメニューページ内リンク飛ばない時の解消はJavaScriptコード追加で簡単に出来た。
ハンバーガーメニューページ内リンク飛ばない時の解消JavaScriptを使って作成したハンバーガーメニューで、リンクをクリックした時に、ハンバーガーのウインドウが消えない状態の解消方法を書いていきます。ハンバーガーメニューから、リンクをクリ...
HTML CSS 【サンプルコードあり】画像に重ねる文字等の上下左右の中央揃えの時に注意する事
今回は、画像に文字等重ねて、中央に配置したい場合のやり方、positionを使うと簡単にできます。その時の注意点、実際に私が失敗したので改善前と改善後の方法を書いてみました。コードを書く時には、レスポンシブの事も考えて出来るだけ、まとまりで...
プログラミング おすすめのプログラミングスクール5選 HTML・CSSからJavaScript やPythonなどいろいろありますよね
プログラミングスクールの需要が、ここ最近は高まってる傾向にあります。近年は、プログラミングを勉強して、ネット制作の仕事をされる方が多くなり、独学で勉強されてる方や、塾などに通って勉強される方様々です。また、プログラミングスクールいろんな種類...
HTML CSS カーゾルを合わせると、矢印が横に伸びるボタンの作成方法
カーゾルを合わせると、矢印が横に伸びるボタンの作成方法今回は、カーゾルを合わせると、矢印が横に伸びるボタンをはじめて作る際に、どうやって形にしていったかを記事にしてみました。コーディングにしてもプログラミングにしても、実際に自分が表現したい...
HTML CSS 意図しない所がクリック出来る、a要素のリンクがヘンな場所にある場合、なくすには小さくしたり、反映範囲の指定でＯＫ 【サンプルコードあり】
a要素のリンクがヘンな場所にある場合、なくすには小さくしたり、反映範囲の指定でＯＫHTML/CSSでコーディングしてる時。画像にリンクをつけた時、意図しない変なところがリンクできる状態になってませんか？これ、よくあります。画像の外にリンクが...
HTML CSS HTML/CSSで要素の４辺の空間を指定する方法 marginを指定すると、要素の外側に領域を作成します。
HTML/CSSで要素の４辺の空間を指定する方法marginを指定すると、要素の外側に領域を作成します。margin プロパティ があります。margin でよく使う設定方法表示ページの左右真ん中に配置margin: auto;他の書き方 ...
フリーナンス フリーナンス フリーランス向けサービス。無料で登録するだけで、最高5,000万円の損害賠償が付く！
日本で初めてのフリーランス向け収納代行サービスと即日払いサービスフリーナンスって知ってますか？「2018年話題になったサービス」多数のメディアで取り上げられ、ツイッターやブログなどでも大変好評なサービスになります。フリーナンス簡単な概要は下...
Figma Figma グラデーションを適用して図形やボタン作る方法。YouTube動画あり。初心者でも簡単に出来た。
Figma グラデーションを適用して図形やボタン作る方法Figmaで図形を使って、ボタンを作る時に、ちょっとグラデーションを適用して作る方法調べたら、簡単に出来た。やり方は簡単なんで、良かったら参考にして下さい。今回は、ナヴィゲーションボタ...