未分類

未分類

APNGで【動画より軽く】、【gifアニメよりも綺麗】なアニメーションをページ上に表示する!

アニメーションを表示できる画像ファイルは、gifの他にpngが登場している 透過画像にはgif以外にpngがあります。 しかし今更ですが、「透過画像」をアニメーションさせたい、という要件があった際に、よく使用されてきた...
未分類

【一瞬で】Webフォントを使っているとページ表示後に一瞬、既存のフォントが見えてしまう件【解決】

今回は僕自身がずっと野放しにしていた問題を、あまりにあっけなく解決できたことを、自戒の念を込めて書きました。
未分類

【WordPress】テーマのstyle.cssを変更したさいに疑似キャッシュクリアさせ、確実に最新状態を閲覧してもらいたいとき!

Wordpressのテーマのstyle.cssは、header.php内で以下のようなphpで出力されている。 ↓ php <link rel="stylesheet" type="text/css" href="&l...
Shopify

【Shopify】アカウント系ページのテンプレートをJSON形式にカスタム!

Shopify2.0のテーマでは、ページのテンプレートがJSON形式になったことで、ページ内のセクションと呼ばれる構成要素のひとつひとつを並び替えたり、非表示にしたり、はたまた、新たなセクションを作成して配置することも可能だ。 これ...
Shopify

2024.1.10最新情報追記!)【Shopify】テーマの「カスタマイズ」に動画ファイル用のschema typeが追加されていた件!

Shopifyのストアを運用していた方なら、一度は話題に上がったことがあると思うのだが、 ページ内に動画コンテンツを表示させたいとき、これまではShopifyのテーマの仕様では、 "YouTube動画"か"Vimeo"の動画リ...
未分類

ページのスクロールで表示範囲に入ったらYoutubeの埋め込み動画を自動再生させる!(スマホも対応可)

今回は、先日紹介したばかりの記事のさらにひとつ上の機能でもある。 ページ内に複数の埋め込みYouTube動画があった場合でも、ページに負荷をかけないように自動再生をさせる方法だ。 コードは以下! See the P...
未分類

【iPhone Safari拡張機能】Safariでページ翻訳ができる!

最近ガジェット欲が復活して、部屋の中でだけでpc含めて6台の端末を使い分けている。それぞれ、やはり用途ごとに使い分けると便利なインターフェイスとなる。 そして、インターフェイスと言えば、最近ハマっているのが、iPhoneへの音声入力...
未分類

【Shopify】アプリなしで商品のステータスラベルを表示!

例えば、新商品には"NEW"というラベルを表示したい、再入荷した商品には"REARRIVAL"ラベルを表示したい、という要件。 以下のコードで完了! {% if product.tags contains 'newarriva...
未分類

【最終手段】小さい画像、解像度粗い写真を大きなサイズにする(解像度を上げる)方法

Githubでの配布 waifu2x-caffe (for windows) 窓の杜での配布 waifu2x-caffe(for windows) このツールの解説 CPUとGPUをフル稼働し、画像生成の...
タイトルとURLをコピーしました