WEBデザイン

コーディング

Figmaのメールアドレスを変更する方法。変更できない時はココをチェック!

Figmaに登録しているメールアドレスの変更方法をまとめました。また、Googleと連携させてアカウントを作った場合、通常の方法では別のメールアドレスに変更できないので、そちらの変更方法もまとめています。
コーディング

メールで共有するボタンをWebページに簡単に作る方法【HTML】

Webサイトに、そのページを共有する「メールでシェア」の機能を簡単に作る方法をご紹介。クリックしたらメーラーが起動して、メール本文にページのURLが書かれていて、宛先は空になっている状態です。
コーディング

画像の遅延読込でページ内リンクがずれる時の解決法【jQuery】

画像にloading=”lazy”などの遅延読み込みを設定したら、ページ内リンクのジャンプ先がずれてしまった…。そんなトラブルを解決した、jQueryの記述方法をご紹介します。
コーディング

カスタム投稿のカテゴリ一覧を表示する方法【WordPress】

カスタム投稿のカテゴリーをリスト形式で表示する方法。メニューやサイドバーに使えば、WP管理画面でカテゴリーを追加したり削除したときにも自動対応できます。個別にクラス名をつける方法や、リンクありなしの場合の書き方もご紹介。
就活・転職・資格

WEBデザイナーってどんな仕事?必要なスキルや仕事の流れ【初心者向け】

WEBデザイナーの仕事ってどんなの?必要なスキルは?デザインセンスって必要?ソフトは何を使うの?どうやって学ぶの?など、WEB制作会社と企業の社内デザイナーの両方で働いた経験を元に、WEBデザイナーの仕事内容をまとめました。
コーディング

抜粋の文字数をPCとスマホで別々に設定する方法【WordPress】

WordPressでthe_excerpt()関数を使って抜粋文を表示させる時、スマホとPCそれぞれで表示する文字数を自由に設定したい時の書き方をまとめました。あわせて抜粋の文末の文字も変更する方法も紹介します。
コーディング

WebP対応/非対応ブラウザで画像を表示させる方法2選。PC、スマホで切替も

WebP(ウェッピー)をサイトで表示させる時、SafariやIEなどの非対応ブラウザでは代替画像を表示させ、かつ画面幅によりさらに表示を切り替える方法をまとめました。
便利ツール

WEBデザイナーとして働く時に使いたいおすすめツール&サイトまとめ

普段WEBデザイナーとして働いている時に、よく使っている便利なサイトやツールをまとめました。これからWEBデザイナーを目指す方、あるいは既にWEBデザイナーとして働いているけどもっと作業効率を上げたいと思っている方の参考として。
コーディング

トップのお知らせ部分に別ページの新着情報だけを表示する【jQuery】

WordPressを導入しない静的サイトで、別ページのお知らせ一覧の最新の数件だけを取得して、トップのお知らせ(NEWS)部分に表示させたい。そんな機会があったのでjQueryだけで実装しました。
コーディング

videoタグのダウンロードボタンを消す方法【Chrome対応】

videoタグで埋め込んだ動画にコントロールバーを表示させたら、Chromeだとダウンロードボタンも表示されてしまいます。videoタグに属性を一つの付け足すだけで簡単に消せるので、気軽にダウンロードされたくないときに使いましょう。