[B! CSS] TRICK7のブックマーク

search-this.com - このウェブサイトは販売用です！ - search this リソースおよび情報

TRICK7 2009/02/10

角丸リキッドドロップシャドウCSS

CSS

リンク

Javascript cssRules - とみぞーノート

1. 概要 Javascriptからスタイルシート内のルールを変更する処理のまとめ。スタイルシートそのものを変更したい場合は「Javascript 動的なCSSの適用」を参照。 2. スタイルシート関連のオブジェクト Javascriptからスタイルシートのルールを操る際に関係するオブジェクトを図1にまとめる。FireFoxとIEで若干扱いが異なるので注意が必要。 2.1 stylesheet オブジェクトまずドキュメント内のスタイルシートを扱うstylesheetオブジェクトがある。stylesheetオブジェクトはドキュメントが読み込んでいるCSSファイルや<style>タグで指定したCSS毎に存在する。ドキュメント内のstylesheetオブジェクトは全てdocument.styleSheetsに格納されており、document.styleSheets[0]のようにして参照できる

TRICK7 2007/09/19

リンク

JavaScript for CSS(3)

JavaScript for CSS (3) class属性値やid属性値を変更することも可能です。 <LINK rel="stylesheet" type="text/css" href="style1.css"> <LINK rel="stylesheet" type="text/css" href="style2.css"> <STYLE type="text/css"> <!-- .class1 { text-decoration: underline; background-color: #fee; color: red; } .class2 { text-decoration: line-through; background-color: #eef; color: blue; } #id1 { background: #FDF5E6 url(img/bac01c.gif)

TRICK7 2007/09/19

css

リンク

無料で使えるデザインテンプレート集 14サイト - DesignWalker

TRICK7 2007/03/25

css

リンク

「やるな！」と思われるデザイナーに＃11 | 名古屋圏の情報 > アイデアノート | withD

2008.09.16 | 技術トレンド世界的に大流行の“ライト・ペインティング” 映像カルチャーのフロントライン　stash digest ♯1 white-screen.jp編集部（NOWONMEDIA, INC.）バックナンバー 2008.09.29 | 映画『パコと魔法の絵本』連動特集 CGWORLD特別試写会レポート（後編）プロの視点から、劇中CG／VFXについてのリアルなコメントが寄せられたパコと魔法の絵本　連動特集 ♯3

TRICK7 2007/03/24

角丸を実装するためのアイデアが紹介されてます

css

リンク

Vicuna - Movable Type テンプレート

無効なURLです。プログラム設定の反映待ちである可能性があります。しばらく時間をおいて再度アクセスをお試しください。

TRICK7 2007/03/17

MTをphp化している時は、XHTMLの各テンプレートファイルの1行目のXML宣言を<?php print "～～～" ?>で囲まないとエラーが出るよ。僕のblogの場合「<?php print "<?xml version=\"1.0\" encoding=\"UTF-8\"?>" ?>」

リンク

RIKCAT - The Art of Rik Catlow - Home

Mailing List Keep up with news and shows by signing up for my mailing list. All subscribe/unsubscribe requests must be confirmed via em ail. Connect & Socialize Interested in contacting me about a show opportunity or you have a question send me an em ail. Below are some places I visit frequently on the web. Become a Fan! — Visit my Facebook Fan Page Get Connected — Check out on Linkedin or my Faceb

TRICK7 2007/03/11

css

リンク

egolounge.de steht zum Verkauf

TRICK7 2007/03/11

リンク

Bookmark Bliss: 50 sources for web design inspiration by Fuzzy Future

When Bookmark Bliss first got started, I said that our goal was to build content that other people can use to improve their own projects. Almost every day, while I’m checking out a blog or social bookmark site like Del.icio.us or Digg, I see a post entitled something along the lines of “50 beautiful web designs” or “25 amazing wordpress templates.” As a web developer and not really a web designer,

TRICK7 2007/03/10

デザインリンクサイトへのリンク

リンク

CSSでデザインされたテーブルレスでクールなフォームサンプル:phpspot開発日誌

Tableless forms 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. CSSでデザインされたテーブルレスでクールなフォームサンプル。次のようなフォームのサンプルがダウンロードできます。 HTMLとCSS、画像がセットになっているので、ちょっと編集していろいろと応用できそう。ログインの横にアイコンが表示されていると直感的かつ、オシャレなフォームになってますね。デザイン面で参考に出来そうです。関連エントリブログのコメント部分やコメントフォームのデザインを色々集めたサイト

TRICK7 2007/03/06

tableを使わない、クールなformデザインcss

css

リンク

lockエラー | 月額200円からのレンタルサーバー JSN

まずは最近知って便利だと思ったCSSの小技をひとつ。文章の最後に、「※（米印）」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず１文字分右に動かして、「text-indent : -1em;」で最初の行だけ１文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で

TRICK7 2007/03/05

行頭をコントロール

css

リンク

bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife

CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。むしろこのサイトの方向性的に有った方が便利だよなーと。書くきっかけを頂き、感謝いたします。ちなみに、最初に指定しておくポイントってそれぞれだと思うので、一つの参考として読んでいただければ幸いです。最初にbodyに指定しておくと便利だと思う3つを。 body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "ＭＳＰゴシック", sans-serif; font-size:80%; } じゃあ、詳細について色々書

TRICK7 2007/03/02

css

リンク

ricardo cabello* blog* Windows XP Updates... annoying*

TRICK7 2007/02/22

読みやすい

css

リンク

CSSのfont-family：ヒラギノとＭＳＰゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ

CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。それでは例えば総称ファミリー名（generic-family）である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま

TRICK7 2007/02/20

フォント設定について

css

リンク

CSS Cheat Sheet

TRICK7 2007/02/15

チートシート

css

リンク

2xup.org

レンタルサーバなら「さくらのレンタルサーバ」！月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能＆大容量プランまで、用途と予算に合わせてプランを選べます。さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心してご利用いただける共用レンタルサーバサービスです。

TRICK7 2007/02/12

css

リンク

ブラウザに依存せず文字の大きさを統一させる方法 - デザインテンプレート無料配布 || Cool Web Window

TRICK7 2007/02/12

css

リンク

(mt) Media Temple - Web Hosting Built to Scale.

Looking for new web hosting? We are no longer accepting new customers as we prepare to move current Media Temple customers to GoDaddy. Please visit GoDaddy to purchase new hosting products. To learn more about this change, please visit our Customer Migration FAQ page.