リンクを表示するとスタンプが押されるCSSアニメーション ニッチな話題

リンクを表示するとスタンプが押されるCSSアニメーション

今回は「押すのが心地よいリンク」というのを考えてみました。それが、画面に表示すると、スタンプが押されるアニメーションです。枠の中にマウスをポイントしてみてください。 どうでしょうか? 押したくなります?HTMLコードポイントは、my-stampとstamp2というクラスです。my-stampが枠全体、stamp2が中のイラストを指しています。<figure class="wp-block-image size-large is-resized my-stamp"> 読んだよ ...
面倒なのは初回だけ ひとこと日記

面倒なのは初回だけ

実は先日、初めてウーバーイーツでクレープを出前しました。半信半疑で待っているとちゃんと届いて、やっぱり作り立てはおいしい♪今日も何か新しい一歩!
[OneDrive]「間違ったPINが入力されている場合4回ログに記録されますが OneDrive」という謎のメッセージ スマホ基礎

[OneDrive]「間違ったPINが入力されている場合4回ログに記録されますが OneDrive」という謎のメッセージ

OneDriveアプリにはセキュリティのためのロック設定があります。スマホから目を離したときなどに、大事なデータを勝手にアクセスされようにするためです。ところが、そのピンコードを入力失敗したときに「間違ったPINが入力されている場合4回ログに記録されますが OneDrive」という意味不明なメッセージが表示されました。PINコード入力ミスのメッセージよく読んでみましょう。間違ったPINが入力されました。間違ったPINが入力されている場合4回ログに記録されますが OneDriv...
「にほんブログ村」をはじめた理由 ちいラボエッセイ

「にほんブログ村」をはじめた理由

「にほんブログ村」というサイトをご存知ですか?にほんブログ村は、ブログのランキング・交流サイトです。(参考)にほんブログ村ちいラボも登録してみたので、その理由を整理しておこうと思います。登録サービスの利用これまでは、ちいラボでは登録サービスをあまり使って来なかった気がします。振り返ってみると、何があるかな……ジモティーに登録したらSNS以外では、ジモティーぐらいかもしれません。ジモティーは、一番はじめに教室の内装を安く手に入らないかな、という下心で登録したんですが、結局取りに...
Windows Update 「注意が必要です」とは?【更新が滞っているときに】 パソコン基礎知識

Windows Update 「注意が必要です」とは?【更新が滞っているときに】

久しぶりにパソコンを使うと、システムの更新がうまくいかないエラーに遭遇することがあります。今回は、Windows Updateに「注意が必要です」と表示されたときの対処法と理由について、説明していきます。要件Windows 10(2020年9月)設定にWindows Updateの注意が表示される「設定」を表示すると、画面の右上に注意マークが表示されました。まずは設定を開いてみましょう。設定を開くと、画面の右上に注意を表す通知が表示されています。どうも、更新プログラムのインス...
いらすとや だけじゃない、権利的に使いやすいイラストサイト 【PixabayやTopeconHeroes】 パソコン基礎知識

いらすとや だけじゃない、権利的に使いやすいイラストサイト 【PixabayやTopeconHeroes】

チラシやブログなどの資料作成では、イラストがあると伝わりやすくなります。今回は、イラストサイトについてまとめておきます。個人的オススメ度運営特徴いらすとや★★☆個人使いやすく、誰でも見たことのあるイラストpixabay★★★投稿フリーライセンスで、ダウンロードも速いTopeconHeroes★★★個人いろんなサイトがあるAC Illust★☆☆投稿ダウンロードに手間がかかるのが難点イラストくん★☆☆個人学校や地域活動で使いやすい雰囲気ストックイラストのPIXTAもちろん有料の...
どうする?期限切れのウイルスバスタークラウドがそのままになっているよ【アンインストール】 インターネット小話

どうする?期限切れのウイルスバスタークラウドがそのままになっているよ【アンインストール】

