メモの検索結果です。|デザイナー、コーチ、ディレクターズメモ|井川igawa design.

Memos

WordPress pタグを投稿記事から削除する1行のコード。

WordPressの記事投稿で自動的にpタグが入らないようにする、わずか1行のコード。

記事を書いた後に、意図せずにpタグが挿入されている!? WordPressで記事を作成している時、想定外にレイアウトが変わってしまうことがある。 よくあるのが、ブログ投稿時の「pタグの自動挿入」だ。 これはデザイナーにとっては(もしかしたらブロガーにも)悩ましく、特にCSSでpタグにスタイルを設定していると、思わぬ表示となり、場合によってはありがた迷惑でもある。 た...

「第三者コードの影響を抑えてください」と、preconnect。

第三者コードの影響を抑えてください。

「第三者コードの影響を抑えてください」 どうも最近サイトの表示速度が遅い。以前はPageSpeed Insightsで80前後のスピードが出ていたが、今では60を切ることが多々ある。40以下のときさえもある。 PageSpeed Insightsをチェックしていたところ、「第三者コードの影響を抑えてください」との表示が出ていた。 1番目と2番目にGoogl...

iPhone 14の解像度と、画像サイズ、CSSのピクセル設定をどうするか?

iPhone 14の解像度は? デバイスの解像度と、画像サイズと、CSSの解像度。 基本的にWebで使用する写真などの解像度は72px/inchであり、Photoshopの解像度の設定も72px/inchが一般的だ。 これはWindowsが普及する前の時代、Macの前身であるMacintoshの解像度に由来していると思われるが、今でも写真の解像度を調べると普通は7...

CSSとJS。使い勝手の良いグラデーション・マーカー・アニメーション。

マーカーでWebサイトにアクセントを。

CSS & JSによるマーカー。 サイトにちょっとしたアクセントが欲しいとき、使い回しが効くマーカーがあると便利だ。 汎用性があるのでスニペットとして使える。 グラデーション付きの、動きのあるマーカー。 ざっくりと、3ステップでOK。 CSSで、マーカーの見た目と動きを作成。(class名「highlight」) JavaScriptで、スクロー...

Webデザインは職業訓練校(ハロートレーニング)かスクールか。迷った場合はどっち。

職業訓練校かスクールか?

職業訓練校の場合。 ここ数年度々聞かれることがあり、ネットや上でもリアルの場でも不確かな情報が散見しているので(もちろん良い情報もあるが。)、元職業訓練校講師として、ちょっとまとめてみました。 偉そうにする意図はありませんが、もし参考になれば。 職業訓練校のメリット。 ハローワーク経由となるので、求職者支援として厚生労働省からの公的な支援がある。毎月10...

position: sticky;が効かない時にまずチェックすべき3つの項目。

sticky

便利な「position: sticky」 サイドバーをスクロールの途中で固定させたい場合、以前はJavaScriptなどを組み合わせなければ実装できなかった。それが「position: sticky」の登場により、CSSだけで可能になった。 「position: sticky」使用時の注意点。 CSSの仕様を踏まえておく。 ただし単にサイドバーに「...

jQueryの読み込みはhead内。(body閉じタグの前じゃない!?)

驚き

jQueryの読み込みはbodyの閉じタグの前じゃない。 少なくとも10年ほど前から、jQueryを含めJavaScriptの読み込みはbodyの閉じタグの直前に書いた方が良いと言われていたが、今回それが誤りである可能性があるということがわかった。 近年ではjQuery不要論も出てきているようだが、WordPressやスライダーなどで、変わらずガシガシと使われている。JavaS...

JPGからWebPへ? HTMLへの実装・検証結果。

webpの検証結果。

WebPってどうなのだろう? Webサイトで使用されている画像を、JPGではなくWebPにしよう、という流れがある。Googleの推しも凄い。画像自体の見た目のクオリティはJPGでもPNGでも全く気にならず、人間の目では判断できないほどの十分な色数、画質があるが、WebPは容量が軽くなるというメリットがある。 JPGでは使えない、アルファチャンネルも扱えるのも良い。使...

HTML5とCSS3、WordPress、SEO。無料ツールでランクアップ!

できた!

HTML5やCSS3、SEOなどの先端技術を無料ツールで。 今年2021年、5年ほど前に制作したサイトのリニューアルを承った。前回もリニューアルをしたので、2度目のリニューアルだ。ありがたいことに去年からお願いをされていたのだが、私の目の不調により待ってもらっていた。 だいぶ出来上がったので、ちょっと振り返ってみる。 マイク英会話教室札幌さまのサイト > ...