Photoshopのスライス保存時にimagesフォルダを作らない方法
Photoshopでスライスした画像って、何も設定をしないと自動的にimagesフォルダが作られて、そこに保存されてしまいますよね。いちいち取り出すのが面倒~!と思った方、以下の設定でimagesフォルダを作らないように…
朝が寒いので夏まで冬眠したいYu-ichiですさて今回は通信のお話です。数年前から5Gが騒がれ、使えるエリアも増えてきました。もうすぐ今住んでいる場所も5Gの対応エリアになるかもしれないので、そろそろスマホを買い替えよう…
しばらく腰痛だったjyunzyです。布団を敷かずに雑魚寝をしていたのが良くなかったようです。めんどくさがらずに布団を敷こうと思いました(小学生並みの感想)レスポンシブのサイトを作っていると、CSSのメディアクエリがとても…
うちの猫の皮膚病がようやく治ってきたYu-ichiです病院に連れて行って10日分の薬をもらって、「これでダメなら糸状菌(猫カビ)だね。他の猫はもちろん、人間にもうつるよ」って言われていたので、治って良かったです。さて今回…
CSSの相対単位「vw」と「vh」には普段からお世話になっているのですが、新たにコンテナクエリと「qw」「qh」なる単位が登場したとかしないとか。コンテナサイズを基にした相対単位で、コンテナの幅や高さの割合を指定すること…
takaです。みずほ銀行は、本日午後4時現在、システムの不具合が発生し、一部の外為取引の処理に遅延が発生していると発表しました。みずほ銀行では、2021年に入って、7回にわたるシステム障害が発生していて、9月、金融庁から…
jyunzyです。涼しい季節になりましたね。最近の私は土曜日の夜に車中泊をしています。個人的には車の冷房をつけたまま寝るのはマナー違反だと思っているので、今の季節は快適に過ごせて嬉しいです。今回はfavicon(ファビコ…
サーバー移管作業が終わってほっとしているYu-ichiです今回の作業でサーバーやらDNSやらその他いろいろ詳しくなった気がします。さて今回はメールに関することです。メールを送信したらエラーになったり、特定のお客さんにだけ…
CSS Flexboxのプロパティをゲームで学べる「Knights of the Flexbox Table」
普段から大変お世話になっているCSS Flexbox。とっても便利なレイアウトモジュールなんですが、いざ使ってみると思ったように並べることが出来なかったり、そもそもどんな配置ができるのかイマイチわからなかったり、なんとな…
WordPress5.5から導入されたloading=”lazy”の自動挿入について
WordPress5.5からimgタグに対して自動でloading=”lazy”が付けられるようになりました。loading=”lazy”とは、後から画像を読み込む方法のひ…
機械学習を使ったカラースキームジェネレータ「Huemint」
AIがユニークなカラースキームを生成してくれる系のツールは多く存在していますが、生成された色を実際にどのように使えばいいかというところまで提案してくれるジェネレーターはあまり見たことがないかもしれません。「Huemint…
Contact Form 7の自動返信メールから未入力の項目を除外する
今回は「Contact Form 7の自動返信メールから未入力の項目を除外する」方法をご紹介します。例えばメールフォームに郵便番号と住所の入力欄があり、それを自動返信メールに載せようとすると、下記のようになります。■ 住…
グラスモーフィズムをCSSで簡単に実装できる「Glassmorphism CSS Generator」
透明度の高い背景とブラー効果を組み合わせて表現するGlassmorphism(グラスモーフィズム)というデザイン手法、ニューモーフィズムに続いて話題になっていましたね。すりガラスのような質感のグラスモーフィズムをUIデザ…
ロゴデザインを検証できるオンラインツール「TWM Logotester」
せっかくなら唯一無二のロゴを作りたいほかに似たロゴがないか知りたいデザインは気に入っているけど見易さ的にどうなんだろう?自分で作ったロゴの評価が知りたいときに便利なのがTWM Logotester、ロゴの視認性や独自性を…
帰宅すると玄関まで猫が迎えに来てくれるYu-ichiですもしかしたらただ外に出たくて玄関まで来ているだけかもしれませんが・・・。さて今回は、Windowsのお話です。ネットのニュースで見てびっくりしたのですが、なんとWi…
Gmailに転送したメールが迷惑メール扱いにならないようにする
「Gmailにメールを転送したけど、届かなかった」皆さんはそんな経験はありませんか?転送元には問題が無いのであれば、それはGmail側で迷惑メールとして扱われているかも知れません。以下の手順で迷惑メールにならないようにで…
ワードプレスの関数で出力したサムネイルにloading属性を追加する
家庭菜園をやるようになってから、野菜の摂取量が増えたjyunzyです。しばらく前から大根を育てているのですが、これは葉っぱも食べられるんですね。大根が一本あれば、2~3日分の野菜は賄えそうです。今回は遅延読み込みの方法で…
先日、MicrosoftからIE11サポート終了の発表がありましたね。IEデスクトップアプリの提供終了が2022年6月15日(日本時間では16日)、ネットサービスMicrosoft 365(Office 365)でのIE…
来月からGoogle検索のランキング要因に組み込まれることが予定されているコアウェブバイタルですが、その中のLCP(Largest Contentful Paint)の改善に役立つWebP形式の画像が簡単に作れるサイトを…
写真から被写体だけを切り抜く、あるいは背景だけを削除する、画像の背景処理でおなじみのWebツール「remove.bg」をVS Codeで使えるようになると話題になっていました。VS Codeってコードエディタなのに画像処…
3月中オープンと聞いていた蒙古タンメン中本熊谷店のオープンが、4月26日に延期になっててガッカリしたjyunzyです。再延期しなければいいなあ(願望)今回はネタ探しに便利な「複数のブログポータルを同時検索できるサイト」を…
花粉が敵なYu-ichiですこの時期は花粉症が一番ひどい時期なので辛いです。さて今回は、https://での接続がデフォルトになるというお話です。以前にFirefoxで「HTTPS-Onlyモード」が実装されたことを記事…
アスペクト比を定義できるCSSプロパティ aspect-ratio
画像や動画のプレースホルダを用意したり、サイズがまちまちなサムネイルを並べたり、レスポンシブに対応しつつ実現するときに便利な aspect-ratio。CSSでアスペクト比を定義できるこのプロパティ、Chome 88 で…
jQueryのdatepickerで特定の曜日を選択できないようにするには
今回は「jQueryのdatepickerで特定の曜日を選択できないようにする」方法をご紹介したいと思います。例えば予約カレンダーを作ろうとした時に「うちは土日休みだから、土日は選択できないようにしたい」と思った方もおら…
ブラウザ上で使える幾何学パターンジェネレータ「Tabbied」
もうじき緊急事態宣言が解除されるそうですが、皆様いかがお過ごしでしょうか。さて、まったく脈絡のない話で恐縮ですが……。幾何学パターンをブラウザ上で作成できるツールをひとつ。Tabbied幾何学模様のデザインパターンを作っ…
datepickerを使うならこれも!ソフトウェアキーボードを表示させない方法
フォームに日時を選択する時にdatepickerが使えると便利ですよね。ただ、スマートフォンで開くとキーボードが表示されて邪魔ですよね。というわけで、今回はソフトウェアキーボードを非表示にする方法をご紹介します。inpu…
実用的で高精度なカラーパレットを自動生成してくれるオンライン配色ツール Khroma
人工知能をつかったオンラインツール、無料で使えるものもたくさんあって本当に便利ですよね。配色デザインに迷ったときに便利なカラーパレットツールのなかからひとつ、備忘もかねての投稿です。Khroma好みの色を選んで追加してい…
WordPressの投稿画面で入力したタグが勝手に消された時はコレ!
DIYで「すのこ」を解体して棚を作ったり、職場で余った木材を使って「すのこ」を作ったjyunzyです。「すのこ」は解体しない方が良かったですね。何をしたいのか分からないですね(笑)本題に入りますが、皆さんの中でWordP…
解像度を最大4倍に、画像サイズを自動拡大できるオンラインツール「Smart Upscaler」
みなさん画像加工系のツールって普段お使いでしょうか。今はもう優れたオンラインツールも色々と出回っていて、以前であれば手作業でコツコツやっていたであろう画像のクリッピングも自動で出来てしまうし、しかもフサフサした被写体でも…
釣りのアニメを見ていたら釣りに行きたくなったYu-ichiですでも、早起きは苦手なのでやめておきます。さて、今回は2020年12月31日にサポートが終わるFlashです。過去の記事でも何度か書いていますが、本当にもうあと…
あると便利!WordPressの投稿一覧と固定ページ一覧にIDの列を追加する方法
某Youtuberの真似をしたくて車中泊をやり始めたjyunzyです。車の中で寝る、という非日常的な所が新鮮でいいですね!朝起きて窓からいつもと違う風景が見られるのも楽しいです。今回はWordPressの投稿一覧と固定ペ…
iOS 14、iPadOS 14、Safari 14がWebPをサポートしたことで、ほぼすべてのブラウザでWebPがサポートされるようになりましたね。ようやくWebP対応が捗る。画像フォーマット問題ひと段落したと思いきや…
家庭菜園で秋野菜を育て始めたjyunzyです。今は小松菜、チンゲン菜、大根を育ててます。これから育っていくのが楽しみです。PCの遠隔操作ソフト「AnyDesk」の使い方を紹介します。外部からリモートアクセスするためには、…
takaです。最近キャッシュレス決済などの便利な機能を狙った新たな手口の脅威が表面化してきていますね。「ドコモ口座」や「PayPay」「Line Pay」などのキャッシュレス決済サービスから、身に覚えのない金額が引き落と…
玄関にスズメが住み着いたYu-ichiですさて、前回に続き高速化のお話になります。少し前にGoogleが、「GooglebotがHTTP/2でのクロールをサポートします!」と発表しました。2020年11月から一部のサイト…
うちの猫の調子が悪いYu-ichiですとりあえず病院に連れて行って薬をもらって様子見です。重大な疾患じゃなければよいのですが・・・。さて今回はWEBサイトの高速化について。WEBの世界でもデータをやり取りする際に圧縮して…
CSS box-shadowプロパティを使ってできる装飾って意外と幅広い
要素に影を付けて縁取りや光彩の効果をつけるCSSの box-shadow プロパティ、「ドロップシャドウ」付けるくらいしか使い道なくない? って思っている方も少なくないかもしれません。実は影を付けるだけじゃなくて意外と色…
『8の倍数でデザイン』って聞いたことありますか?WEBデザインをする際、『8の倍数』で設計することでいろいろとメリットがあります。8の倍数で設計することで端数が発生しづらくなり、レイアウトや余白のルールが維持しやすくなり…
色々なホームページを見ていると、なんとなく「読みやすい」「読みづらい」を感じる時ってありませんか?実際、読みやすい文字数ってあるのでしょうか色々と参考記事を読んでいると日本語の場合(全角文字)となると単純に35〜40文字…
家でグリーンカーテンを作ろうと思いゴーヤを育てていましたが、あんまり育たなくて残念なjyunzyです。夏が終わってしまうよ!さて今回は、サーバーの絶対パスを調べる方法を紹介します。サーバーの絶対パスというのは、Basic…
IE11とEdge Legacyのサポート終了スケジュールが発表されてた!
アナウンスがあったのが先日、8月17日のことでした。2020年11月30日、Microsoft TeamsのWebアプリがIE11のサポートを停止。2021年3月9日、Win10のデフォルトブラウザ Microsoft …
7月は車が故障し車を買い替える事になったり、胃腸炎で何日か出社できなくなったりと、色々慌ただしい日々を送っていたjyunzyです。まあ、新車については気に入っているのでいいのですが。さて、WordPress5.3から管理…
wordpress 5.5にはLazy-loadが標準機能として実装されているらしい
8月11日にリリース予定のWP5.5には、画像を遅延読み込みさせるための loading属性を自動で追加してくれる機能が標準で実装されているとのこと。プラグインをインストールしたり自前でカスタマイズしたりの煩わしさから解…
蒙古タンメン中本のカップ麺にちょい足しするのがマイブームのjyunzyです。メジャーなのは納豆ですが、もやしやキャベツなどの野菜を足しても美味しいですよ。味噌汁や肉じゃがなどの余りものを入れても良いです。職場の私のWin…
新しく登場した疑似クラス :is() と :where() がとても便利な気がする。
新しい疑似クラスが safari と Firefox のプレビュー版でサポートされるようになったという事で色々と眺めていたのですが、これはSassが使えない環境だととても便利そうですね。とりあえず各ブラウザのサポート状況…
唇を怪我したYu-ichiですさて今回は弊社で使っているパソコンに起きた現象と解決方法をご紹介します。弊社で使っているパソコンのうち3台が、5月中旬ごろにあったWindowsアップデートを行った直後に急に動作が重くなり、…
家庭菜園で野菜を収穫するのを楽しんでいるjyunzyです。今の時期はソラマメの収穫しています。お酒のつまみにいいですね。今回のお話は「FFFTPで消せなくなったファイルを消す方法」です。皆さんはアップロードしたファイルを…
ニューモーフィズムなデザインを取り入れたいときに便利なCSSジェネレータ
かつて流行っていた「スキューモーフィズム」が「ニューモーフィズム」として再び話題に上がったのは何時のことだったでしょうか。スキューモーフィックデザインとフラットデザインの良いとこ取りなんて言われていましたよね。あのソフト…
URLにパラメータをつけずにMW WP Formを埋め込んだページのタイトルを取得する
今回は「URLにパラメータをつけずにMW WP Formを埋め込んだページのタイトルを取得する」方法をご紹介します。かなりニッチな内容ですね。例えば、ページの後半にメールフォームが埋め込まれている商品ページがあるとします…
セクションの区切りを装飾、CSSだけで実現するのに便利なジェネレータ
新型コロナウイルスとはまったく関係のないお話で恐縮です。セクションとセクション、あるいはブロックとブロックの区切り。水平にスパッと切るだけでは面白くないし、デザイン性は上げたいんだけどなるべく画像は使いたくない。そんなと…