CSSでキュウべえ(FULL)を描いてみた - jsdo.it - Share JavaScript, HTML5 and CSS
/* * CSSでキュウべえ(FULL)を描いてみた * ※Google Chrome, FireFox, Safari, Operaに対応しています。 */ <div class="qb"> <!-- tail --> <div class="tail"> <div class="parts-1"></div> <div class="parts-2"></div> <div class="parts-3"></div> <div class="parts-4"></div> <div class="parts-5"></div> <div class="parts-6"></div> <div class="parts-7"></div> <div class="parts-8"></div> <div class="parts-9"></div> </div> <!-- ear --
CSS - ルビ再び : 404 Blog Not Found
2008年07月15日17:15 カテゴリLightweight Languages CSS - ルビ再び 以前、 404 Blog Not Found:css - ルビもCSSで という記事を書いたのだが、Firefox 3でどうもきちんと表示されない。これは困った。どうしてもルビを使いたい記事があるのだ。 というわけで、今度は大本の記事をそのままコピペするのではなく、CSSをきちんと理解した上で書き直してみた。 その結果が、以下である。 ここのblog主は <ruby>小飼<rp(></rp><rt>こがい</rt><rp>)</rp></ruby> <ruby>弾<rp>(</rp><rt>だん</rt><rp>)</rp></ruby> といいます。 ここのblog主は 小飼(こがい) 弾(だん) といいます。 ruby { display:inline-table !import
効果的なコーディングのための強力CSSテクニック集『Powerful CSS-Techniques For Effective Coding』 – creamu
DiaryTechnology 効果的なコーディングのための強力CSSテクニック集『Powerful CSS-Techniques For Effective Coding』 かっこいいインターフェースをCSSで実現したい。 そんなあなたにおすすめなのが、『Powerful CSS-Techniques For Effective Coding』。Smashing Magazineによる、効果的なコーディングのための強力CSSテクニック集だ。 以下にいくつかご紹介。 » Triadic Background Setting with CSS Silverbackのサイト。シンプルなCSSで3枚の背景画像を重ねて3D効果を出している。ドキュメントはないがソースコードを見るだけでとても刺激的 » Creative Use of PNG Transparency in Web Design We
テキストエディタでWebサイト構築をガンバル人へ
HTMLやCSSのコーディングチェックを行うためのアプリケーション「bkhvalid」 bkhvalidはアプリケーションタイプのバリデータだ。HTMLやCSS、JavaScriptの構文チェックを行い、アプリケーションの中で修正を行うことができる。複数のファイルを同時に開き、複数ファイルを一括でチェック可能だ。 動作環境はWindows 2000／XPとなっているが、筆者のWindows Vista環境ではアプリケーションを実行し、バリデーションを実行できた。 ファイルを開き、「F5」キーを押すか［ツール］→［検証］と操作すると、エラーチェックが実行される。見つかったエラーや警告をダブルクリックすると、指摘個所にジャンプすることができ、そのまま不具合の修正を行い、ファイルの保存を行うことが可能だ。DOCTYPEをHTML内の記述から強制的に変更してエラーチェックすることも可能である。 b
はてなダイアリーでstyleタグ、style属性が使用可能になりました(開発者向け) - はてなダイアリー日記
はてなダイアリーの本文、ページのヘッダやフッタでstyleタグ、style属性をお使いいただけるようになりました。これまでははてなの許可した一部のプロパティしかご利用いただけませんでしたが、styleタグやstyle属性を使用することで、より細かいデザインの指定が行えるようになります。今回の変更ではてなダイアリーXSS対策に従ってXSS脆弱性回避の処理を入れ、ほぼ制限無くstyleタグやstyle属性をお使いいただけるようになりました。 なお、@import には対応しておりません。これまで通り、詳細デザイン設定の「スタイルシート」欄に記述いただければと思います。 追記 18:04 style属性が記述されているときに、改行が正常に行われない不具合があり修正しました。idea:18051でご指摘いただきありがとうございました。 追記2 日記のプレビュー、確認画面でも改行が正常に行われておら
各はてなモジュールにクラス名を追加しました（開発者向け） - はてなダイアリー日記
本日、それぞれのはてなモジュールに対して、クラス名の指定を追加いたしました。こちらの変更により、CSSでのデザイン変更などが行っていただきやすくなりました。 これまでの hatena-module に加え、新たに hatena-module-モジュール名 というクラス名が追加されています。 たとえば、profileモジュールの場合は以下のようにクラス付けされています。 <hatena name="profile"> ↓ <div class="hatena-module hatena-module-profile">...</div> 来週火曜日（11月27日）まで開催中の公開デザイン祭2007秋に参加される方など、テーマを自作される方はぜひご活用いただければと思います。 その他、クラス名を付与したモジュールは以下の通りです。 クラス名を追加したモジュール一覧 モジュール名 クラス名 am
d2.hatena.ne.jpで新しいコメント構造の実験を開始しました - はてなダイアリー日記
本日、はてなダイアリーのテスト環境 d2.hatena.ne.jp にて、コメント欄の新しい構造実験を開始しました。 http://d2.hatena.ne.jp/ 詳しい変更内容は以下の通りです。 [コメントを書く] のかぎかっこ（[]）を削除しました コメント本文に付くかぎかっこ（『』）を削除しました これまでは「ユーザー名＞コメント本文＞書き込み日時」でしたが、「ユーザー名＞書き込み日時＞コメント本文」に変更しました ユーザーアイコンのリンクをその人のダイアリーへのリンクに変更しました（span.canchorは廃止） 個別コメントのpermalinkは書き込み日時にリンクしています 書き込み日時・コメント本文をそれぞれ別のspanで囲み、classを設定しました base.cssにいくつかのスタイルを追加しました ユーザー名・書き込み日時の後が改行されて本文が始まるような指定にしま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
[CSS]チェックしておきたい50のCSSのテクニック | コリス
youmos.com