Web制作の記事一覧

2020.7.17

2020年7月現在のWordPressのバージョンは5.4.2ですが、5.5からは画像とiframeの遅延読み込みをユーザーの手間をかけずにするために、自動で『loading=”lazy”』を追加してくれるようになるようです。ただ何でもかんでもLazy-loadするかというとそうではありません。
その機能を使うためにはwidthとheightの指定が大事になるということです。

2020.6.21

Googleサイトというサービスをご存知でしょうか？
僕は今日まで知らなかったんですが、試してみたらめちゃくちゃ画面をポチポチしてるうちに簡単にホームページが作れてしまいました。何だよこれ…もう僕の仕事はなくなったのかもしれません。

2019.5.23

実はよら氏はデザインやWeb制作・サイト管理の仕事もしてたりします。先日クライアントさんのサイトでブログ記事の一覧ページでページ送りができない問題が発覚しました。その時の状況と解決までの方法について残しておこうと思います。

2017.7.8

以前からフォームがあるページのみHTTPS通信を行うようにSSL対応しているサイトはありましたが、数年前からWebサイトの全ページをSSL対応すべきという流れになってきています。そしてGoogleはHTTPSをランキングシグナルに使用します（SSL対応しているWebサイトをわずかですが検索で有利にする）」と発表しています。遅ればせながらよらノートもようやくSSL対応したので、「一度もやったことない」「これからやろうと考えている」という方向けに私が行った方法を残しておこうと思います。

2016.7.2

ボタンにCSSグラデーションとSVGアイコンを同時につけようとしたのですが、before、after擬似要素をinputやimg、videoなどの置換要素には使えないことを知らずにハマった際の実装までの軌跡を綴っています。かっこ悪くても1つずつクリアしてこう。泣かない。

2016.6.18

Wordpressにカート機能を導入できるWelcartというプラグインを使用した際、カスタムフィールドが表示されない！とハマった時の対処法の記事です。

2016.5.18

SVGファイルにリンクを設定しようとした際に上手くいかなくてハマった時の対処法の記事です。結論としてはobject要素で実装し、CSSを調整することで解決しました。

2016.5.12

Wordpressのバージョンが4.5に上がったことが原因でスムーススクロールが動かなくなった問題とその解決法の投稿です。一瞬で終わります。

2016.3.18

派手過ぎず文章を読む際に邪魔にならない演出が素敵なパララックス効果。今ではたくさんのjQueryプラグインがあり、実装も簡単になってきています。
javascriptはほとんどのブラウザが対応しており、現在のWeb業界では無くてはならない存在ですが、読み込みすぎるとページのロードが遅くなったり、他プラグインとの競合など管理が大変になってきますので使わなくて済むならそれに越したことはありません。
そこでCSSだけでパララックス風効果を実装してしまおうというのが本題です。
CSSなら重くないし、動きもサクサク快適です。