Programming
WEBページでフリーフォントを表示させるためのCSSの設定
日本語振りフォントをWEBページで表示。ダウンロード&変換したttfファイルとwoffファイルをサーバーにアップロードし、css(@font-face)で表示させる。
プログラミング
2023-05-22
【javascript】スクロールしたらヘッダーを非表示にし、バックスクロールしたらヘッダーを表示する
スクロールしたらヘッダーを非表示にし、バックスクロールしたら、ヘッダーを表示させる方法について。ヘッダーを表示、非表示させることでユーザビリティを向上させ、サイトに留まってもらう確立を高めることができます。
プログラミング
2023-05-08
【CSS】画像(サムネイル)の上のテキストを疑似要素を使って見やすくする方法 background: linear-gradient
画像の上に文字をのせた時、背景画像の色と文字の色が近いと文字がよく見えません。そこで、文字を見やすくするために、疑似要素を使って、薄く影を入れ、文字を見やすくさせたいと思います。
プログラミング
2023-04-18
【CSS】【javascript】スクロールしたら、アンダーラインが引かれるアニメーションの実装
スクロールし、要素が画面に現れたら、アンダーラインが引かれるアニメーションが実行されるようにします。CSSとjavascriptで実装します。
プログラミング
2023-03-31
sessionのエラーを解決する方法 session_start()とsession_name()
ある日突然、PHPファイルのページが動かなくなりました。どうやらPermissionに問題ありそうで、セッションデータが読み込めないらしい。今回の解決方法を紹介します。
プログラミング
2023-02-21
【javascript】文字のカウントの方法、空白を含める場合と含めない場合
javascriptで文字をカウントする方法を紹介。空白を含める場合と、含めない場合とそれぞれ紹介します。またキーボード入力とコピー&ペーストの両方にも対応
プログラミング
2023-02-13
PHPでデータベースから情報を取得し、javascriptでページネーションを実装
PHPとjavascriptを連携させて、データベースから取得した値をテーブルに10件ずつ表示させ、ページネーションさせる方法を紹介します。
プログラミング
2023-02-09
【HTML】【CSS】ページネーションデザイン(Pagination Design) ニューモーフィズム(Neumorphism)でオシャレに
ニューモーフィズム(Neumorphism)でオシャレにページネーションデザイン(Pagination Design)、ジェネレーターを使えば簡単にニューモフィズムが実装できます。
プログラミング
2023-02-06
ロリポップ「.html」ファイル内のPHPを表示させる「.htaccess」の書き方
ロリポップのPHP8.0以降(CGI版)で、HTML内のPHPを表示させる「.htaccess」の記述の仕方を紹介します
プログラミング
2023-01-31
スマホでダブルタップしたら画面拡大(ズーム)してしまうのを防止する
スマホやタブレットで、ダブルタップすると画面が拡大(ズーム)されてしまいます。それを防いでくれるCSSのプロパティがあります。それがtouch-actionです。
プログラミング
2023-01-29
.JPG)
.jpg)
