![html5-memo.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec7f685b8fafa64c79b21417b55de945cf12ec3e/height=288;version=1;width=512/http%3A%2F%2Fwww.html5-memo.com%2Fwp-content%2Fuploads%2F2012%2F07%2FA84.jpg)
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
こんにちは!最近、iPod Touch を入手するも、なかなか遊べてない(hack できてない?)ゆうです。 さて、WithD をご覧になられる方には、DTP を兼務(もしくは専業と)されている方も少なくないはず!と…そこで、今月は CSS で段組みを行うために策定中の規格について取り上げてみることにしました。 DTP専用アプリケーションや TeX(組版マークアップ言語処理系。テフ、テック、テッヒなどと読みます)などに比べればまだまだ劣るとはいえ、CSS でも着々と DTP 的なスタイルが扱えるようになりつつあります。 今回紹介する段組の規格(例によって草稿段階)を、先月紹介した Web Fonts Module(Web Fonts、CSS 3までの流れと適用方法) と併用すると、かなり紙媒体書籍の版面イメージに近づけることが実感していただけるかと思います。 CSS 3 Multi-col
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
「CSS3 スタンダード・デザインガイド」の巻末に掲載したCSS3のプロパティ&ブラウザ対応一覧です。ここでは各ブラウザの最新バージョンの対応状況を追加していきます。 » 更新内容 CSS3 CSS3で新しく追加されたプロパティ。 CSS3 CSS2.1からのプロパティで、CSS3で機能が追加されたもの。 拡張 ブラウザが拡張したプロパティでW3Cの規格に未掲載のもの。 ○ 対応(○は要ベンダープレフィックス)。 △ 部分対応(△は要ベンダープレフィックス)。 × 未対応。 iOS4.3のMobile Safari Android 2.3/3.0/3.1の標準ブラウザ Firefox 4(バージョン5…⑤、6…⑥) Safari 5.0.5 Chrome 11(バージョン12…⑫) Opera 11.10 Internet Explorer 9(バージョン10…⑩) IE6 IE7 IE8
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s w
Page is Under Review The lab is awaiting moderator review and approval.
背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の
CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ
ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウトでもよく利用されます。 「min-width」などのプロパティを使ってMedia Queryを作る際は、ビューポートのサイズを設定して利用してください。 HTML <meta name="viewport" content="width=device-width, initial-scale=1.0"> スマートフォンでは表示するページの大きさをビューポートの幅に(主に)縮小してフィットさせるため
そんな訳で、HTML5のWebStorageに触れてみることにします。 ※WebStorageと一言で言っても、セッションストレージとローカルストレージがある訳ですが、今回はローカルストレージに焦点を当てていきます。 前置きのようなもの ネイティブアプリケーションの持つアドバンテージのひとつに、アプリ特有のデータや状態を永続的に保存できるというのがあります。 その方法は、iniファイルやXMLファイルなど、いくつかの種類があります。 対するWebアプリケーションは、Cookieをローカルストレージとして使うのが長らく一般的とされてきました。 しかしこれには以下のような欠点があります。 CookieはすべてのHTTPリクエストに含まれる そのため不要なデータを毎回送信してしまうので、Webアプリケーションのパフォーマンス低下を招く SSL状況下でない限りデータが暗号化されないので、何かと危な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く