新OS Xの英字書体がHelvetica Neueに変わったことに対する違和感について
新OS Xの英字書体がHelvetica Neueに変わったことに対する違和感について2014.06.07 20:0014,594 mayumine アップルは、ついにOSの英字タイプフェイス（活字書体）を、長年使っていたLucida Grandeに別れを告げ、Helvetica Neueに鞍替えすることになりました。 これはWWDCのキーノートで発表された新OS X Yosemiteの地味で分かりにくい変更点のうちのひとつです。OSとiOSのシステムがどんどん近づいて、調和に向かっています。でも実際Helveticaフォントは小さいサイズになると読みづらい。これは本当に相応しい選択だったのでしょうか。 以下は米ギズによる、様々なデザイナー視点を織り交ぜた新OS Xの新しい英字フォントに対する｢違和感｣の考察です。 スリムでこざっぱりしているHelvetica Neueフォントは、クリーン
About SPARKFUL | SPARKFUL
打造伴隨人們多年、一同成長的有趣產品從每日補水到每日走路、從記帳理財到待辦事項，我們的產品都是從生活中的小事情開始，讓小小的樂趣在生活中發芽。我們相信好的產品可以伴隨人們多年，進而影響大家的生活習慣。 我們的工作核心，就是將「樂趣」帶到每一個人的身邊。無論是外地工作的女兒，透過《Walkr》收到父母的能量記錄來確認彼此健康；《植物保姆》陪伴小女孩在醫院裡枯燥的治療時光；或是透過《記帳城市》學習理財，真實地在現實生活完成了夢想。 我們知道，一定還有很多有趣又動人的故事默默發生在這千萬人中。 一個充滿樂趣的產品，伴隨著人們長大，成為回憶的重要核心。我們都相信，這些故事都是這千萬使用者中，最重要的那些體驗，是我們和我們的使用者們共同擁有的回憶。
メモログ
💡 Personal notes about somthing I'm interested in 最近になって-webkit-font-smoothingというプロパティの存在を知りました。maxvoltar - -webkit-font-smoothingによると2010年には存在していたようですけど。 W3CのCSS3の仕様にはfont-smoothというものがありますが、これと-webkit-font-smoothingは、値の指定の仕方とかが異なります（参考：font-smooth - CSS | MDN）。 -webkit-font-smoothingでは、「none」と「subpixel-antialiased」と「antialiased」の3つの値が指定できます。デフォルトの状態は「subpixel-antialiased」の状態で、SubpixelについてはSubpix
Readmore.js
A smooth, responsive jQuery plugin for collapsing and expanding long blocks of text with "Read more" and "Close" links. The markup Readmore.js requires is so simple, you can probably use it with your existing HTML—there's no need for complicated sets of div's or hardcoded classes, just call .readmore() on the element containing your block of text and Readmore.js takes care of the rest. Readmore.js
タブレット向けサイトの文字サイズは16pxがいいとの調査結果……イマドキの文字サイズの話 | 初代編集長ブログ―安田英久
今日は、タブレット端末でユーザーが好むWebサイトの調査結果を紹介しながら、昨今のユーザーがWebサイトを見るのに使っているデバイスにどう対応するかを少しだけ考えてみます。 タブレット端末で使いやすいサイトとは？「タブレット端末でのサイトユーザビリティ調査」というレポートを、IMJさんが発表していました。 ・ IMJ調査レポート「タブレット端末でのサイトユーザビリティ調査」 → http://www.imjp.co.jp/press/release/20130515_000959.html （リリース） → http://www.imjp.co.jp/press/assets/201305/imj20130515.pdf （調査データPDF） ざっくりその内容をまとめると、こんな感じです。 7インチタブレットユーザーの最大34％はスマートフォンサイトを支持 （でも大半がPC向け表示を支持）
Insights | Barrel | Shopify Ecommerce Website Design & Development
By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information. When you visit websites, they may store or retrieve data in your browser. This storage is often necessary for the basic functionality of the website. The storage may be used for marketing, analyti
Textillate.js
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
TextMateで外部ディスプレイを使っていると文字がぼやけて見難くなる問題の対処法｜TechRacho by BPS株式会社
メインのエディタとしてTextMate＋ForMateKonaVeを使っているのですが，クラムシェルモードで外部ディスプレイに出力した際に，フォントがぼやけてすごく見難くなってしまう問題がありました． 具体的には以下の図の様な感じです． これに対処する方法をまとめました．Snow Leopard用の対処方法の様ですが，Lionでも確認済みです． この問題はAppleFontSmoothingというフォントレンダリング時の設定パラメータに起因する問題の様です． なぜかはわからないのですが，Mac標準のディスプレイと外部ディスプレイではパラメータが違う（もしくはデフォルトパラメータが設定されていない？）みたいで，サードパーティ製ディスプレイを使っている時だけ問題になるようです． また，TextMate以外にもTerminal.appなどのアプリでも同様の症状が発生するようです． 対処方法ですが
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Viewport Sized Typography | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! There are values in CSS that are for sizing things in relation to the viewport (the size of the browser window). They are called viewport units, and there are a number of them that do slightly different (all useful) things. One unit is 1% of one of the axes of the viewport. These can be usef
A Closer Look At Font Rendering — Smashing Magazine
The Web font revolution that started around two years ago has brought up a topic that many of us had merrily ignored for many years: font rendering. The newfound freedom Web fonts are giving us brings along new challenges. The Web font revolution that started around two years ago has brought up a topic that many of us had merrily ignored for many years: font rendering. The newfound freedom Web fon
Animated Content Tabs with CSS3 | Codrops
In this tutorial we are going to implement some simple CSS3 content tabs using radio buttons together with the :checked pseudo-class and sibling combinators. Content tabs are a very common and familiar element in web design, and often their turn out to be pretty useful. So, in this tutorial we are going to implement some simple CSS3 content tabs using radio buttons together with the :checked pseud
Show Image Under Text (with Acceptable Fallback) | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Updated April 2014 with more modern information. WebKit supports the cool background-clip CSS3 property, which you can use to do some pretty neat stuff. The first time we touched on it was the iPhone Slide-to-unlock idea where we set a gradient to animate through the background of the text.
“ＭＳ Ｐゴシック” をメイリオみたいにアンチエイリアスさせるCSS3ハック
CSS3 を使って Windows から見るブラウザ上の "MS Pゴシック" をメイリオみたいに、アンチエイリアスさせて表示する方法を発見してしまったので紹介します。 さて、↓の２つのの文字を見比べてください。 実はどちらも同じ "MS Pゴシック"なんです（Chromeで画像化しています）。 CSS3 の transform を使う さて、これをどうやって実現しているかと言うと、CSS3 の transform を使って、アンチエイリアスさせたいテキストを、少しだけ縦方向に拡大しています。 .clear-type { -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1.01); -moz-transform-origin: 0 0; -moz-transform: scale(1, 1.01); -ms-transf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Raleway - Google Fonts
http://blog.nakatanigo.net/archives/50768904.html
Typespiration.com
Headless Commerce with Salesforce
CSS3のtext-strokeとtext-shadowで文字の縁取り（アウトライン）を表現した時の違い – hazumu.net/blog
Jesse Flores