最近はgridを使用する方も増えてきましたが、やっぱり便利なflexプロパティ。そんなflexを横並びにした時に高さが揃わないことってありませんか?そんな時に確認するべき場所を記載致します。 高さを揃
HTML・CSS・WordPress・PHPなどWEB制作における役立つ知識や小ネタを集めました。
https://web-create-kokusyo.com/
初心者必見!localStorageでデータを管理する方法【JavaScript】
localStorageとは localStorageは、Webブラウザが提供するAPIの一つで、キーとバリューのペアを保存できるストレージです。localStorageに保存されたデータは、明示的に
初心者必見!localStorageでデータを管理する方法【JavaScript】
localStorageとは localStorageは、Webブラウザが提供するAPIの一つで、キーとバリューのペアを保存できるストレージです。localStorageに保存されたデータは、明示的に
HTMLにスタイルを直書きする方法 インラインスタイル インラインスタイルは、HTML要素に直接スタイルを適用する方法です。style属性を使用して記述します。 <p style="c
ウェブ開発において、コメントアウトはコードの可読性やメンテナンス性を高めるための重要な技術です。HTMLだけでなく、PHPでもコメントアウトは頻繁に使用されます。本記事では、HTMLおよびPHPでのコ
Webページを作成する際、テキストの改行は非常に重要です。<br>タグを使うことが一般的ですが、他にもさまざまな方法があります。この記事では、<br>タグ以外のHTMLでの改行
WordPressトラブル解決の決定版!「クイックレスキュー」が安心サポート!
クイックレスキュー 【よこやま良平】が立ち上げた即日対応サービス「クイックレスキュー」は、低価格で迅速なサービスを提供します。調査料やキャンセル料は一切かからず、修復・復旧作業は最短30分で完了します
スクロールバーがあると画面ががたつく スクロールバーは役立ちますが、デザインやユーザー体験に悪影響を与えることがあります。例えば、スクロールバーがあることで画面ががたつくように見えることがあります。こ
「ブログリーダー」を活用して、国生祐樹さんをフォローしませんか?
最近はgridを使用する方も増えてきましたが、やっぱり便利なflexプロパティ。そんなflexを横並びにした時に高さが揃わないことってありませんか?そんな時に確認するべき場所を記載致します。 高さを揃
HTMLを勉強していると、ページの中を「まとまりごとに区切りたい」と思うことがありますよね?そんなときに使うのが<section>タグです。 この記事では、sectionタグの基本・使い方
HTMLを勉強していると、ページの中を「まとまりごとに区切りたい」と思うことがありますよね?そんなときに使うのが<section>タグです。 この記事では、sectionタグの基本・使い方
CSSで z-index を設定したのに「なぜか要素が前面に来ない」「意図した順番にならない」と悩んだことはありませんか?この問題は z-indexの仕組み を正しく理解すれば、すぐに解決できます!
たとえば、こういうタイトルがあったとして、今は幅もちょうど良いので奇麗にみえます。 しかし、画面幅が狭くなると、折り返しが発生し、「う」だけ次行に改行され、見た目が物凄く気持ち悪いですよね どうせ改行
htmlでコンテンツを横に並べるときは、もはや「inline-blockやfloat」などよりも圧倒的にflexを使用することが多くなりましたよね。 今回はそんなflexを横に並べるときに便利なgap
ウェブサイトに「ページトップへ戻るボタン」を設置する際、フッターと重ならずに、手前でピタッと止まる ようにしたいことがありますよね。今回は JavaScriptを使わずに、CSSの position:
JavaScript で キーと値のペアを管理する方法 として、Object と Map があります。 Object は昔から使われている方法ですが、 Map はより柔軟でパフォーマンスが良いデータ管
Webページに横スクロールが必要なコンテンツがある場合、「スクロールできますよ!」 というヒントをユーザーに表示することで、直感的に操作しやすくなる 、スクロールできるのに気づかない、ということがなく
Webサイトにイベントカレンダーを導入したいと考えている方におすすめなのが、JavaScriptライブラリ 「FullCalendar」 です。本記事では、FullCalendarの基本的な使い方をわ
レンタルサーバー国内シェアNo1のエックスサーバーが開発したワードプレステーマXWRITE。今回は、XWRITEを使用してブログを運営した感想と使い勝手などをまとめたいと思います。 XWRITE はじ
JavaScriptには配列を操作するための便利なメソッドが多数用意されていますが、その中でも頻繁に使用されるのがmap()メソッドです。このメソッドを使えば、配列の各要素に対して何らかの処理を施し、
JavaScriptには配列を操作するための便利なメソッドが多数用意されていますが、その中でも頻繁に使用されるのがmap()メソッドです。このメソッドを使えば、配列の各要素に対して何らかの処理を施し、
Webページに画像を表示させることは、視覚的に魅力的なコンテンツを作成する上で非常に重要です。しかし、画像が表示されないトラブルはよくあります。本記事では、画像が表示されない原因を徹底的に解説し、それ
Webページに画像を表示させることは、視覚的に魅力的なコンテンツを作成する上で非常に重要です。しかし、画像が表示されないトラブルはよくあります。本記事では、画像が表示されない原因を徹底的に解説し、それ
今回はtableタグのタイトル部分(ヘッダー)を固定する方法を解説致します。今回使用したサンプルのソースは最後にまとめて記載しておりますので、そちらもご確認ください。 tableのヘッダー(タイトル)
JavaScriptでは、nullは特別な値であり、オブジェクトが「意図的に空」であることを表すために使用されます。しかし、nullの判定や、それが空文字やundefinedと混同されることも少なくあ
スクール詳細 ZeroPlus Gate 総合評価 : 完全無料のプログラミングスクール。30日間限定で、動画講座を見放題。また、不明点は何度でも講師に質問し放題でした。さらに、カウンセリングを通して
Webアプリケーション開発で避けて通れないセキュリティ対策。その中でも基本中の基本と言えるPHPのhtmlspecialchars関数について、具体例と共に詳しく解説します。 1. htmlspeci
ウェブサイトをスクロールしているときに、要素がふわっと表示されたり、横からスライドしてきたりするアニメーションを見かけることはありませんか? これらのスクロールアニメーションは、視覚的な魅力を高めるだ
pointer-events: none とは何か? pointer-events プロパティは、要素がポインティングデバイス(マウス、タッチスクリーンなど)のイベントにどのように反応するかを制御しま
JavaScriptでの文字列操作は、データ処理やUI開発において欠かせないスキルです。この記事では、基本的な文字列の切り出し方法から、少し変わったテクニックや便利な小ネタまで幅広くカバーします。具体
ウェブサイトやアプリケーションにおいて、コンテンツを整理し、ユーザーにフレンドリーなナビゲーションを提供するための一般的な方法として、タブ切り替え機能がよく利用されます。この記事では、JavaScri
ウェブサイトやアプリケーションにおいて、コンテンツを整理し、ユーザーにフレンドリーなナビゲーションを提供するための一般的な方法として、タブ切り替え機能がよく利用されます。この記事では、JavaScri
ウェブサイトのナビゲーションにおいて、ページ内リンクはユーザビリティの向上に不可欠です。しかし、これらのリンクがうまく機能しないことがあり、サイト訪問者にとっては大きな不便をもたらします。本記事では、
ウェブサイトやブログで、コンテンツをより魅力的に見せる方法の一つに、クリックによる画像や動画の拡大表示があります。この記事では、HTML、CSS、およびJavaScriptを使用して、画像と動画の両方
textareaの初期値の設定 通常テキストボックスに初期値を設定する場合は、value属性を使用すれば簡単に初期値が設定できます。 <input type="text" v
多言語サイトとは、複数の言語でコンテンツを提供するウェブサイトのことを指します。グローバルに展開する企業や、多言語を話すユーザーを対象としたサービス、観光や国際交流を促進する公的機関などが主に利用して
hoverクラスのスタイルはスマホに反映されない スマホなどのタッチデバイスでhoverスタイルがうまく反映されない主な理由は、タッチデバイスには「マウスオーバー」の概念がないためです。chromeな
サンプルとソース See the Pen Untitled by kokusyo (@kokusyo) on CodePen. ポイントはただ2つです。 aタグのhref属性にページ先頭のidを指定す
「Tech Sapuri(テックサプリ)」は、オンラインプログラミング学習サービスで、ブラウザ上で実践的な学習ができる特徴を持っています。煩雑な環境構築は不要で、初心者でも手軽にアクセスできるため、学
カード型レイアウトのテキスト位置が揃わない 今回テキスト位置を揃えたいのは以下のような、よくあるカード型レイアウトです。赤線で分かりやすく示しましたが、タイトルの文字数が異なるため、その下のテキストの
Vue.jsをCDNで読み込む Vue.jsを使用する時は、プロジェクトを作成~と思ったかもしれませんが、Vu.jsはCDNで読み込むことができます。CDNは以下の通りです。 <script s
静的なHTMLにページネーションを実装 ページネーションは、項目の数が多い時などに便利です。下記のように、ただズラズラと並んでいても、ページネーションを実装すればすっきりするし、視認性も良いです。しか
WordPressのバックアップの重要性 WordPressのバックアップが重要な理由は以下の通りです。定期的にバックアップを取ることで、あらゆるトラブルからウェブサイトを守ることができます。 データ
「height:0」→ 「hgiht:auto」はアニメーションが効かない 先述したように「hegiht:0」→「hegiht:auto」はアニメーションが効きません。実際に開閉するボタンとボックスを
無料で学べるプログラミングスクールが存在する プログラミングは現代社会における重要なスキルの一つとなっており、多くの人々が学びたいと考えています。しかし、プログラミングスクールの料金相場は、スクールや
https://web-create-kokusyo.com/vue/vue3_ourse1/ 前回はこちら! Vue3起動の仕組み コンポーネント編集に入る前に、Vue3の起動の仕組みについて確認し
https://web-create-kokusyo.com/vue/vue3_ourse1/ 前回はこちら! Vue3起動の仕組み コンポーネント編集に入る前に、Vue3の起動の仕組みについて確認し
WEB制作者にはおなじみのWordPress。一説には、世界の40%のサイトがWordPressで作られていると言われるほど普及したCMSです。 ただ、それだけ多くのシェアがあり、しかもオープンソース