Z63 | Vertical align anything with just 3 lines of CSS | zerosixthree
With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, even if we don’t know its height. The CSS property transform is usally used for rotating and scaling elements, but with its translateY function we can now vertically align elements. Usually this must be done with absolute positioning or setting line-heights, but t
The ustwo™ Pixel Perfect Precision Handbook 2 日本語版
『Pixel Perfect Precision™ Handbook 2』（以下PPP™）は、ウェブサイトなどのデジタル環境用のデザインをする上での基本原則と、実践ですぐに使える具体的なPhotoshopのテクニックが収録されているドキュメントです。その名の通り、パーフェクトな精度のピクセルでデザインをするためのノウハウが、わかりやすいビジュアルと簡潔な文章でまとまっています。 元々PPP™は、グローバルに拠点を置くデジタルデザインスタジオustwo™ のGyppsy氏が制作したドキュメントです。iBooks版とPDF版のPPP™ドキュメントに加え、スクリプトやPhotoshopパターン集を付録の「エクストラ」として、ustwo™ ウェブサイトにて無償で配布しています。 PPP™は、デジタルデザインを学びたい人に、デザインの基礎知識と概念的な全体像を提供できるドキュメントであると同時に、既
レスポンシブWebデザイン≠マルチデバイス対応
2014年1月15日 著 最近読んだ» Defining Responsiveness Cloud Four Blogという記事のなかで、何がレスポンシブWebデザインで何がそうではないか、みたいなことが書かれていました。以前から自分もセミナー等でも繰り返し言ってきたことではあるけれど、Ethan Marcotte氏の唱えた原義に照らすならば、レスポンシブWebデザインを名乗るための要件というのは、次の3つしかありません。 流動的なグリッドベースのレイアウト フレキシブルな画像/メディア メディアクエリー これらすべてを使ってコンテンツが実装されていればレスポンシブWebデザインだし、使っていなければ、たとえそれっぽく見えてもレスポンシブWebデザインとは言えない。にもかかわらず、モバイル・ファーストだの何だのと、確かにそういう要件も盛り込んだほうが適切かもしれないけれど原義には含まれない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
