技術備忘録

【cocoon】PSIの評価が悪いから事前読み込みを全部消して遅延読み込みをさせてみた結果【WordPress】

Cocoonの事前読み込み、デフォルトのままにしていませんか?不必要な設定を整理し、Flying ScriptsでJavaScriptを最適に遅延させることで、モバイルスコアを劇的に改善した実体験をまとめました。実際に設定したドメインの解説を詳しく紹介します。
プラグイン

【WordPress】ページ表示のもっさり感を解消するならプラグイン:APCu Managerがオススメ【cocoon】

「画像は軽いのに表示が遅い…」そんな悩みはAPCu Managerで解決!サーバーに「サボり方」を教えて、サイトの反応を爆速にする方法を解説します。Cocoonでの設定手順、分析画面の見方、さらにphp.iniの黄金設定(128M/64M)まで初心者向けに分かりやすく紹介。
Log

PHPの存在を知ったと同時にWebサイトの画面が真っ白になった話

突然の『データベース接続確立エラー』で画面が真っ白に…。絶望の中からPHPの重要性に気づき、自力で復旧させた実体験を公開します。記事後半では、コメント欄の無記名を予め決めた言葉に設定するコードも紹介。トラブルを遊びに変えるヒントをあなたに。
Log

ワードプレスを使ってブログを始めた感想は「思っていたのと違う」

「メモ帳とは訳が違う」。ワードプレスを始めて直面した、エンターキーが効かない不条理と、規律(HTML)の美学。SNSの「難しそう」という声に、実体験という名の弾丸で答えるLog第1話。初心者へ贈る、1pxの狂いもない本音の記録。
技術備忘録

CSS擬似要素の悪戯:文字に潜ませてホバー時に召喚するギミック

CSS擬似要素(before/after)を駆使し、文字に画像を潜ませホバーで召喚する精密なギミックを解説。あなたのサイトに静かな遊び心を宿すためのCSSを公開します。
技術備忘録

要素指定の見本帳~リストに要素指定やorderを使って新たな魅せ方をしよう~応用編

HTMLを書き換えずにCSSの「order」と「nth-child」だけでリストの並び順とデザインを自在に操る。最新記事だけにNEWラベルを灯し、情報の階層を静かに作る「ミコトホド」流の精密な魅せ方を解説します。
CSS

画像やテキストを追加できる before/after を使った魅せ方と、\Aを使ってCSSで改行を可能にする小技

CSSの擬似要素だけで画像表示や改行を制御するカスタマイズ。before/afterと\Aを駆使し、HTMLを汚さずに具体的な手法を精密に解説します。
技術備忘録

WordPressのサイドバーに魅せるシンプルなプロフと箇条書きスペースを同時に作れるHTMLとCSS

Cocoonのサイドバーに、HTMLとCSSで「凝ったシンプル」なプロフィールを設置する方法を解説。適切な余白とH3タグによるSEO対策を両立した設計図。CodePenのサンプルコード付きで、誰でも精密なカスタマイズが可能です。
シェアする