プログラムメモ
Category
WEB制作（html, css)
AI
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
JavaScript
jQuery
Node.js / Bun
WEB制作（html, css)
cssスタイルシート
Tailwind CSS
Bootstrap
サーバ構築・管理
Mac / Linux / FreeBSD シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server（MS-SQL）
React
Vue3
Next.js
Vue.js
postgreSQL
Go
gulp(タスク自動化ツール)
デザイン関連（Photoshop・Illustrator）
Figma / Adobe XD / Sketch
フリー素材（写真、アイコン、フォント）
iPhone / iPad
WEBサービス / API
SQLite
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
Windows WEB開発（ASP.NET Core / C#）
Visual Studio for Mac (Xamarin.Mac)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
PHPフレームワークCodeIgniter
最近のメモ
ヒラギノ角ゴシックとNoto Sans JP の見分け方
dart sass を VS Code / Webstorm で使用して SCSS (SASS)をコンパイルする
Claude MCP のはじめ方 （Mac Claudeアプリ + brave検索 ）
KUSANAGI の プロファイル設定を確認しLets Encrypt SSL証明書の更新を行う
RTK Query
先頭の 「 の隙間をなくす
gitで別ブランチの特定コミットを別のブランチに対して適用する（git cherry-pick）
作業中ブランチにいながら、派生元ブランチ（master）で行われた更新を取り込む（マージする）
変更なしで initial commit
git で revertコミットをrevertする
Mac で MAMP を利用する
LaravelでPHPStanを使用する
Next.js のページが 「サーバー」/「クライアント」でどう動いているかを調べる
Next.js での SSR回避方法3選 ( hydration error , document error 回避)
wgetでURLのリストから全てを一気にダウンロードしたい
PHPで2つのテキストの差分をとる
Laravel Bladeの@pushと@stack
読みやすい日本語フォントのcssカーニング - font-feature-settingsと文字詰めの調整について
2025年に使いたいブラウザごとの差異をリセットするreset.css
npm パッケージを2つのバージョンインストールする
Web Workerの基本
RTK Query での効率的な初期データ管理とレンダリング最適化
git log をカラフルにする git plog
カリー化をマスターしよう
Next.js production mode でログを取得したい
検索
WEB制作（html, css)
トップに戻る
新規投稿
tags
フォント
[1]
html5
[5]
携帯スマホサイト
[4]
iPhone
[3]
フォーム
[1]
css
[16]
高速化
[3]
jQuery
[2]
Bootstrap
[5]
scss
[2]
compass
[1]
iPad
[1]
アイコン
[2]
.htaccess
[5]
Firefox
[3]
検索エンジン
[3]
携帯
[2]
IE
[1]
WEB制作（html・css(スタイルシート))に関する各種メモ書き
クイックリンク
ヒラギノ角ゴシックとNoto Sans JP の見分け方
必須のOGP設定
Google Chrome を Sidekick みたいにする サイドバー拡張機能
PWA対応する
Mac でフォルダ内の png , jpg 画像を一括して ../webp/ フォルダに webpフォーマット変換する
WordPressを別サーバに移行する
W3C Valid な htmlページ コーディングの雛形
WordPressの管理画面に独自の画面を追加する
WordPress 管理画面の必須プラグイン
画像ファイルを png を圧縮する
WEBページやWEBシステムで Windowsの外字ファイル（ .tte ）を使用する
https と http の混在（mixed contents）をGoogle Chromeで見つける方法
Google Chrome Developers Tool のショートカット
HTML5の画像のsourceタグのsrcset で「ブラウザ幅」と「ディスプレイ解像度」によって画像を入れ替える
チェクボックスのCSSでのデザイン
テキストとアイコン画像の位置を揃えるCSS
TABLEタグをDIVタグとCSSで表現する
HTML , CSS コーディング時に使用したい Sketch プラグイン
cssでfloatを使った時に高さを確保する
テーブル TR TD の hover をある箇所だけオフにする
RESTステータスコード
プリント時に要素を削除する CSS
電話番号に自動でつくリンクを消す
昔の古い Windows IE でのブラウザチェックを行う
WEBサイトのリンク切れを検知するリンクチェックツール
CSSでカーニング調整をして先頭が 「 （カッコ）の左端を揃える
IE6 〜 IE11 の表示チェックが行える IE Net Renderer
robots.txt を設置して検索エンジンクローラーが巡回しないようにする
iPhoneでフォーム入力時に 数字だけのキーボードを表示させる
flexboxによる上下、左右センタリング（中央寄せ）
Google Chromeでローカルにあるcssファイルを直接編集し保存する
JavaScriptでWEBページの印刷ボタンを作る
html 内のテキストにカーニングを適用する jQuery.Kerning.js
Bootstrapによるモーダルウィンドウ
dt,ddタグとCSSによるテーブル表現
emmet LiveStyle を使って SCSS の変更を即座にブラウザに反映させる
compass（SCSS）でretina,ロールオーバー対応のcssスプライトを自動生成するmixin
オンラインでRetina画像対応CSSスプライトを作成する
Google PageSpeed Insights の速度アップ修正に対応する
<img>タグで埋め込んだSVGファイルの色変更をする JavaScript
iPhone, iPadなどのWEB画面表示を確認する
CSSによるDIV（ブロック）要素の横並び方法4種類
スマホサイト制作時に設定しておくと良いhtml, css, JavaScript 項目
スマホサイトをフルスクリーンにしてWEBアプリぽく見せる
Bootstrapで画面サイズによって要素を【表示・非表示】させる
BootstrapのCDN
CSS3で作るツールチップ（吹き出し）
Font AwesomeのWEBフォントをフォームのボタンに使用する
SSL（https://）サイト制作時の https , http 混在エラーをチェックする
iPhoneのsafariでフォーム入力の時に自動的に画面拡大するのを防ぐ
作成したWEBページの表示速度がどれくらい早いかをチェックする
hn.kd.ny.adslや中国からの検索エンジンロボット（クローラー）を制限する
画像やCSS,JavaScriptにブラウザキャッシュを適用させる
.html ファイルのデフォルト文字コードを出力する
Firefoxおすすめ拡張機能（アドオン）
リンクを選択した時のフォーカス枠を消す
サイト内検索ASPの代わりにGoogle AJAX Search API を使用する。
HTMLタグの閉じ忘れを自動修正してくれるWEBサービス
WEBサーバーのダウンを監視する無料のサービス
Windows IE にCSS3の角丸（radius）を適用させる
ツイッターに投稿してもらいやすくするTweetボタンを設置する
＜head＞内に rel=”canonical”属性 を指定してサイト内の重複コンテンツを防ぐ
複数の画像を1枚にくっつけて保存し、サイト表示を高速化させる（CSS Sprite）
HTML5ビデオを埋め込む。またiPhone, iPadで自動再生…。
HTML5の動画Playerライブラリ
HTML5での追加タグと記述サンプル
iPhoneのWebclip用アイコンを作成する
色情報取得ツール
digest認証をつける
携帯サイト開発時に利用する携帯シミュレータ
親ディレクトリ（上位階層）で指定した Basic認証を特定ディレクトリで解除する
ブラウザのキャッシュを無効にする。また検索エンジンロボットにページ巡回、ページキャッシュさせないようにする。
htmlページにキーボードショートカットをつけるには。
Markdown記法のまとめ
swfobjectでFlashムービー（.swfファイル）を貼り付ける
携帯サイトでフォームの入力文字を固定する。
CSSチェックしエラー訂正するサイト【cleancss.com】
Windows版IEで画像をブロック要素にしてマージンをセットするとずれる
DIVの中を下揃えで配置する
ブラウザによるフォント表示の違い
リンクタグ作成Bookmarklet
css レイアウトで画像ボタンのメニューを作成する方法（css sprite）
無料で使えるオンライン上のSEOツール
RSS書式のひな型
RSS2.0の仕様
インジケーターアイコン
xhtmlでインラインフレーム（iframe）を使うと横スクロールバーが表示されてしまう不具合への対応
構造のマークアップなしでフロートをクリアする方法「clearfix」
アイコンファイル favicon.ico を作成する
<ul><li>を画像リンクにしたときに Firefox で画像の外まで点線が表示されてしまう
Windows IE を判別してJavaScriptやCSSを適用する
複数のCSSスタイルを指定するには?
2025年に使いたいブラウザごとの差異をリセットするreset.css
ヒラギノ角ゴシックとNoto Sans JP の見分け方
次のように 「あ」や「め」 のくっつき具合で見るのが良いでしょう。
添付ファイル1
hiragino-noto-sans-comparison.png
( 10.4 KBytes )
ダウンロード
添付ファイル2
hiragino-noto-sans-comparison02.png
( 11.3 KBytes )
ダウンロード
No.2595
03/25 16:37
edit
edit
delete
添付ファイル
){kind=link}
){kind=link}