Making SVGs Responsive with CSS | Codrops
An article on how to make embedded SVGs cross-browser responsive. We’re going to cover embedding techniques, how to apply the “Padding Hack” and how to use inline media queries to make SVGs adaptive. An SVG can be embedded on a web page in many ways; one of which is embedding it inline in an HTML5 page using the <svg> tag. The other commonly used techniques include embedding it as an image using t
How To Create an Origami Style Logomark in Illustrator
This post was originally published in 2014 The tips and techniques explained may be outdated. I recently received a great tutorial suggestion from a reader named Brigid who asked if I could create a guide to creating an origami style illustration. We’ll use Adobe Illustrator to tackle this design for its advanced shape editing abilities and make particular use of Smart Guides to perfectly align ou
Responsive Logos
An exploration into scalable logos for the modern web. Resize your browser (Or rotate your device) to see the reductions based on screen size. Concept by Joe Harrison. This is a personal experiment and not in affiliation with the brands themselves in any way. Concept by Joe Harrison 2014. This is a personal experiment and not in affiliation with the brands themselves in any way.
ものの数分でクオリティの高いロゴが作成できるサービス「Logo Garden」 : 二十歳街道まっしぐら
Logo Gardenはウェブ上で簡単にロゴが作れるサイトです。 ロゴを作るだけでなく、作ったロゴを入れた名刺やTシャツも作ることができます。 作ったロゴは無料でダウンロード可能（ちょっと小さいけど）。 どういうロゴを作ろうかなぁと考える際にも使えそうです。 以下に使ってみた様子を載せておきます。 まず「Logo Garden」にアクセスしましょう。 まずどういったジャンルのロゴかを選びます。 次にロゴに使いたいイメージを選択します。 たくさん種類があるのでじっくり選んでみましょう。 あとは色や文字を入れて微調整をしたら完成。 その後、ロゴをJPG画像としてダウンロードできますよ。 さらに、ロゴを使った色々なアイテムも作れるみたいです。（有料ですが） ロゴ作成の際にぜひご活用ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
