- Summary テキストフィールドにCSSを入力するか,CSSが置いてあるURLを指定して,"Process CSS" をクリック. - 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding: 10px 5px 10px 5px; } - 使用後 (Compression: Low) #example { color:#000; background-color:#fff; font-weight:700; margin:5px; padding:10px 5px; } 入力 196 byte ...
先日ご紹介した第三弾に続き、第四弾。さて、いつまで続くのやら・・・と思いつつエントリー。 小粋なインターフェースを実現する25のコード 小粋なインターフェースを実現する25のコード (パート2) 小粋なインターフェースを実現する25のコード (パート3) 今回も素敵なコードが揃っていますよ。いくつかご紹介。 ↑ CSSでアラートメッセージを作る方法。ウェブサービス...
SO905iがやば過ぎる件。JOGですよ!じょぐ!!!すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なん...
『 CSSの小技集、20個。1.角丸2.画像なしの角丸3.投票用スターの作成4.テーブルなしのフォーム5.リストをCSSでデザイン6.2カラムレイアウト7.3ラムレイアウト8.3カラム固定幅 』
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでア [...]
Sky CSS Tool・ky CSSallows you to create CSS classes almost w...
[1] 最近のWebサイトはテーブル組ではなくCSSで構築することが多い。その分、ブラウザ互換性を確保するのが大変な場合も多いが、文書構造的にも分かりやすいものが出来上がる。 それもあって、CSSが肥大化する傾向が見られる。余計なプロパティや値の設定がないか、ツールを使ってチェックしてみよう。 今回紹介するオープンソース・ソフトウェアはCSSTidy、CSSを最適化するソ...
CSSで指定するフォントは、訪問者のマシンにその指定したフォントがインストール済みでないと(大抵の場合は)反映されないため、手に入れやすいまたは多くのOSでインストールされているフォントを指定することが多い。手に入れやすいフォントとして代表的なものはCore fonts for the WebというMicrosoftが提供しているフォント群で、具体的にはArialやTrebuchet MS、Verdana、Georgia、Times New R...
サイトのCSSを見たままリアルタイムに編集するツール色々。WEBデザイン開発において、編集→リアルタイム反映と...
[1] Webサイトをデザインをしていて、どうにもサイズがずれる事があるかも知れない。そうした時、いちいちソースを表示してCSSのクラスを確認して、CSSファイルと照らし合わせていないだろうか。非常に手間ひまのかかる作業だ。 表示されているそのものを確認できれば便利だ。そしてそれを実現するソフトウェアがこれだ。 今回紹介するフリーウェアはXRAY、CSSレイアウトの情...
『 CSSであまり使われていないが使った方がいいフォント8選『8fontsyouprobablydon'tuseincss,butshould』 』
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する3つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained
『 >>TheCSSTextWrapperallowsyoutoeasilymakeHTMLtextwrapinshapesotherthanjustarectangle.Youcanmaketextwraparoundcurves,zig-zags,orwhateveryouwant.Allyouhavetodoisdrawtheleftandrightedgesbelowandthencopythegeneratedcodetoyourwebsite 』
『 iCaptureがPasskey必要なあげくそれでもダメな時があるのでこっちを。1680×1050。でけえよ。 』
初期(番号の若い)のモノはテーブルレイアウト中心、その後CSS濫用型に移行…。 現在は微妙なマークアップ+CSSオンリーなデザインを目指しながらも、所々にテーブル使用、divタグ多用、みたいな感じです。時間があったら、昔作ったのも書き直したいとは思ってるのですけど... テンプレートのブラウザー対応 CSSを多用(濫用)しているため、IE5.5〜でないとデザインが大幅に...
『 こういうサイトは個人的に大好物です。 』
『 「「どっかのサイトからCSS丸ごと取り込み」機能がなかなか面白い」らしい。「新バージョンとDreamweaver8(WindowsXP環境)を連携」らしい。 』
趣味のWebデザインより。 NN4 には CSS を読み込ませない(定石) ブラウザのデフォルトスタイルを殺す(定石)* /* 全指定 */{margin:0; padding:0; font-size:100%; font-weight:normal; font-style:normal; text-decoration:none; color:#適当; background:transparent;} img 要素に vertical-align:bottom; と border:none; を指定(定石) line-height は数値のみを指定(定石/em や % で指定するのは問題の元) width を指定した要素に paddin...
『 AppleDesignAwards2007DeveloperTool部門受賞ソフト使って10秒でわかった。コレすげえ!!!!!!!!!!!!!!!!!!!!!!!!!!>このソフトを知らないWebクリエータは可哀想と言わざる得ないぐらい素晴らしいのだとまで評価している人もいます。 』