背景画像の拡大・縮小 → background-size ! - シンプルシンプルデザイン CSS
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加されていますので、あらためてまとめてみます。 拡大・縮小による画像劣化が気になるところですが、許容できるかどうかの判断は個人差があると思います。近頃のブラウザは優秀で、いい感じでスムージングされるので「OK！」とぼくは判断しました。 さすがにIE6の拡大・縮小したときのジャキジャキ感は堪えられませんが、そもそも「background-size」は適用されず無視されるので、IE6では背景画像は拡大・縮小されません。 Safari、Google Chrome、Operaですでに実装されています。 Firefoxもプリフィックス「-moz-」で適用されます。 IE8では残念ながら未実装でした。。。この辺はプログレッシブエンハンスメントで乗り切り
背景画像の拡大・縮小 | immature
背景画像の拡大・縮小ができないものかと探していたらCSS3で実現可能だということで覚書。 IE8では表示はされるが拡大縮小されなかった。IE9は未確認。 Firefox、Safari、Google Chrome、Operaは○ こちらの記事を参考にさせていただきました。 div{ background-image:url(画像URL); background-position:center top; background-repeat:no-repeat; -moz-background-size:cover; background-size:cover; } 背景画像の縦横比を保持したまま、指定要素に背景画像が常にある形でフィット （はみ出た部分は見えない）。 -moz-background-size:contain; background-size:contain; 背景画像の縦横比を
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
Web制作者が捗る！知識が増える2014年トレンドまとめ
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
求められる「あるべき姿」が多すぎてしんどい - インターネットの備忘録
無理なことを言われた話 - はてな匿名ダイアリー 読みまして。関連しないわけでもないんですが最近タイトルのようなことを思ったんですよね。 増田のように妊娠で母体や赤ちゃんのために食生活や働き方を変えるのは間違いなく「すべき」だとは思うんですけど、それ以外のところでも言語化されてない「こうあるべき姿」みたいなのに縛られてるなあと。 会社だったら「有能で有用な働き手としてこうあるべき」みたいなものを求められるし、家族なら「娘としてこうあるべき」があるし、恋人ができてもそう、結婚したら「妻として（男性なら夫として）こうあるべき」があって、母になったらまた違う「あるべき姿」が出てくるわけで。 さらに「人として、ひとりの女としてこうあるべき姿」みたいなのまで求めようとすると、完全にコンフリクトしてパーンてなる。 全部を実現するのは無理だし、そもそも両立できなかったりわたし自身の性格的に合わせられない
自分がメンテしないコードの品質を上げようとするわけがないよね | mah365
先日、リーダブルなコードを保つためには、コードが読まれるような文化をつくらなければならないのではないかというエントリを書いたのですが、こんなことを思ったのもある思い出話があったからでした。 「どうしたらこんなコードを納品できるの！？」 僕にとってのはじめてのオフショア。外部設計書を書いて「これ作ってねー」と海の向こうへ投げるだけの簡単な仕事を引き受けまして、設計書を投げた後、いい感じの時間が過ぎた頃に「どれどれ」とコード（PL/SQL）を見てみたのですが、 「このプロシージャ、すごく・・・長いです・・・」 ・・・うーん、外部設計書の章単位でプロシージャが区切られています。 確かにまぁ、設計書通りっちゃ設計書通り。 しかしいろんなプロシージャ間での処理が書かれていてDRYじゃない。共通の設定を読み出すところもハードコードされているので、仕様変更したいときに死んでしまいそう。 「どうしたらこん
安全加密检测
已通过安全加密检测 如果没有自动跳转，请点击下方按钮前往 正在进入平台，请稍等。360安全卫士提供技术支持 Copyright © 1998 -2020. All Rights Reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『安全加密检测』へのコメント