Buy Old Gmail Accounts
We provide best quality old Gmail account at lowest price. These Gmail accounts of ours are built w…
View Article【css】横に少しだけズレが生じる時の直し方
問題 全体コンテンツの高さが ・ファーストビューに収まらなかった時 ・収まった時 ↓ 横へ少しだけズレが生じる 原因 全体コンテンツの高さによって横ズレが生じる問題は、スクロールバーの有無 ・スクロ…
View ArticleCSS の セレクタの区切り文字として始まった 結合子 が 結合子と呼ばれるまで
CSSの解説記事を読んでいると 子孫セレクタ と呼んだり、子孫結合子と呼んだりしているのを見ます。 ただ、MDN では 子孫結合子です。 https://developer.mozilla.org/…
View Articlemarginとpaddingの違いを本気で解説してみた
はじめに block 要素に margin と padding をそれぞれつけてみるとどうなるか。 See the Pen Untitled by KadoBloG (@KadoProG) on C…
View Articleハンバーガーメニューの完全なコードはこちらから。
ハンバーガーメニューを自作するのが面倒な人へ捧ぐ。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <me…
View ArticleWeb画面の(frameset風)左右分割はどうするのか？
太古にframesetありき。 非常に使い易かったのだが、諸々の事情で廃止となった。 そこで、「html css 画面分割」等のキーワードでネタをさがし、 OsadaSoftさんの方法がイメージに近…
View ArticleTailwind CSSの取り入れ方
Web制作のスピードとデザイン性を両立できるCSSフレームワークといえば、いまや人気急上昇中のTailwind CSS。シンプルかつ柔軟なユーティリティクラスを使うことで、HTMLファイルだけで高速…
View Articledetails summaryにアニメーションをつける
https://codesandbox.io/embed/zqwcjt?view=preview&module=%2Findex.html&hidenavigation=1
View ArticleMapbox と ZENRINMapsAPI の最適巡回ルート比較してみた
要約 本記事では、ZENRIN Maps API と Mapbox API を使用し、東京駅 → 渋谷 → 新宿高等学校 → 東京都庁舎 のルートを比較しました。各 API のルート検索結果を基に、…
View Article高校生が初めてシステムの個人開発に挑戦した話
はじめに このような記事を書くのは初めてなので、温かい目で読んでいただけると幸いです。 この記事では、私が通う学校で運行しているスクールバスの現在位置を確認できるシステム（サービス？）の開発記録を残…
View ArticleMarkdownAIで、昨日と今日の天気を比較できるアプリを作った
はじめに ようやく長い猛暑が終わったと思っていたら、2月に入ってからとても寒い日が続いて大変ですね。 温度や天気に対する感覚があまりないので、「今日の最高気温は11度です」と言われても、結局寒いのか…
View ArticleHTML / CSS / JavaScript 制作 Tips 初級編
HTML / CSS / JavaScript 制作 Tips 初級編 user: ChatGPT先生、今日は HTML/CSS/JavaScript を用いたWebページ制作について Tips 集…
View ArticleHTML / CSS / JavaScript 制作 Tips 中級編
HTML / CSS / JavaScript 制作 Tips 中級編 user: ChatGPT先生、先日はHTML/CSS/JavaScript を用いたWebページ制作の初級編について教えてく…
View ArticleHTML / CSS / JavaScript 制作 Tips 上級編
HTML / CSS / JavaScript 制作 Tips 上級編 user: ChatGPT先生、先日はHTML/CSS/JavaScript を用いたWebページ制作の初級編・中級編について…
View Article【詳細画面】textareaを入力不可 &フォーカス時の青い線を消す方法
方法 ポイント ①readonly：ユーザーは編集できない ②focus:ring-0 focus:border-gray-300：フォーカス時に青い線を消す <textarea ⭐️readonl…
View Article個人的な資格の受かり方~HTML5プロフェッショナル認定試験 レベル1~
1. はじめに 今回の記事では、HTML5プロフェッショナル認定試験レベル1（Ver. 2.5）に合格した経験から、勉強方法や使用した参考書、試験を受ける前と終えた後の印象などをまとめたいと思います。 これから受験しようと思っている人、勉強方法に迷っている人などの参考になると嬉しいです…
View Articleマトリックス風の背景で流れるメッセージを表示する
はじめに 皆さんは映画『マトリックス』のような、緑の文字が画面を縦に流れるかっこいい演出を見たことがあるでしょうか。今回、そのマトリックス風の背景をWebブラウザ上で再現してみました。さらに、画面の…
View Article文字のSVGストロークアニメーション
SVGアニメーションを復習しよう！ SVGとは SVG（Scalable Vector Graphics) ベクター形式の画像をXMLで記述するファイルフォーマット。 SVGのメリットとして以下が挙…
View ArticleHTML / CSS / JavaScript 制作 Tips 番外編
HTML / CSS / JavaScript 制作 Tips 番外編 user: ChatGPT先生、先日はHTML/CSS/JavaScript を用いたWebページ制作の初級編・中級編・上級編…
View Article