Neuton is a clean, dark, somewhat Dutch-inspired serif font which reminds you a little of Times. It has a large height, short extenders, and a compact width for
Flawless Typography Checklist A typography master course that doubles as an interactive visual reference that helps you achieve flawless type on every design project
» まちクエスト - スマホで謎解きにでかけよう!というWebサービスを開発しています で、「まちクエスト」という Web サービスを開発中だということを書きました。 リリース日をみんなが気持ちよく外出し始める「梅雨明け」としていて、例年だと7月21日ごろなので、まだまだあるなあ、と思っていたところ、なんと先週末に史上4番目の早さでいつの間にか梅雨明けしてしまっていました。 というわけで、「まちクエスト」リリースしました。 » まちクエスト、正式リリース! サービスの詳細や目指すところなどは、冒頭に紹介したエントリーでの繰り返しになってしまうので、どんなサービスか?を少し詳しく書いておこうと思います。 どんなサービス? ざっくり説明すると、 “スマホを持って謎解きにでかけよう!”がコンセプトのスマートフォン向けフィールドゲームです。 画面のレーダーを頼りに身近にある“クエスト”を探して歩き
スライド 振り返り 50分という限られた時間の中で、Network・Render・Computeという3本柱についてご紹介するという構成に挑ませていただきました。 恐らくフロントエンドが専門でない方も多くいらした中で、どこまでニュアンスだけでも届けられるように、という面の調整が多かったです。 結果的には目に見えるRenderについて多めに盛り込んで着地しています。 WebKit依存の内容が多めの所から、Canaryに載っている開発者ツールの使い方を通して、パフォーマンス問題の検証と対策について肉付けしている構成です。 参考にした資料のURLリスト 導入のあたり 開発者のための WebKit (“WebKit for Developers” 日本語訳) Performance Checklist for the Mobile Web - YouTube Strangeloop - Impac
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. If you know the exact width/height of an element, you can center it smack dab in the middle of its parent element easily with this classic trick: top and left set to 50% and negative margins half the width and height of the element. That’s great if you know the width and hei
既に色々なデモページが作られていたり、実用されていたりするCSS Transformsですが、ちゃんと理解したかったので調べてみました。 まだそんなに自信はありませんが、以前よりは理解できた気がします。 というわけなので、自分が分かる範囲で説明してみたいと思います。 CSS Transformsは2Dと3Dとで別になっていますが、将来的には SVG Transforms と合わせて一つの仕様になるそうです。 今はまだ別々なので、それぞれにリンクをしておきます。括弧内は現時点での最新の日付です。 WD: CSS 2D Transforms(2011/12/15)ED: CSS Transforms(2011/11/28)WD: CSS 3D Transforms Module Level 3(2009/03/20)ED: CSS 3D Transforms(2011/03/21)新しくなった
今回は、指定した要素を変化させる「transform」を詳しく見ていきたいと思います。 指定後の画像を見てもいまいちどのような変化があるかわかりづらいと思うので、前回の記事CSSアニメーションの初歩をおさらいで紹介した、animationを使って 変化の状態を見ながら確認しようと思います。今回も説明のベンダープレフィックスは省略していますが、動作はFirefoxとChromeの最新で確認しています。 また、このプロパティは3Dの指定もありますが、今回は平面の2D指定のみだけにします。 rorate 要素の回転を指定します。 transform: rotate();・・・XとYを同時に指定 transform: rotateX(); transform: rotateY(); transform: rotate();(角度の変更) #img01 img { animation: animat
IE9以下の4095問題IE10では解決してるようです。 IE10のIE9モードでは再現出来ません。 IETesterであれば再現出来ます。(テストケースが開けない事があるが) 最初の 31 スタイル タグ以降のスタイル タグがすべて適用されるとは限りません。 最初の 4,095 ルール以降のスタイル ルールはすべて適用されません。 @Import ルールが継続的に使用するページ上の他のスタイル シートのスタイルは、3 階層のシートはすべて無視されますインポートする外部スタイル シートをインポートします。 Microsoft サポート 『Internet Explorer での CSS スタイルを使用して、web ページが正しく表示されません。』より 調べた履歴分割Blesscss_splitter記事やテストhttp://jsfiddle.net/ub_pnr/sZNH4/embedde
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く