Currently shipping in Chrome Canary, and thus soon to be in Blink-based browsers including Edge, is a relatively new CSS declaration which promises to virtually end typographic widows. The text-wrap:balance declaration in CSS Text Module Level 4 says that line breaks should be chosen to balance out the line lengths in a block of text. How exactly that is done is ’UA-defined’, in other words it’s d
ドワンゴ教育事業Webフロントエンドチームの berlysia です*1。 はじめに この記事では、日本語の縦書きHTMLにおいて、「ある1文字が縦組みのなかで違和感なく縦書きとして表示される」とはどのように成り立っているのか、意図しない表記になりやすい文字とその理由について紹介します。 最後まで読むと、縦書き時の文字の縦横に関する問題をたちどころに分解できるようになるはずです。とりあえずフォントのせいだろうかと疑う日々には、これでおさらばしましょう*2。 はじめに N予備校における日本語縦書きHTML CSS の関連仕様 日本語の一般的な縦書きに設定する うまくいかないことが起こりやすい文字たち うまくいかない文字がうまくいかない理由を理解する 縦書きを考慮した文字の周りの方向の定義 CSS における縦書きでの文字の縦横 upright typesetting sideways type
Key Takeaways The optimal line length for body text is 50–75 characters Shorter or longer line lengths can hurt readability Our large-scale testing reveals that text line length often makes product or service descriptions unnecessarily difficult for users to read Having the right amount of characters on each line is key to the readability of your text. Indeed, our Premium UX research and large-sca
In this article, Adrian Bece will explore fluid typography principles, use-cases, best practices, implementation with CSS clamp function and how to calculate the right parameters. He’ll also show you how to address some accessibility concerns and watch out for one important issue that you cannot fix as of yet, but have to be aware of regardless. The concept of fluid typography in web development h
Body text is the key component in communicating the main bulk of a message or story, and it’s probably the most important element on a website, even if people sometimes read just the headlines. Why would we limit the effectiveness of body text by minimizing its size to a browser-default that’s now over 20 years old, even on large displays? What’s Too Small?The majority of websites are still anywhe
Typetura — human centered and technology driven design Typetura is a studio where we know that, as humans, our words are the frame through which ideas are seen. Their power to communicate is amplified by being the most easily shared, translated, and understood medium. How do you present the ideas you care about? How do you design in a way that makes them stand-out? Let’s discuss.
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Taimur Abdaal leads design at Retool, a fast way to build internal tools. They’re working on a new design system for their platform, to let anyone easily build beautiful custom apps. Typography will be a huge part of this and Taimur wrote this based on that experience. You may have read the title f
2018年8月末、約半年間の制作期間を経て、家族向け社内報としてサイバーエージェントの20周年記念誌が完成いたしました。 この記念誌は写真、一部の原稿以外は全て社内で制作。構成からデザイン、情報を可視化するためのイラストの数々など、計300ページを超えるこの記念誌がどういった過程を経て完成に至ったかを、装丁と誌面デザインを中心に、できるだけ詳しく解説していきますので、下記の20周年記念誌を制作するに至った経緯も含めて読み進めていただければと思います。 『家族報』の発端となったのは2017年9月に開催された“あした会議”。「ご家族のみなさまに会社のことをもっと知って欲しい、ご両親やパートナー、お子さまに会社をもっと近くに感じて欲しい」という思いから提案があり、決議されました。サイバーエージェントの20年は、様々なことに挑戦しています。この本は、“サイバーエージェントの歴史を振り返るためのもの
Why are tech companies making custom typefaces? 9 min read Nov 9, 2018 Updated Sep 11, 2021 More than graphic design, typography is an expression of technology, precision and good order. Typography is no longer concerned with meeting the lofty and difficult demands of art but with satisfying, formally and functionally, the everyday requirements of a craft. ― Emil Ruder[1] For most of the last
技術書典に出す本のために文字について調べていたらいつのまにか、グリフを鑑賞するアプリを作っていた。柿(かき)と杮(こけら)のような見比べると楽しい文字が次々と表示される。 ✨鑑賞場所 試す: https://mzp.jp/moji/ ソースコード: https://github.com/mzp/moji/ 🖼おすすめの文字 由来が同じ文字 ギリシャ文字を元にラテン文字やキリル文字が作られた、みたいな由来により形状が似ている文字。別の文字と言うのかよくわからないが、Unicodeのコードポイントが別なので別の文字だということにした。 絵文字にもヒエログリフにもブタがいる、みたいな発見もあっておもしろい。 2000年くらいかけてブタがかわいくなった。 形が似ている漢字 柿(かき)と杮(こけら)のように形が似ている漢字。 部首や画数がそろっているせいか、Unicodeのコードポイントが連続して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
