1.2で「default.ctp」に追加された$scripts_for_layoutは、ビューからヘッダ要素を追加したい時に使える。 特定のビューでだけ使うスクリプトとか使いするのに便利。ビューごとにタイトルを変化させるとか、メタ情報も追加できるのでSEO的に大事。 次のように <?php echo $html->css('common',NULL,NULL,false); ?> と書くとヘッダの$scripts_for_layoutが置き換わる。「cake/app/webroot/css」がカレント。(直接<link>とかで記述するなら「/cake/css/」で良い) <link rel="stylesheet" type="text/css" href="/css/common.css" /> 最後の引数falseが指定されることでヘッダに追加される。trueだったり省略されるとi
ページへの設置方法は簡単で、スクリプトを外部スクリプトで記述し、数行のスタイルシートを記述するだけです。 ※「Installation」の2と3をコピペ。 使用方法も簡単で、設置済みのページで、[Alt]+Gで一時表示、[Alt]+G+[Enter]で固定表示、となっています。
CSS3に対応していないIE5/6/7/8をCSS3の擬似セレクタに対応させるスクリプトを紹介します。 ie-css3.js 対応するセレクタは、下記の11種類です。 :nth-child :nth-last-child :nth-of-type :nth-last-of-type :first-child :last-child :only-child :first-of-type :last-of-type :only-of-type :empty スクリプトの動作は、セレクタを見つけたらシミュレーションしたものに変更されて適用されている、とのことです。 スクリプトの使用方法は、DOMAssistantと併用し、外部スクリプトとして記述します。 <textarea name="code" class="html" cols="60" rows="5"> <head> <script t
テキストリンクにマウスでホバーをすると、リンク先のURLやテキスト情報をアニメーションで表示するスクリプトをafEkenholm Web Designから紹介します。 HoverAttribute jQuery plugin デモ HoverAttributeのデモ 表示できるものはhrefやrelやtitileなど属性内のデータで、URLのフォーマットやアニメーションを変更することができます。
<textarea name="code" class="html" cols="60" rows="5"> <!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> Trans
特定箇所のみハイライト表示 スクリプトの実装 ハイライト用の画像は必要なく、デフォルト時の画像一枚で実装し、ハイライト処理はスクリプトで行います。ハイライトのデザインはボーダーのカラー、サイズ、タイプを設定することができます。 座標はa要素のrelを使用し、下記のような書式になります。
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう?ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は?って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容(だと良いな)! じゃあまずは最初に確認しておきたい基本的なことか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く