HTML CSS Page Ruler Reduxが使えなくなったので、代わりにグリッド定規(Grid Ruler)とDimensionsでページの要素などのサイズを測定の拡張機能使ってみた。
ページの要素などのサイズを測定できるGoogle Chromeの拡張機能。 Page Ruler Reduxを使ってたのですが、最近この拡張機能が ポリシーに違反してるとのことで、使用出来なくなった。 そこで、変わりに使える拡張機能探したの...
HTML CSS 
GAS サンプルコードあり GASを使って簡単なHTMLサイトの作成が可能。新しいエディタはデプロイで公開
GASを使って簡単なHTMLサイトの作成が可能。 この記事では新しいエディタはデプロイで公開まで書いてます。 GASの勉強してると、よくぶち当たる問題。 それは、エディタがどうも最近新しくなって、 操作ボタン等の配置が大幅に変更になってる。...
HTML CSS 【サンプルコードあり】 li(リスト)スタイルで、hoverした時に背景色の変更したが枠いっぱいに反映されない。
li(リスト)スタイルで一覧表を作成して、aタグにhoverした場合、背景色が変わる設定をしても、背景色が枠いっぱいに反映されない場合その解消が出来たので、この方法でホバーした時に反映される範囲を操作しやすくなるそんな内容を記事に書きました。
HTML CSS 【サンプルコードあり】ナビの文字にa要素でリンクつけて下線表示、hoverした時に上下に広がってしまった時にした解消方法。
今回は、ナビゲーションメニューの所で、文字hoverした時に 文字の下に下線が出る設定をした。 文字hoverした時に下線が出るようにはなったが、 hoverしたら上下にふくれるような動きになる。 今回の下記のサンプルの場合は、navの文字...
HTML CSS 【サンプルコードあり】HTML・CSSでコーディングしてて、意図しないマージンと要素の重なり（おかしな重なり）等があった場合の修正
今回、コーディング時に下記のように変な状態になってたんで、 その原因と、今回どうやって修正したか記事にしました。 もし同じような状況になって場合は参考にしてみてください。 改善前の状態 改善後の状態 今回の不具合の原因 このセクションを囲っ...
JavaScript 【サンプルコードあり】ハンバーガーメニューページ内リンク飛ばない時の解消はJavaScriptコード追加で簡単に出来た。
ハンバーガーメニューページ内リンク飛ばない時の解消 JavaScriptを使って作成したハンバーガーメニューで、 リンクをクリックした時に、ハンバーガーのウインドウが 消えない状態の解消方法を書いていきます。 ハンバーガーメニューから、リン...
HTML CSS 【サンプルコードあり】画像に重ねる文字等の上下左右の中央揃えの時に注意する事
今回は、画像に文字等重ねて、中央に配置したい場合の やり方、positionを使うと簡単にできます。 その時の注意点、実際に私が失敗したので 改善前と改善後の方法を書いてみました。 コードを書く時には、レスポンシブの事も考えて 出来るだけ、...
プログラミング おすすめのプログラミングスクール5選 HTML・CSSからJavaScript やPythonなどいろいろありますよね
プログラミングスクールの需要が、ここ最近は高まってる傾向にあります。 近年は、プログラミングを勉強して、ネット制作の仕事をされる方が 多くなり、独学で勉強されてる方や、塾などに通って勉強される方 様々です。 また、プログラミングスクールいろ...
HTML CSS カーゾルを合わせると、矢印が横に伸びるボタンの作成方法
カーゾルを合わせると、矢印が横に伸びるボタンの作成方法 今回は、カーゾルを合わせると、矢印が横に伸びるボタンを はじめて作る際に、どうやって形にしていったかを記事に してみました。 コーディングにしてもプログラミングにしても、実際に 自分が...
HTML CSS 意図しない所がクリック出来る、a要素のリンクがヘンな場所にある場合、なくすには小さくしたり、反映範囲の指定でＯＫ 【サンプルコードあり】
a要素のリンクがヘンな場所にある場合、なくすには小さくしたり、反映範囲の指定でＯＫ HTML/CSSでコーディングしてる時。 画像にリンクをつけた時、意図しない変なところがリンクできる状態に なってませんか？ これ、よくあります。 画像の外...