スタイルシートで実装する実用的なものからちょっと変わったものまで、25のテクニックをDesizn Techから紹介します。 25 Advanced CSS Techniques 1. CSS Gradient Text and Background テキストや背景をグラデーション表示。
TOP > WebDesign > ハイクオリティなフリーHTML&CSSテンプレート集「101 High Quality CSS And XHTML Free Templates」 今やWEB制作で標準ともいえるCSSとXHTMLによるレイアウト。今日紹介するのはそのCSSとXHTMLによって作られた無料のテンプレートを集めたエントリー「101 High Quality CSS And XHTML Free Templates」です。 Preview | Download 様々な種類、ジャンル、デザインテイストのテンプレートが集められています。今日はその中から気になったテンプレートをピックアップして紹介したいと思います。 詳しくは以下 ■Genious Web XHTML And CSS Template ワイドを大胆に使ったテンプレート。迫力があります。 Preview | D
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
● [Rails] simply_helpful plugin 願います!願います!list アクションなどでAR要素の一覧を表示する場合に、各AR要素を表すHTML要素にAR要素のidをつけた一意な識別子を・・・って実物見た方が早いね。 とかよくやるじゃない?あれ負けたくない。じゃなくて、それをヘルパメソッドにしました、というだけのプラグイン。ま、自分で1行でできるよ、と言われればそうなんだけど、慣れると凄く便利なプラグインだったりする。ActiveSupport の中毒性に近いかも。 インストール でも、久しぶりに使おうとしたら、あれ、レポジトリ見つかんね!閉鎖!?閉まるに鎖と書いて、閉鎖!?と心配してたんだけど、どうやら場所が移動したらしい。 配布場所
CSSで横三角。「半キャラずらし」 (インターネット帳面) 今回はお題の通りインターネット帳面でもやってる「CSSで横三角をやる方法」。2バイト文字の三角記号は▲や▼しかないので横方向を示すことができませんでした。これをなんとかどーにかできんものかと。 ↑こんな記事があって、ちょっと面白かったので、 参考までに、ふつうの横三角のコードも書いておきますね! » (») « («) ▷ (▷) ▶ (▶) ◁ (◁) ◀ (◀) そうそう、この中でも » って結構使えるよ! よくサイドのメニューとかで、CSS を使って <li> の背景左端に、三角っぽい画像を設定したりするよね! でも » をつかえば、画像がなくてもこんな感じ! » Diary » Bookmark » Fotolife »
float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します(通常の解除方法も併せて掲載しています)。 1.「回り込み」とは 例えば、画像の左(または右)にテキストを表示することを「(テキストの)回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト~(略)~回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト (X)HTMLでこのような表示を行う場合、先に出現する要素(ここでは img 要素)に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま
2007年03月16日19:00 カテゴリTips CSS - スクロール可能なテーブル w/o JavaScript これ、うまく行ったのはfirefoxだけでした。 スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」:phpspot開発日誌 スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。 次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。 DEMO: Scrollable HTML table Safariではスクロールバーそのものが表示されず、OperaではTableが丸ごと消えてしまいます。 そもそもこれならCSSだけで出来るのではということで試作してみたのが以下です。 Firefox, Safari, Operaではきちんと表示されます
OpenOffice.orgにはWriter文書をHTML/XHTMLにエクスポートする機能があるものの、きれいなHTMLファイルに変換するという観点からは満足な状態にあるとは言えず、最も単純な部類のWriter文書でさえも冗長でわかりにくいHTMLに変換されてしまう。また元のレイアウトを忠実に再現しようとしているものの、完璧とはほど遠い結果であることも多い。さらに言えば、今日ではブログやwikiがウェブの主役だというのに、HTMLページを静的に出版するというのはあまりにも90年代っぽい話ではないだろうか。それならば、Writer文書をきれいなHTMLページやwiki文法のテキストファイルへ変換したい場合には、どのような選択肢があるのだろうか?実は、かなり多くの選択肢があるのだ。 それではまず、一つのWriter文書をHTMLページへ変換する必要があるという最もシンプルな場合から始めてみよ
I consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. More and more web designers work very much with styles in order to create a unique and easy to maintain website. You can see some inspirational examples by visiting a gallery like CSSREMIX or cssdrive. Those are CSS gal
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く