その他【JIN】アイキャッチ画像の適切なサイズは？適切なサイズでの作り方も
2021-09-18 オレンジ webの自由帳
ブログのアイキャッチ画像の大きさって、どれくらいにすればいいのか悩みませんか？ アイキャッチ画像はブログ記事を書くたびに作ることが多 …
その他【アドセンス】サイドバーに広告を設置する方法
2021-09-17 オレンジ webの自由帳
Google AdSenseに合格したら、自分のブログにさっそく広告を貼ってみたいですよね。 今回はWordPressブログのサイドバーにアドセンス広告を設置する方法につい …
その他フォントを学べるおすすめ本を紹介してみます
2021-08-12 オレンジ webの自由帳
今回はフォントを学べる本を「和文フォント」「欧文フォント」とカテゴリ別に紹介してみたいと思います。 フォントや書体の本を探してる方の参考になれば嬉しいです！ フォント …
その他【スクリーンショットが簡単に】GoFullPageの使い方【Google拡張機能】
2021-05-24 オレンジ webの自由帳
サイト全体のスクリーンショットを撮りたいってことありますよね。
全体像をみたいときにもとても便利です。
今回は画面のスクリーンショットを …
その他ブログを始めてみて思った5つのこと
2020-12-10 オレンジ webの自由帳
今回はブログを始めて思ったことをつらつら書いていこうと思います。
今まではweb制作のティップス系の記事しか書いてきませんでしたが、
せっかくなので思ったことも残しておこうかなと。 …
その他【Webデザイン】ギャラリーサイトまとめ
2020-11-14 オレンジ webの自由帳
今回はWebデザインのギャラリーサイトをただただ挙げていきます。
最後の2つ、「bookma!」さんと「Responsive Web Design JP」さんはPC以外の端末で …
その他【Photoshopからコーディング】画像の書き出し / 要素の取得方法
2020-07-17 オレンジ webの自由帳
今回はAdobeのPhotoshopからコーディングをする際の
画像の書き出し方法、値の取得方法を簡単にまとめてみたいと思います。 …
その他【XDからコーディング】画像の書き出し / 値の取得方法
2020-07-01 オレンジ webの自由帳
今回はAdobeのXDからコーディングする際の
画像の書き出し方法、値の取得方法をまとめてみます。
XDでの画像の書き出し方法
アート …
その他【 JPG / GIF / PNG 】画像ファイル形式のちがい
2020-06-10 オレンジ webの自由帳
画像ファイルの種類はJPG、PNG、GIFなど、いろいろな種類がありますよね。
今回は画像ファイルのちがいについて、まとめてみたいと思いま …
その他【簡単に画像を圧縮できるサイト】Tiny PNGの使い方【PNG / JPG】
2020-06-08 オレンジ webの自由帳
画像データの重さは
ページの読み込みスピードに影響するのでできるだけ軽くしたいですよね。 今回は無料で簡単にPNG/JPGファイルを …
その他【画像準備とさよなら】Lorem Picsumの使い方【便利サービス】
2020-04-04 オレンジ webの自由帳
練習でサイトや部分的なパーツを作ったり、
チュートリアルにそってコーディングしたりするとき、
画像の準備がすこし面倒だなと感じてしまうこ …
その他【コーディング爆速】Emmetの使い方【CSS編】
2020-03-30 オレンジ webの自由帳
今回はHTML編に続けて、CSSで使う頻度が高そうなEmmetを
自分なりにグループ分けしてまとめてみたいと思います。
レイアウト系
…
その他【コーディング爆速】Emmetの使い方【HTML編】
2020-03-29 オレンジ webの自由帳
今回はHTMLやCSSを効率的に書くことができる便利なツール
Emmetについてご紹介したいと思います。 こちらの記事では、HTML …