蛙のicon
ひょんなことからIT業界に迷い込んだ1匹のカエル。知識ゼロからのスタートで四苦八苦。特にJavaScriptが怖い…。

の記事

aタグ周りで使えるテクニック一覧

aタグ周りのデザイン調整・ユーザビリティ改善に使えるテクニックをまとめました。

蛙のicon
私が画像制作に使っているツール3選

デザインセンスのない人でも簡単に綺麗なバナーやアイキャッチ画像が作れる、おすすめツールの紹介。

蛙のicon
CSSの遅延読み込みでCLSが悪化!?解決方法はこちら

Lighthouseで「レンダリングを妨げるリソースの除外」の警告が表示された時の対処方法。

蛙のicon
テキスト周りのデザイン調整に使えるおすすめCSSプロパティ

テキスト周りのスタイルを少し調整するだけで、読みやすく快適なサイトに近づきますよ。

蛙のicon
JavaScript・PHP不要!HTMLとCSSのみでタブ切り替えを実装する方法

超軽量!HTMLとCSSのみで簡単にタブ切り替えが実装できちゃいます!

蛙のicon
スクロール周りのデザイン調整とユーザビリティの改善

スクロールバーのデザイン調整やユーザビリティの改善に使える便利な小ワザ集。

蛙のicon
details・summaryタグで簡単にアコーディオンやハンバーガーメニューを実装する

jQuery不要!HTML・CSSのみで簡単にアコーディオンメニューやハンバーカーメニューが作れます!

蛙のicon
imgタグ周りのSEO対策・小ワザ集

imgタグのSEO対策やユーザビリティ改善のために知っておくべき知識をまとめています。

蛙のicon
Webデザインは8の倍数を使うとスッキリきれいに仕上がる!

8の倍数を用いてWebデザインをすると、違和感を感じにくく綺麗なサイト作ることができます。

蛙のicon
ul・ol・li リストのデザイン調整に使えるテクニック

リストマーカーの形を自由に変えたり、リストアイテムを横並びにするための方法をご紹介します。

蛙のicon
Lighthouseでコントラストが低いと怒られた時の対処法

Lighthouseで「背景色と前景色に十分なコントラスト比がありません」の警告が表示された時の対処方法。

蛙のicon
紛失したスマホを探す方法!GPSを切っていても大丈夫

どこかで紛失したスマホの位置を特定し、安全に回収するまでのプロセスをお教えします。iPhone・Androidどちらにも対応!

蛙のicon
雑記ブログは要注意!Googleからのサイト評価が下がる可能性があるらしい…

サイト内にYMYLコンテンツと非YMYLコンテンツが混在していると、扱いが難しくなるそうです。

蛙のicon
SEO対策?初心者はまずLighthouseを使ってみるのがおすすめ

LighthouseはGoogle公式のSEOチェックツールです。デベロッパーツールから簡単に使用できるのでWeb初心者にもおすすめ。

蛙のicon
誰も教えてくれないHTMLの基礎の基礎

講座では端折られ、プロに聞くと初歩的すぎて怒られる…そんなHTMLの基礎の基礎の部分を真面目に説明してみました。

蛙のicon
eSIMを使ってソフトバンクからLINEMOへ乗り換える

eSIMを使ってLINEMOへ乗り換える方法や注意点についてまとめました。

蛙のicon
【ソフトバンク】5分で完了!オンラインで無料でSIMロック解除する方法

ソフトバンクユーザー必見!オンライン上で即日でSIMロック解除が可能です!

蛙のicon
ソフトバンクからLINEMOへ乗り換えを決意!メリットや注意点は?

ソフトバンクユーザーの私がLINEMOへの切り替えを決めた理由や、乗り換えの際に注意すべきだと感じた点などをまとめてみました。

蛙のicon
LINE Out Freeで通話料金を大幅節約!

LINE Out Freeを使えば、固定電話や特定の電話番号に対して無料で通話することができます。特別な操作やツールは一切必要ありません!

蛙のicon