ロゴデザインの参考になるロゴギャラリーサイト16選

ロゴデザインを制作する時に参考になる海外・国内のロゴギャラリーサイト・ポートフォリオサイトを厳選して紹介します。

CSSで作成する吹き出しとデザインのアイデア

CSSとHTMLだけで作る吹き出しデザイン例と、吹き出しを簡単に作れるジェネレーターなど紹介します。

長いURLを短くするおすすめの短縮URLサービス8選

ブログ・SNS・名刺などで長いURLを短縮して表示したい時に便利な短縮URLサービスを紹介します。

背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」

クラスに指定するだけで背景パターン・区切り線・フォントなどを装飾することができるCSSライブラリ「pattern.css」の紹介です。

セクションの区切りをデザインできる「CSS Section Separator Generator」

HTMLとCSSでセクションのセパレーターを直感的にデザインできる「CSS Section Separator Generator」の紹介です。

動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」

動画やアニメーションgifの切り抜きをしたい時に自動で背景を消去してくれるWebサービス「Unscreen」の紹介です。

ポップなイラストをダウンロードできる「Download 80 free illustrations」

手書き風・フラットなど80点ものポップなイラストをダウンロードすることができる「Download 80 free illustrations」の紹介です。

パーツを組み合わせてイラストを作成できる「Open Peeps」

顔や体のパーツを組み合わせて584,688通りのイラストを作成することができる 「Open Peeps」の紹介です。

無料で使用できるポップなフリーイラスト「illlustrations」

デザイナーさんが100日間描き溜めたフリーイラスト集「illlustrations」の紹介です。

宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」

宮崎県小林産の黒毛和牛をふんだんに使用したハイクオリティなお肉の素材サイト「oniku images」の紹介です。

CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」

Webサイト制作でポピュラーなCSS(レイアウト・フォーム・パターン)をコレクションした「CSS Layout」の紹介です。

Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」

Neumorphismを直感的な操作で作れて、CSSのコードをコピーできるジェネレーター「Neumorphism.io」の紹介です。

マルチカラーグラデーションのコードをコピーできる「gradienta」

マルチカラーグラデーションのコードをコピー・画像(JPG)で保存できるWebサービス「gradienta」の紹介です。

画像の人物を自動で切り抜きしてくれるWebツール「remove.bg」

無料で利用できるAIで自動に写真の人物を切り抜いてくれるWebサービス「remove.bg」の紹介です。

SNSで使用する画像・動画サイズのテンプレート集「SocialSizes」

Instagram・Facebook・TwitterなどSNSで使用する画像・動画サイズをまとめたサイト「SocialSizes」の紹介です。

やわらかいタッチのイラストをダウンロードできる「Open Doodles」

SVG/PNG形式でダウンロード(CC0ライセンス)できるフリーイラスト集「Open Doodles」の紹介です。

簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」

組み合わせ次第で1000パターン以上のホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」の紹介です。

様々なシーンのイラストを無料でダウンロードできる「ManyPixels Illustration Gallery」

使い勝手の良さそうなイラストをSVG/PNG形式でダウンロードできるフリーイラスト集「ManyPixels Illustration Gallery」の紹介です。

PopularPosts
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるフリーイラスト素材サイト54選(商用利用可)
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • フォントを調べる時に役に立つツール・サイト10選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
WordPress対応! 初心者におすすめのレンタルサーバー特集
RandomPosts
  • グラデーションのアニメーションを実装できる「Granim.js」
  • Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
  • 【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
  • 簡単に作れるはめ込み画像モックアップジェネレーター5選
  • Adobe Fontsの使い方・おすすめフォント【日本語・英語】