WEB制作の備忘録めも | ミフネWEBのWEB制作メモ

History APIで履歴に状態を記録する

java script / 2021年10月23日 2022年4月19日 / history_api、popstate、pushState

ajaxを使って、１つのページ上で表示するコンテンツを切り替えたり、自動で続きのコンテンツを読み込んで表示するなどよくありますネットショップでいえば、無限ロードで商品を読み込んでいくショップは多く見かけます。しかし […]

Linux / 2021年9月7日 2021年9月7日 / vim

vimを使ってコマンドラインで新規ファイルを作る操作方法について。 OSはLinuxMintでやってますが、他OSでも似たようなものです。例として、デスクトップにtest.txtを作ります。 vimのインストール vi […]

java script / 2021年9月1日 2022年4月19日 / iframe、lazyload、vimeo

サイト高速化の案件で、vimeoのiframeについて色々調べたので備忘録に残しておきます。ネイティブLazyLoad iframeコードを編集して、lazyloadを利用するのが最も賢明な判断です。（が、なぜか今回の […]

css / 2021年8月19日 2022年4月21日 / aspect-ratio、obeject-fit

レスポンシブデザインにおいて、画像のサイズ（アスペクト比）は、width height属性をきちんと記述しておけば問題ありません。たとえば、100px × 100pxの画像を表示させるとしたら、としておけば、スクリー […]

Linux / 2021年7月2日 2021年7月2日 / node、npm、sublime_text

ここ１年ぐらいVScodeに浮気していたので、久しぶりにsublime textを使おうと起動したところ、なぜかminifyが動かないというエラーが発生。 consoleをひらくと「cleancssオプションの &#82 […]

HTML / 2021年6月28日 2022年4月23日 / css

ビューポートや解像度など、デバイスに応じて最適な画像を表示させるレスポンシブ画像。WordPressなど自動でやってくれるものもあるので、しばらく自分で触ってなかったら記憶が曖昧になってしまったので、まとめておきます。 […]

円錐状のグラデーションを描写するconic-gradient。conicはconicalのことだそうです。コーヒーミルの種類にコニカルカッターってありますけど、あのコニカルですね。何気なくCan I Useで確認したら […]

css / 2021年6月15日 2022年4月19日 / css、css関数

調べてみると、当サイトの全アクセスの約1%がInternet Explorerユーザーなのですが、Office365のIE 11サポートが本年8月17日に切れることを受け、Internet Explorerをサポート外と […]

css / 2021年6月15日 2022年4月23日 / text-decoration

これまであまり意識したことがなかったのですが、text-decorationプロパティはどこまでの装飾が可能なのか気になったので調べてみました。一番よく使われているtext-decorationは、aリンクの下線を消す […]

java script / 2021年6月14日 2022年4月23日 / jquery、slickjs

「スライド（slick.js）のカスタマイズ」の補足でslick.jsのレスポンシブ設定について説明します。レスポンシブ設定といっても『viewportに合わせたサイズで表示する』といった話ではなく、たとえばPCビュー […]

css / 2021年6月11日 2022年4月23日 / CSS変数、darkmode

長引く自粛につれてディスプレイを眺めている時間が増え、ダークモードを利用する人が急に増えたような気がします。身近になったダークモードですが、ブラウザやOSが自動で色反転してくれるわけではなくて、ダークモード対応ができて […]

HTML / 2021年6月1日 2022年4月23日 / optgroup、option、select

selectタグ内で選択肢を定義するoptionタグですが、長過ぎるオプション名はiPhoneだと、はみ出た部分の表示が・・・で省略されてしまい途切れてしまう問題があります。そんなときはoptgroupタグを使ってやる […]