パソコンのメンテナンスをすると、よくあるのが期限切れのセキュリティソフトがそのままになっているものです。期限切れのセキュリティソフトは、ただ広告(あるいは警告)を表示するだけで、何も保護してくれません。パソコンにとっては無駄な動作になるので、更新するのでなければ、ちゃんと削除しておきましょう。ということで、ウイルスバスタークラウドをアンインストールした話です。本製品の有効期間が終了しましたパソコンのタスクバーにこんな通知がありました。このグレーの丸いマークはウイルスバスターの...
WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】 ニッチな話題

WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】

WordPressのカスタマイズにはPHPコードを利用しますが、テンプレートをいじるのはなんか不安です。ウィジェットとしてPHPコードを実行したいと思います。追記(2024-07-20)任意のPHPコードを評価する機能は、セキュリティリスクが大きいので削除しました。カスタムHTMLではPHPコードは実行できないまず試したのがウィジェットの「カスタムHTML」です。しかし、「<?」で始まるタグはエラーになってしまいます。Special characters must be es...
OneDriveアプリのファイル一覧が更新できない[Android] インターネット小話

OneDriveアプリのファイル一覧が更新できない[Android]

パソコンからスマホにデータを移すときに、よくOneDriveを使っています。しかし、今日いつものようにスマホにデータをダウンロードしようとしたら、うまくいきませんでした。数時間格闘したので、書いておきますね。OneDriveアプリのファイル一覧が更新されないまず、状況を整理すると、使っているのはAndroidのOneDriveアプリです。OneDriveアプリのファイルリストの表示を更新しようとしても、いつまでもぐるぐる回って、更新が完了しません。何かに詰まっていて更新が進ま...
タイトル見出しにアニメーションをつけてみた 【CSS animation】 ニッチな話題

タイトル見出しにアニメーションをつけてみた 【CSS animation】

タイトル見出しを大きく表示するようにしたので、アニメーションで表示するようにしてみました。基本的なアニメーション部分の構造をみる見出し全体のフェードインと、上下の線の伸びるエフェクトの2つが組み合わせています。CSSの中でフェードインの部分だけを抜き出してみます。/* 見出しをフェードイン */h1.entry-title { animation: title-fade-in 0.5s ease 0.8s 1 normal running forwards;}@keyfram...
【一部市町村は11月20日まで!】  スマホから国勢調査のインターネット回答してみた (2020年9月) 【ログインIDとアクセスキー】 インターネット小話

【一部市町村は11月20日まで!】 スマホから国勢調査のインターネット回答してみた (2020年9月) 【ログインIDとアクセスキー】

国勢調査の案内が届きました。デジタル化の流れもありますし、せっかくなのでインターネットで回答してみました。10分かからずにできましたよ。調査期間は10月20日(火)までですが、一部地域で引き続きインターネットでも受け付けていますよ。【追記】市町村によって1ヶ月の期限延長(2020年10月21日時点)国勢調査は10月20日まででしたが、一部の市町村では調査期間が11月20日まで1ヶ月間 延長されています。調査期間が延長された市町村(153市町村)はこちら(PDF)です。【追記】...
ショートメッセージを送りたい 【らくらくスマートフォンのSMSはどこ】 スマホはじめて

ショートメッセージを送りたい 【らくらくスマートフォンのSMSはどこ】

らくらくスマートフォンの操作は、意外と基本的なことほどできないものです。ポイントとしては、SMS(ショートメッセージ サービス)は「メール」アプリの中にある、ということです。
[CSS] 目次のデザインをすっきりさせた ホームページ運用

[CSS] 目次のデザインをすっきりさせた

