2018年8月– date –
-
jQuery(js)
JavaとJavaScriptって似てるけど違うの?
先日広告代理店さんと話をしたのですが、JavaとJavaScriptを同じものとして話すもんで最初の30分くらい意味が分かりませんでした。エンジニアで無い方は間違っても仕方ないかもしれないですし、僕も組み取れればよかったですが混乱しちゃいました。 J... -
HTML+CSS
CSSレスポンシブでYouTubeやGoogleMapの埋め込みを縦横の比率を保ったまま表示させる方法
YouTubeやGoogleMapをホームページに埋め込んだ場合、スマホで表示すると画面からはみ出したり縦長になってしまいます。PCで表示すると横長の長方形で見やすくてちょうどいいんですけどね。下の画像は縦長表示の例です。これに対し、縦横比をそのままでス... -
HTML+CSS
レスポンシブcssでtableを縦表示したり横スクロールする方法
レスポンシブ対応を行うとどうしても画面が崩れてしまう部分が出てきます。僕が作ったサンプルページでもメニューやテーブル、サイドバーなどはまだまだ調整が必要です。メニューはCSSだけでは対応出来ないので今回はテーブルをレスポンシブにしていこうと... -
HTML+CSS
CSSでレスポンシブ対応をするときの一番最初にする対策の書き方
サイトによりますが、最近はスマホからのアクセスが8割ほどあります。そのためスマホ対策は必須だと言えるでしょう。レスポンシブとは、例えばスマホで開くとスマホ用のデザイン、PCで開くとPCのデザインでページが表示される仕組みのことを言います。その... -
HTML+CSS
chromeのデベロッパーツールを使ってCSSを効率よく検索して修正する方法
HTMLやCSSを修正しようとしたとき、特にCSSを修正しようとしたとき、どのCSSが最終的に適用されているか見つけづらいときありませんか?僕は10年以上プログラマーをやっていますが、恥ずかしながら未だにテキストエディタだけでは見つけれないことが多々あ... -
HTML+CSS
HTMLのINPUTタグの種類を、お問い合わせフォームで解説
HTMLはWEBサイトを作成していると必要になるのがINPUT項目です。INPUTとは名前や電話番号、お問い合わせ内容などを入力するためのフォームを作るタグです。これを使えれば、HPにお問い合わせフォームなどを設置してお客様とコンタクトを取ったり出来ます。... -
HTML+CSS
HTMLのテーブルを使いメニュー表などを作成し見やすくする
HTMLにはテーブルというものがあります。テーブルを使うとメニュー表などの表で作成するものが簡単に綺麗に整理して表示することが出来ます。これを使うことにより、サイトが見やすくなりSEOや成約で有利になります。【テーブルとは】テーブルとは、上の画... -
HTML+CSS
CSS+HTMLで画像の表示サイズを変更する方法を3つ紹介
画像を挿入してみたが、サイズが合わずデザインがあまりきれいにならない場合があると思います。そんなとき、画像自体のサイズを変更して表示する方法もありますが、HTMLとCSSの修正で表示サイズを変更する方法をご紹介します。【修正する場所】具体的にど... -
HTML+CSS
floatを使ってサイドバーを追加するHTML+CSSの解説
サイドバーがあるとサイトをあまりスクロールせずにより多くの情報を提供出来るかと思います。サイドバーの上部バナーはクリックされやすいため、アフィリエイトやビジネスでHPを作る際にはサイドバーはあったほうがいいかもしれない。 そのサイドバ... -
HTML+CSS
CSSでドロップダウンメニューを上に開く方法
CSSでドロップダウンメニューを上に開く方法をお伝えしたいですが、その前にドロップダウンを上に開くって変ですね。白い黒板みたいな感じです。黒いホワイトボードの方が近いかな?そんなことはさておき、ドロップダウンメニューを上に開きたいという需要...










