[B! css][*web] tetblueのブックマーク

【Sassを覚えよう！】もくじ的なのと参考リンク

需要が有るのか無いのかも分からず、半分以上は勢いで書いてたSassを覚えようシリーズですが、少しでも利用する人が増えるきっかけになれば幸いです。カテゴリ一覧から全部見れますけど、一応【Sassを覚えよう！】の全記事一覧です。【Sassを覚えよう！Vol.1】はじめに【Sassを覚えよう！Vol.2】何がすごいの？プログラムが出来なくても使える？効率がホントに上がるの？【Sassを覚えよう！Vol.3】一番カンタンな環境構築（Scout編）【Sassを覚えよう！Vol.4】Sassの基本的な記述方法【Sassを覚えよう！Vol.5】環境構築（黒い画面編）【Sassを覚えよう！Vol.6】黒い画面での実際の運用に関して【Sassを覚えよう！Vol.6.5】バッチファイルを使ってカンタンに黒い画面でSassを利用する【Sassを覚えよう！Vol.7】ファイルを分割して管理を楽に

tetblue 2013/07/10

*web
css

リンク

CSS(スタイルシート) 背景

CSS　背景 CSSで背景を設定することにより、さらにHTMLのソースをシンプルにすることができます。その為、ブログや情報量の多いポータルサイトなどでは背景画像をCSSに設定し、画像ファイルを直接HTMLに組み込まないスタイルが人気です。 CSS　背景 CSSが使えるようになると、レイアウトでの画像使用は殆ど背景で設定することが可能となります。ブログでもそうですが、レイアウトの画像はすべてCSSで背景画像として表示されています。 CSSロールオーバーでも背景画像を使いロールオーバーを表示する方法を書きましたが、背景画像の設定する場所は大抵決まっているので、ひとつ覚えてしまえば、いろいろなところに設定ができるようになります。しかし、背景の画像の表示も微妙な配置の設定などが必要となってきます。そんな時、背景画像のCSSは設定をどのように変えたらいいか？わからなくなることがあります。背景

tetblue 2011/10/07

*web
css

リンク

超簡単！CSSで画像にシンプルな枠をつける方法 | Health is better than wealth

ブログに載せる画像は枠を付けてあげると綺麗に見えます。ちょっとしたひと手間で画像が綺麗に見えるなら…と思って画像ソフトで枠作りしました。でも、意外と枠作りって面倒くさかった…。みたいな。そんなあなたにお勧めの、超簡単・超適当なCSS技をご紹介します。この技を使えば画像ソフトで枠を付けなくてもOK！うまく使えば、ブログに貼り付ける画像に常に枠を付ける事もできます。また、外す事も容易です。まずは下の画像をご覧くださいませ。 CSSで枠を付ける前の画像。なんか味気ないですねぇ。 CSSで枠を付けた画像。ひと手間かけた風だけど超簡単。さりげなさを重視して色を控えめに設定するとCool！上の画像のソース <img src="http://blog-imgs-24.fc2.com/m/i/r/miracleblues/kumo.png" alt="画像に枠を付ける" style="bor

tetblue 2011/10/07

*web
css

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

tetblue 2011/03/23

*web
css

リンク

CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル:phpspot開発日誌

Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。次のように、CSSで画像を固定サイズにトリミング表示できます。更にマウスオーバーで画像を元サイズに。実装について見ていきましょうマークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のＣＳＳを適用。 p.thumb{ float:left; margin:.5