WEBの仕事

コーディング

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

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

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

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

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

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

初心者はProgateとドットインストール、どっちがオススメ? Webデザイナーになる第一歩

無料でプログラミングが学べる「Progate」と「ドットインストール」。初心者向けでオススメなのは、Progateです。その理由を現役Webデザイナーの視点からまとめました。
コーディング

カスタム投稿記事をタグ一覧ページに表示させる方法【WordPress】

tag.phpはデフォルトの設定のままだと、通常の投稿タイプ(post)しか表示しないため、アーカイブページで該当タグがついたカスタム投稿記事を表示させたい場合の、functions.phpへの記述方法です。
コーディング

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

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

無線LAN子機「ASUS PCE-AC58BT」の取り付け方【画像付】

基本的に無線LANが搭載されていないデスクトップPCに、Wi-Fiが使えるようになる無線LANカードを後付けする方法を、画像付きでわかりやすく解説。
コーディング

伸び縮みする矢印のアニメーションサンプル【CSSのみや、スクロールで発火】

コピペで簡単! HTMLとCSSのみで描画する、動く矢印のアニメーションサンプルです。スクロールして要素が出現してからアニメーションを開始させたい場合の、jQueryを使ったソースコードも載せています。
就活・転職・資格

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

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

tableと他要素の幅が小数点以下切り捨てのせいで揃わない時の対処法

tableの横幅をパーセントで指定し、同じ横幅のdiv要素を下に並べたとき、微妙に横幅が揃わないことがあります。 ずれる原因は、ブラウザによってtableのサイズが小数点以下で切り捨てられてしまうため。 (例)スマホのとき、横幅92...