この記事ではwebフォントの導入方法や使い方を解説します。最後におすすめのフォントもご紹介いたしますので、フォントが多すぎてどれを使えばいいかわからないという方は、ぜひ参考にしてください。 【Webフォントとは】 Webサーバーやクラウドにあるデー...

FontAwesomeの簡単な導入方法や使い方を解説【カラーやサイズ変更、アニメーションのカスタマイズ方法、WordPressでのFontAwesomeの使い方】表示されない時の対処法も解説

これからwebサイトのデザインを勉強する人、 実際にサイトデザインをしている人 デザインのことなんて何もわからない… センスないからデザインなんてできない… どうしてもデザインがダサくなる… という悩みに、 知っておきたい【デザイン原則】を解説した...

コーディングに必要なのは５つの情報だけです。最低限の使い方だけ覚えれば、案件対応可能です。実際の案件で、イラストレーターのデザインカンプ率は割と高いので、ぜひ５つだけなので覚えてみてください。

毎回同じコードやメール文を書くのめんどうだな、、長いコードをメモ帳からいちいちコピペをするのは大変だな、、また、記述ミスしちゃったよ、、 こういった悩みに、スニペットを探している人、Clipyを検討している人、に、すぐ使えるよう分かりやすく解...

フォトショップは最低限だけ覚えれば、案件対応可能です。実際の案件で、Photoshopのデザインカンプ率は高いので、ぜひ５つだけなので覚えてみてください。

xdのデザインカンプは、Photoshopやイラストレーターに比べて少ないかもしれませんが、コーディング案件に必ずあります。操作は、デザインツールの中で一番簡単です。コーディングに使うXdの覚えるべき機能は4つだけ。

この記事ではwebフォントの導入方法や使い方を解説します。最後におすすめのフォントもご紹介いたしますので、フォントが多すぎてどれを使えばいいかわからないという方は、ぜひ参考にしてください。 【Webフォントとは】 Webサーバーやクラウドにあるデー...

FontAwesomeの簡単な導入方法や使い方を解説【カラーやサイズ変更、アニメーションのカスタマイズ方法、WordPressでのFontAwesomeの使い方】表示されない時の対処法も解説

サイト制作やブログに欠かせないアンカーリンクの使い方をわかりやすく説明します。 ページ遷移リンクを貼る以外にも、電話をかける、メールフォームを起動するなど、 便利な機能がたくさんあります。

これからwebサイトのデザインを勉強する人、 実際にサイトデザインをしている人 デザインのことなんて何もわからない… センスないからデザインなんてできない… どうしてもデザインがダサくなる… という悩みに、 知っておきたい【デザイン原則】を解説した...

コーディングをブラウザで反映する時、都度、再読み込みして確認をしますが、いちいちブラウザを再読み込みするのは結構めんどう… そこで、自動でブラウザの更新をして、コーディングのブラウザチェックを楽にするVSCodeのプラグインLive Serverをご紹介し...

APIを使わずに、サイトへGoogleマップを埋め込む方法と、自由にカスタマイズ方法をご紹介します。 HTMLへのマップ表示は、わざわざAPIを使わなくても<iFrame>で表示することができます。 【埋め込み方法(レスポンシブ対応)】 ⒈  Google マップ ...