HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
Beautiful Creative Typography Tuts from Vectortuts+ | Envato Tuts+
Creative Typography is more than just a fancy font, it's an expressive form of typography that transforms letters into works of art. Using the letter-forms as a medium for expression and storytelling, Creative Typography takes words or phrases and matches them with illustrative and artistic finishes that further enhance the mood of the design. The following roundup of tutorials from the Vectortuts
基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
20 Useful Typography Tools
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Typography is a crucial component of a
Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11]
Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11] CSS Nite LP11の鷹野さんのセッション「Webデザイナーのためのタイポグラフィと文字組版」のメモ的まとめ。twitterも合わせてチェック！ 画像フォント ベタ組み ツメ組み 和文フォント 基本的に正方形の仮想ボディ内に文字が配置されている。 オーソドックス（仮想ボディーに対して小さ目・文字間が大きく感じる） モダンスタイル（仮想ボディーに対して大き目・文字間を感じない） イラストレーターで文字詰め 自動（フォントの情報から詰める） オプティカル（字面から詰める） その後、手動で詰める MSPゴシックとMSP明朝だけ仮想ボディを持たないポロポーショナルフォント。 欧文フォント プロポーショナル（文字ごとにサイズが違う） 欧文向け(ベースラインに余裕がある) line-height:
![Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
Graphic Design Inspiration on Speckyboy Design Magazine
Looking for some graphic design inspiration? Here you will find inspirational galleries and articles, covering all aspects of graphic design. View all Design Inspiration collections
10 Best WordPress Plugins to Deal With Fonts and Typography
There are many elements in web design that require your full attention. Typography is one of these major elements, although we usually don’t place its importance high up the priority list. However, use the wrong typeface or fonts and you will leave a bad impression amongst your readers. On that thought, I have put together five WordPress plugins that can help you do more with your fonts, such as c
45 Absolutely Astonishing Helvetica Typographic Posters | Desizn Tech
Helvetica is not a just a font. It is a culture, motivation and trend. Designers all over the world loves to incorporate Helvetica in their work. Are you a Helvetica Fanatic ? Are you passionate about Helvetica? Here are 45 really amazing poster about Helvetica that expresses what is Helvetica and how it has inspired good designs. Before we dive into the awesome posters just a brief look at Helve
How to Create Inset Typography in Photoshop
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. In this beginning-level design tutoria
Amazing 3D Typography for Inspiration | [Re]Encoded.com
Typography plays an important role in every website design and we don’t even think of an artwork without any text on it until its not something out of the box we are working on. Everyday we (designers) search for new tips and inspiration relating to website design such as color theory, new scripts, designs, textures, stock images, typography, etc. So today we are here with some Amazing 3D Typograp
80+ Amazing 3D Typography designs that will truly Inspire you
80+ Amazing 3D Typography designs that will truly Inspire you Ever since I was young, I was always amazed by 3d movies, games, pictures or anything 3d for that matter (maybe it was those funny glasses!!). Lately, many graphic designers and visual artists have been creating some of the most amazing 3d typographic artwork that I have seen in a while. I have come up with a great collection of 3d typo
40 Beautiful Examples Of Hand Drawn Typography — Smashing Magazine
Beautiful and creative typography can come in a variety of different forms. Hand drawn typography can be an excellent source of inspiration for graphic designers and typography lovers. In this post we will feature 40 creations that use hand drawn type. Some have been created completely by hand. Others have been sketched and scanned into Photoshop or Illustrator. Another option is to use fonts that
25 Beautiful Examples Of Typography Portraits | Creative Nerds
July 27th, 2009 Inspiration A great design trend of seen appearing more and more often around the web is using typography to create portraits. This post I’ve compiled an amazing list of 25 beautiful typography portraits which are perfect for inspiration and are simply mind blowing designs. I hope you enjoy and feel free to leave a comment to say which one is your favourite. 1) SE HABLA ESPANIOL 2)
10 Incredible Sites to Improve Your Typography Skills
Resources 10 Incredible Sites to Improve Your Typography Skills Henry JonesJuly 16, 200916 Comments06.6k I think most would agree that typography is a difficult skill to master. A few months ago, we showed you some tools and tutorials to improve your web typography. While these are very useful, tools are only half the battle. Having a strong foundation of typographic knowledge is crucial. In this
50 Examples of Vintage Typography
Vintage art reminds us of a time when we were dependent less on technology and more on skill and technique. But we cannot compare the typography of 100 years ago to that of today, with the arrival of so many new typefaces, new ways to create fonts as well as new ways to get our artwork out into the world. Even though the application of typography has evolved so much from a century ago until now, t
15 objects with typography
Early this year I published a post with 15 typography-based objects, since the creative work around typography is so amazing, I thought that I should do another roundup on that topic. In this collection, you will find some objects that do a nice use of typography in their design. My favorite is by far the Alphabet Drawers, if any reader wants to offer it to me you’ll make me the happiest blogger o
Page not found | abdz.do
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a Steam Powered Typographic Treatment - Part II | Envato Tuts+
安庆镣险市场营销有限公司