style.cssに目次のデザインを追加しました。こんなふうに変更しました。違いがわかりますか?スタイルを変更したのは主に3箇所目次のアイコンを追加した見出し3のフォントサイズを小さくした余白を狭くした/*目次のデザイン*/.article .toc { border-color: #a08010 ; padding: 10px; width: 95%;}.article .toc-title { text-align: left;}.article .toc-title::...
見出しに吹き出しをつけるスタイルをやめた ニッチな話題

見出しに吹き出しをつけるスタイルをやめた

見出しに吹き出しつけるCSSを入れていたんですが、やめることにしました。こんな見た目でした/** 見出しに吹き出しをつける */@media screen { #container h2 { position: relative; padding: 0.6em 1em !IMPORTANT; } #container h2:not(.entry-card-title):not(.related-entry-heading):after { position: absolute...
エラー画面を撮影したい【スマートフォンのスクリーンショットのやり方】 スマホ基礎

エラー画面を撮影したい【スマートフォンのスクリーンショットのやり方】

多くのAndroidスマートフォンでは、電源ボタンと音量ダウンボタンを同時に1秒ほど長押しすることで、スクリーンショットを撮影できます。最近の iPhoneでは、電源ボタンと音量アップボタンを同時に押します。そのほか、スマートフォンの機種によって、微妙に違います。スクリーンショットを撮影したいのはどんな時?スマートフォンの画面を撮影したいときがあります。ネットで買い物をしたときの購入画面を控えたい出てきたエラーメッセージをゆっくり確認したいインターネットのメモ代わり多くのスマ...
アプリの終了 ひとこと日記

アプリの終了

スマートフォンはアプリを切り替えて使いますが、ホームにもどってもアプリは待機状態です。完全に終了するにはアプリ履歴ボタンから操作します🌱
いまさらだけど正しいアプリの終了の方法と意味を知ろう Android

いまさらだけど正しいアプリの終了の方法と意味を知ろう

スマートフォンでアプリを終了するには、アプリ履歴を表示して、閉じます。アプリの調子が悪いときは、終了することで「仕切り直し」できます。正しいアプリの終了の仕方とりあえず、ホームボタンを押せばいいんじゃないの?スマートフォンのアプリを終了するのに「正しい」も「間違っている」もなさそうですが、それでも「正しい終了の仕方」というものがあります。アプリの終了アプリ履歴ボタンを押す(あるいは画面下端から中央にスライドする)閉じるボタンを押す(あるいは外にスライドする)iPhoneの場合...
最近のインターネットはあまり「匿名の空間」ではなくなっている【電話番号が必須】 ちいラボエッセイ

最近のインターネットはあまり「匿名の空間」ではなくなっている【電話番号が必須】

とりとめもない話ですが、最近のセキュリティとプライバシーについて感じたことがあります。Yahoo IDの登録で携帯電話番号が必要たまたま TポイントをPayPayと連携するためにYahoo IDの登録をしたんですが、アカウントの作成に「電話番号」が必須になっていました。「電話番号」は、大事な個人情報なので、なるべくなら入力したくない気がします。Yahoo IDといえば、以前はフリーメールのYahooメールを作るために取得した記憶があります。そのときは、特に何の個人情報も出さず...
Windows Defender サマリーってオフにして大丈夫?  【Windowsセキュリティの通知を減らす】 パソコン基礎知識

Windows Defender サマリーってオフにして大丈夫? 【Windowsセキュリティの通知を減らす】

パソコンの通知を見るとたくさんたまっていることがあります。Windows セキュリティもその一つです。気になりつつも放置しがちですが、今日はちょっと意味を調べてみましょう。Windows Defender サマリータスクバーの通知ボタンを押してたまっている通知を見ていると、セキュリティの通知を見つけました。Windowsセキュリティウイルスの脅威と防止Windows Defender サマリーWindows Defender ウイルス対策で前回のサマリー以降に脅威は見つかって...
WP ULikeプラグインがAMPページでうまく表示されない [WordPress] ニッチな話題

WP ULikeプラグインがAMPページでうまく表示されない [WordPress]

WP ULikeプラグインは、WordPressに「いいね」ボタンを設置するプラグインです。通常ページではこのようにハートマークのいいねボタンが表示されます。ところが、AMPページだと……0の隣の小さな白い丸になってしまっています。このハートマークは、CSSの:after 擬似クラスで背景画像として表示されています。ところが、AMPページでは:after擬似クラスが使えないため、何も表示されていないのです。いったんWP ULikeプラグインは無効にしました。残念。こちらもどう...