Budou - 機械学習を用いた日本語改行問題へのソリューション - ウェブ雑記
こんにちは！ 日本語のウェブサイトを作っていると、日本語特有の問題にぶちあたることがありますよね。 その中でも今回着目したいのは、日本語改行問題。最近、この問題を解決するためのライブラリを公開したので、紹介します。 github.com そもそも日本語改行問題とは何か ウェブブラウザで日本語で書かれたウェブサイトを見ていると、ときどき文章が変なところで改行されているのを目にすることがありますよね。 たとえば、こんなかんじ。 「ソリューション」が「ソリューショ」と「ン」に分かれてしまっています。読みにくいですね。 英語では単語がスペースによって区切られますが、日本語や中国語などのアジア圏の言語では単語がスペースで区切られないことが多いです。 そのため、英語では単語の途中で改行されることは通常ありませんが、日本語では単語の途中で改行されることがよくあります。 本文ならともかく、見出しやキャッチ
Dear Web designer
もう何年も前からWebデザイン、Webデザイナーの在り方について思うことがあります。 まず私のバックグラウンドがどういうものか示した上で、その思いを語ります。 DTPデザイン（紙のデザインです。ポスターやリーフレット、ポストカードなどなど）を1年半経験し、その後はWebデザイン、マークアップエンジニア、フロントエンドエンジニアへとコードを書くことに興味を持ちその時々でポジションを変え10年ぐらい経ちます。最近ではフリーランスとしてスタートアップのWebサービスの中でデザインからHTML, CSS, JavaScriptを主戦場にしている者です。 ここで語る内容は、Webサービスのデザインに偏った内容になってしまいますが、コーポレートサイトやランディングページひとつとっても考え方は同じだと思っています。 タイポグラフィはWebデザインに必要か？よくWebデザインはタイポグラフィの部分で自由が
Web typography is broken | Today
Questing for the holy grail of web typography: a baseline, cap height, and more in CSS. Let’s be honest – setting typography on the web has always been clunky. CSS properties are relatively crude alongside the precise control and ease of use that applications like Photoshop and InDesign offer. While developers have risen to the challenge, approaches to tooling have varied significantly. There has
Fun With Line-height! | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The line-height property in CSS controls the space between lines of text. It is often set in a unitless value (e.g. line-height: 1.4;) so that it is proportional to the font-size. It’s a vital property for typographic control. Too low and lines are awkwardly squished together; too high and l
CSS3での日本語縦中横を考える - ちくちく日記
【問題】 日本語縦組で文字が縦中横されたとき、組まれた文字の文字幅はどうなっているのが正解か A. 1文字の幅（1em）に納める B. 何もせずそのままの幅にしておく ▲（左）A. 1文字の幅（1em）に納める （右）B. 何もせずそのままの幅にしておく 何の話をしているのかというと、これ、、CSS Writing Modes Level3で定義される日本語縦組での縦中横の処理の話である。 先日、村上さん、小形さんお二人の呼びかけで「fantasai（ファンタサイ）さんを囲む夕べ」という飲み会が開催されました。 W3C CSSWG Tokyo F2Fのため来日中のfantasai twitter.com/fantasai/statu… を囲む夕食会を来週に計画してます。興味ある方は私にDMください。— 村上真雄 MURAKAMI Shinyuさん (@MurakamiShinyu) 201
ousia offical site
Contact : CONTACT : info@ousia-ism.com INFO@OUSIA-ISM.COM / Address : / ADDRESS : Kotobuki bldg.KOTOBUKI BLDG. 2-6-5 Kotobuki Taito-ku Tokyo Japan 2-6-5 KOTOBUKI TAITO-KU TOKYO JAPAN 111-0042111-0042 WEBサイトのWEBさいとの制作を中心に、せいさくをちゅうしんに、デザインからでざいんから設計・構築、せっけい・こうちく、ディレクションでぃれくしょんまで行います。までおこないます。 また、また、ロゴや名刺をはじめ、ろごやめいしをはじめ、パンフレット、封筒、会社案内などのパンフレット、ふうとう、かいしゃあんないなどのブランディングツールの制作などぶらんでぃんぐつーるのせいさくなど、 イメージ作りの
タイポグラフィを基本から学べるオススメの本
ウェブデザインでも非常に重要なタイポグラフィを基本から学べるオススメの本を紹介します。 きれいな欧文書体とデザイン 文字の組み方 欧文組版 デザインの教室 市川崑のタイポグラフィ 欧文書体百花事典 きれいな欧文書体とデザイン -名作書体の特色とロゴづくり ポピュラーな書体の基本情報から、それぞれの特徴をふまえた文字組・ロゴ作成を分かりやすく解説しています。装丁がとても美しい本なので、ぜひ手にとって見てください。 『メイキング「きれいな欧文書体とデザイン」』では、そのコンセプトを垣間見ることができます。 目次 欧文書体の基礎 欧文書体を使ったロゴづくり 欧文書体の特色とアレンジ 響き合う書体たち [ad#ad-2] 文字の組み方 -組版/見てわかる新常識
欧文組版で気をつけること - A Day In The Life
欧文組版する上で気をつけること。普段ほとんど意識してなかった＆知らなかったのでメモ。欧文組版なんて大げさなこと言ってますが英文を書く時に気をつけるべきこととほぼ一致します。 文字を強調するときはイタリック体を使う 文中ではなし言葉や引用を使うときはダブルクォーテーションで囲む 普段シングル/ダブルクォーテーションとして使ってる記号(Shift+7,Shift+2)はプライムマークといってクォーテーションではない。 × "How do you sleep?" ○“How do you sleep?” イタリック体の文字をダブルクォーテーションで囲まない イタリック体の字間は短く 括弧の前には必ずスペースを入れる 文章本文には基本的にローマン体を使うこと どうしても本文をサンセリフ体にしたいときは行間を長めに取ると読みやすくなる 100未満の数字はスペルで書く 参考書籍 欧文組版 組版の基礎と
Toyota Belgium | Altijd beter, altijd verder
Wij gebruiken cookies om u een optimale ervaring op onze site te bieden, diensten en tools van derden te leveren en de werking van de site te begrijpen en verbeteren. Verder gebruiken we cookies voor reclame. Wij adviseren u om al deze cookies te behouden, maar als u daar niet mee akkoord gaat, kunt u ze gemakkelijk wijzigen door hieronder op de cookie-instellingen te klikken. Meer informatie vind
Sexy, Bold And Experimental Typography — Smashing Magazine
Sometimes typography is all you need to communicate your ideas effectively. Graphics can support the type or type can support the graphics, but to deliver the message precisely, you need to make sure your type is expressive enough, your design is distinctive enough and the composition is strong enough. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Humane Type
GitHub - TodayDesign/megatype: Execute typographic structure with ease
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Lettering.js - A jQuery plugin for radical web typography.
https://www.kernjs.com/
タイポグラフィの素晴らしい世界をまずは無料のものから学んでみるebookのまとめ
Helvetica and Alternatives to Helvetica | The FontFeed
Poster Draft 1
Type Area [update]
PLAY WITH TYPE