text-shadow: 0 0 4px #fff, 1px -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20;
「5分でわかるCSS3のグラフィックス機能」サンプル
text-shadow: 0 0 4px #fff, 1px -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20;
選択したテキストにスタイルに適用する「::selection」
選択したテキストにスタイルを適用しているサイトを最近ちょくちょく見かけるので、このブログでもやってみました。ということでその方法を簡単に説明してみます。 「::selection」というセレクタを使うことで選択したテキストにスタイルを適用することができます。 以前は現在策定中のCSS3セレクタの1つとして載せられていましたが、いつの間にか仕様から外れました。ですがIE以外でしたらちゃんと使えます。 基本的な使い方は以下のとおりです。 ::selection { background:#ff0000; color:#ffffff; } ::-moz-selection { background:#ff0000; color:#ffffff; } Firefox用に「-moz」のベンダープレフィックスをつけたものも必要となります。セレクタにベンダープレフィックスというのも珍しいですね。 あとフ
[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック
テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
chrome-life.com - このウェブサイトは販売用です！ - chrome life リソースおよび情報
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.
超デブだった僕が27kgダイエット成功時に実行した10の大切なこと
最初に3枚の写真をご覧いただきたい。 この写真、誰だかお分かりになるだろうか。 1枚目は20歳の頃の僕だ。当時体重は70kg前後である。僕は身長が190cmあるので、70kgだとかなりガリガリだった。 2枚目の写真は、今から6〜7年前、35歳前後の僕だ。体重は105kg前後あった。つまり20歳の時と比べて35kgも激太りしてしまったのだ。体脂肪率は28〜30%ぐらいあった。 そして3枚目の写真。これは現在の僕、年齢50歳。体重は79kg〜81kg程度だ。 いったい僕に何が起こったか。 激太りと、激太りからの生還である。 24歳までの僕は細かった。ところがサラリーマンになり残業が続き生活が乱れストレスが強かった。 その上成長期が終わり新陳代謝が落ちたことが重なり、2年間で25kgも激太りしてしまったのだ。 その後もジリジリと体重は増え続け、30歳を過ぎた頃には100kgを突破、その後105k
「孫の代までの仕事」が10年で消えたケース - reponの忘備録
「グローバル化」はジャーゴンではなく、具体的な物質的根拠と客観的なシステムを持っています。 そのひとつが、「コンテナ」です。 以下、「コンテナ」にまつわる、今もなお色褪せない話をします。 「沖仲仕」という仕事があります*1。 この言葉自体は「差別用語」だということで、もっぱら「港湾労働者」といいますが。 要は、港で、輸送船の荷物の積み替えをする、「荷揚げ労働者」の人達のことです。 1950年代当初、沖仲仕に従事する力自慢の男たちは、ニューヨークで5万1千人以上、ロンドンでも5万人以上いたらしいです。 こういうイメージ 波止場 コレクターズ・エディション [DVD] マーロン・ブランドAmazon日活100周年邦画クラシック GREAT20 赤い波止場 ＨＤリマスター版 [DVD] 石原裕次郎Amazon犯罪も絶えない。 ところが、1976年には、港湾労働者の数は7割減、その仕事の内容もすっ
グッドパッチのディレクターが愛して止まないワイヤーフレームツール | Goodpatch Blog
ステンシル ステンシルの中からワイヤーフレームを選び、下のボックスからドラッグ&ドロップで挿入します。 メニューバーのボタンをクリックすると設定画面が出てきます、この画面で、好きな値に変形できます。 そして背景はロックすることをおすすめします！ロックすることで、ほかの要素を動かすときに背景が影響を受けなくなりますのでおすすめです。 グループ ある程度要素がまとまったらグループ化すると作業が楽になりますよ！ 画像挿入 画像も簡単に挿入できます、Cacooは画像を自由に変形させることができるんですが、この機能は便利です。画像を無理矢理、枠におさめることが可能です。 （本当はちゃんとサイズを計算して画像も作りますが急ぎのときなどは便利です。） 書き出し 完成したら、書き出します。 無料版はPNGのみ回数無制限で、PDFなどは３回まで無料となってます。 簡単にワイヤーフレームが完成しました。次はこ
はじめてECサイトを立ち上げる際に、まず押さえるべき4つのポイント ─ ECスタートアップ実践講座
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テキストがはみ出た時に省略して「…」を表示するCSS | uniq-style
CSS3の制作をぐっと楽にする厳選20のオンラインツール
Goodpatch Blog グッドパッチブログ
新着記事
cmmntr.com