-
HTML
Googleカスタム検索用のテンプレHTMLを共有します【自由にデザイン・装飾】
Googleカスタム検索の実装に苦手意識や、不安がある人 Googleカスタム検索のフォーム欄って、CSSで自由に装飾できるのかな? オリジナルデザインのフォームに、Googleカスタム検索を実装してほしいと依頼されたけ […] -
HTML
HTML・CSS学習中の方に、ずっと使える本を紹介します
HTML・CSS学習中の人 ググっても解決しない。目的の記事にたどり着けない。 どうやって調べればいいんだ? 今回は、HTML・CSSの辞典を紹介しますが、こういう辞書が一冊あると目的の内容にすぐにたどりつけますし、ネッ […] -
HTML
tableの罫線が重なって表示されない?表示させるCSSプロパティを紹介します。
シンプルなテーブルのコーディングに悩まされている人 外側の罫線と、内側の罫線のスタイルを別々にしたかっただけなのに上手くいかないわ。外側の罫線が表示されず、内側の罫線に上書きさちゃうのよ、まったく。今すぐ私に、エレガント […] -
HTML
ハンバーガーメニュー(ドロワーナビゲーション)の作り方
ハンバーガーメニュー(ドロワーナビゲーション)を楽して作りたい人ハンバガーメニューどうやって作るんだろ?毎回作るの大変そうだから、ちゃんとしたテンプレほしいなぁ こういった疑問に答えます。 しんぺーこの記事を書いているぼ […] -
HTML
オリジナルデザインのSNSシェアボタンを作成する方法
SNSシェアボタンの作り方で悩んでいる人 SNSシェアボタンどうやってつくればいいんだ?ボタンのデザインを自由に作成したいなぁ公式ドキュメントとか見ずに、さくっと作れないかな? 今回はこんな悩みに答えていきます。 SNS […] -
HTML
サイト内検索を実装する
【Googleカスタム検索が最速】サイト内検索の実装に、なんとなく苦手意識がある人 サイト内検索の実装って大変そう…サイト内検索実装してって言われたけど、どうすればいいか分からない実装面倒だし、もう実装しなくていいかなぁ、、 こういった悩みに答えてい […] -
HTML
特定のURLの時にjQueryでクラスを付加する
完成のイメージ お問い合わせのフォームに入力画面、確認画面、完了画面があるけど、こういうのどうやればいいんだ?? currentクラスをつけた時にCSSで装飾を変えるところまではできたけど、この先どうすればいいか分からな […] -
HTML
【コーディング解説】カード型UIのコーディング
完成形のイメージ 上記の3カラムのカードのコーディングを解説します。 カード型UIのコーディングに困っている人 カードタイプのモジュールのコーディングって面倒。 文字数変わったり、要素数変わると表示崩れちゃうし。 画像の […] -
HTML
.containerを超えるコーディング
コンテナ幅を超える画像の配置方法です。 1行のCSSで可能です。いちど親要素のcontainerから出してコーディングすることもできますが、面倒なのでCSSを1行追加して実装します。 CSS これだけです。 要素の幅(1 […] -
HTML
現在地からのルート(経路)付きのGoogleMapをHTMLに埋め込む
経路付きのGoogleMapを埋め込むテンプレート 雛形のURL 移動手段の指定 解説 Web制作をしていると、GoogleマップをHTMLに埋め込むことはよくあります。マップの埋め込みは難しくないのですが、「目的地まで […]