<div class="bg-cover"><img /></div>
画像を取り囲むdiv上にbgスタイルを付けることで、たとえばリキッドレイアウトにおいてデフォルトサイズを広げた場合、余白ができる部分にアクセントをつけることができる。
<div class="bg-cover"><img /></div>
画像を取り囲むdiv上にbgスタイルを付けることで、たとえばリキッドレイアウトにおいてデフォルトサイズを広げた場合、余白ができる部分にアクセントをつけることができる。
(写真は公式サイトより) 2023年8月中旬、Z fc の後継機、Z f のフルサイズ機が8月下旬に発表される噂があることを教えてもらった。Z fcより...
カメラトーク
「よく読まれる記事」のリストを表示する便利なプラグイン「WordPress Popular Posts」。これまでは、wpp_custom_html をフィル...
WordPress
スクロールバーをカスタマイズできるライブラリを探して。いくつか試したけど、ページ内に複数あるとうまくいかなかったり、画面をリサイズするとうまくいかなったりして...
ライブラリ
Homebrewをインストールする 1. 公式サイトのインストールに表示されている内容をコピーする。https://brew.sh/index_ja ...
制作効率化
ちょっと若ぶってみたけど、「勝たん」ってもう死後かな?! さて。写真を撮るときに意識するのは、「絞り(ボケみ)」「シャッタースピード(被写体を止めるか流...
カメラトーク
今月末には、Z fcのフルサイズ版が発表になるという有力情報がある。それを待ってからでもよかったのだが、Z fcを購入した。これは2021年7月に発表された、...
カメラトーク
Webアプリ「Filmpathy HANGOUT(フイルムパシーハングアウト)」、作りました!2021年7月に公開後、細々と活動してきましたが、2023年5月...
お仕事・制作日記
たとえば、下記のような配列があって。 const array = [{ id: 1, name: 'test1' }, { id: 2, ...
JavaScript
WWDC23で公開されたVIDEOは181個(!!!)もある。その中から、「visionOS」のタグがついたVIDEOだけを抽出してみた。 Acc...
Apple Vision Pro
(chatGPT訳)ページ元:https://developer.apple.com/visionos/ 全く新しいプラットフォーム。お馴染みのフレーム...
Apple Vision Pro
2002年、映画「マイノリティ・リポート」を観て、現実世界に浮かび上がる様々な画面を操るUI/UXに心踊った方は多いと思う。自分もその一人。 2013年...
徒然なままに
ユーザーごとの言語設定を変更する update_user_meta(1, 'locale', 'en_US'); 第1引数にユーザーID、第2引数...
WordPress
たとえば、起点となる位置があって、そこから右に100px移動したところに要素があるとした場合、CSSでは位置移動には2つの方法がある。position、もしく...
JavaScript
2022年3月、アフィリエイトをはじめてみようと、前から取得していたドメインでサイトを開設した。当初は100記事くらいできるまでは、外部のライターさん何名かに...
アフィリエイト
1年前の12月31日、iPhone 12 mini を格安でゲットした。楽天モバイルをauにMNP、7日後にPOVO2.0にした話 昨年と同様の動向であ...
徒然なままに
朝、いつものようにMacを起動して、AutomatorでWeb制作関連のアプリを一気に立ち上げる。あれ?Dreamweaverが開いていない。起動画面で「サイ...
Dreamweaver
ファイル書き出し時に毎回名前を入力するのが面倒で、タイムライン名で書き出せる設定があったので備忘録。 「デリバー」を選択するレンダー設定画面にあ...
DaVinci Resolve
記事の投稿者(ユーザー)情報を取得するには、これまでは「get_userdata」を使っていたが、IDを取得したいだけなのに、もうちょっとシンプルな方法がある...
WordPress
(公式サイトで勉強中) 公式サイト Vue.js で学んだことの備忘録。この記事のテキストや図は、公式サイトから抜粋しています(多少、自分なりの言葉に置...
Vue.js
ホーム index.php home.php フロント 静的フロントページ front-page.php 投稿 single.php s...
WordPress
inputタグ要素の属性、maxlengthについて、ちょっと調べてみた。 調査ポイントは2つ。半角英数と全角でmaxlength値のカウント方法が異なるか?文...
html
過去に自作したことがあったが、盛大にバグってたので作り直し。ググったらすぐに参考になる記事が見つかった。その記事自体も2014年というかなり前に書かれていて驚...
JavaScript
妥当な文書(valid XML document)とは、整形式文書の規則を守り、かつタグの取り決めを守っている文書。 文書型定義(DTD:Document Ty...
xml
ふと、カメラレンズの価格が知りたくなった。その数、50本くらい。いや、もっと増えるだろう。価格コムの最安値を参考価格とする。さっそく、Googleスプレッドシ...
Google Apps Script
sassファイルを保存すると、cssファイルが自動生成されるという症状でしばらくの間、ストレスだったがようやく解決。 例えば、var.scssを修正して保存す...
Dreamweaver
ユーザーごとの言語設定を変更する update_user_meta(1, 'locale', 'en_US'); 第1引数にユーザーID、第2引数...
WordPress
【2020年4月11日更新】 プラグイン名が「AMP for WordPress」から「AMP」に変更され、作成者も「AMP Project Contribu...
WordPress
数ヶ月前、WordPress本体をバージョンアップして、エディタがガラリと変わった。その際、それまでサイドナビに、Custom Post Type UI(CP...
WordPress
【2022年07月05日】 macOS Monterey(12.4) / Adobe iLLustrator 2022(26.3.1) にて動作確認済み(透...
Illustorator
カスタム投稿によって、テンプレートを変える方法は2つある。ファイル名を変更するか、もしくはここで紹介する分岐を利用する。 ここでは、カスタム投稿ではない...
WordPress
2022年10月15日追記いつからかわからないが、このバグはすでに解消されてるッ(iOS15.6.1 Safariで確認済み)!!この記事は結構な時間と検証を...
JavaScript
ふと、カメラレンズの価格が知りたくなった。その数、50本くらい。いや、もっと増えるだろう。価格コムの最安値を参考価格とする。さっそく、Googleスプレッドシ...
Google Apps Script
2022年2月2日追記 前回確認したときは多くが変わりすぎていたWebページですが、今確認したところ、ロゴがFacebookからMetaに変更があるだけで、仕...
API
Clipyが超絶便利そうだったので、macOS Big Sur にインストール&再起動して使ってみた。ところが、command + c を複数の箇所で行い、c...
徒然なままに
2022年1月16日大幅に書き直しました。 Monterey が登場したことで、Big Sur が最新のOSではなくなった。2021年3月に、この記事で...
徒然なままに
最初にスライドショーを自作したのがおよそ11年前(2021年12月現在)。当時の記事「スマートフォンでも使えるフォトスライド」Web業界の11年は、とんでもな...
ライブラリ
【2022年07月05日】 macOS Monterey(12.4) / Adobe iLLustrator 2022(26.3.1) にて動作確認済み(透...
Illustorator
アイキャッチ画像のURL情報だけを取得する記事を多くみつけたが、実はWordPress 4.4.0 からデフォルトでアイキャッチ画像のURL情報だけを取得する...
WordPress
ホーム index.php home.php フロント 静的フロントページ front-page.php 投稿 single.php s...
WordPress
試したことはまだないけど、Macで編集時と書き出し後で色味が変わって困ったときのために備忘録。 プロジェクト設定 > 「カラーマネジメント」&...
DaVinci Resolve
DaVinci Resolve(ダビンチリゾルブ)の音関連についてのメモ。 特徴 エディットでのフレーム単位より細かい単位で動かせる 音量バ...
DaVinci Resolve
めっちゃ参考になるページを見つけた。絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。参考: これは便利!WordP...
WordPress
Sony Eマウント フルサイズ対応のカメラレンズを集めてみた。 サンプル:https://sample.simplesimples.com/sonyal...
お仕事・制作日記
まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素...
JavaScript
直接URLを入力したり、Googleの検索結果からの遷移時にはまったく問題なかったが、Yahoo Japanの検索ボックスで検索して表示される検索結果一覧から...
お仕事・制作日記