JavaScript 【サンプルコードあり】ハンバーガーメニューページ内リンク飛ばない時の解消は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で図形を使って、ボタンを作る時に、ちょっと グラデーションを適用して作る方法調べたら、簡単に出来た。 やり方は簡単なんで、良かったら参考にして下さい。 今回は、ナヴィゲーシ...
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を真ん中に配置 今回の場合で、画...