久しぶりのブログ更新です。 最近は買った物を紹介してばかりでしたが、今日はまじめにCSSのお話。 先日、某SNSで見つけたネタなんですが、 見つけた時はCSSっておもしろいなぁ！と改めて思い知らされました。 で、見つけたネタなんですが、ボックス内に長ーい文字が入った時に、 文字（文章）をCSSのみで省略させるというもの。 よく、文末に「...」を付けて省略しますが、アレをCSSだけで表現しよう！！ という事です。 JavaScriptとかPHPとかPerlなどのプログラム言語で表現するが 当たり前なんですが、これをCSSだけでできるとは思いませんでした。 んで、その方法なんですが、以下のとおりです。 <p><span>hogehogehogehoge</span></p> みたいなHTMLがあった時に、CSSで p:after { content: "..."; } span { text
phpspot 開発日誌さんで、「CSS の Overflow を応用して画像を綺麗にリサイズ表示するサンプル」 という記事が上がっていたのですが、この手の一部トリミングだったら clip プロパティがちゃんと用意されてるんでそっちを使ってもできるんじゃないかということで、clip プロパティを使用したサンプルを簡単に紹介してみます。 いきなりですが、サンプル。 clip プロパティで画像トリミングサンプル 通常は画像の一部のみが表示され、マウスオーバーで全体が表示されると思います。 ソースは下記。まずは XHTML ソース。 <p class="clipSample"> <a href="***"> <img src="***" width="240" height="180" alt="" /> </a> </p> CSS は下記のとおり。今回のサンプルは画像のサイズが、240px ×
Lost and Takenから、葉脈や葉・草・木など植物のWide-QXGA（2560×1600）超のテクスチャ素材を紹介します。
Aquaronは、ナビゲーション、フロートしたエレメントの操作、クッキー・文字列の操作、エレメントの装飾などのシンプルなjQueryのプラグインを配布しているサイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
