B. Feeds - Kuler - Adobe Learning Resources
Manage your organization's users, settings and licenses.
ハイクオリティーなスライダー集「Top 20 Premium Quality Sliders 」
FLASHの代用として多くのサイトで取り入れられているスライダー。主にjavascriptなどで制作されており、管理のしやすさや、お手軽に導入できることから人気を集めています。今日紹介するのはハイクオリティーなスライダー集めたエントリー「Top 20 Premium Quality Sliders 」。 o’Slider 様々なタイプのスライダーがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■SV Slider- Slideshow Script 様々なタイプのスライダー表現が可能なスライダー。フューチャリストのような見せ方もできます。 ■JQuery Slider/Image Rotator 爽快感のあるアニメ表現と豊富なトランジションが魅力のスライダーjQueryを使って制作されています。 ■jQuery List
これだけ知っていればconcrete5テーマが作れる！PHPコード15
concrete5テーマの作り方の解説は公式サイトのヘルプ「テーマのつくり方」を参照してください。ここでは、基本的なテーマの仕組みが分かっている人向けのチートシートとして、テーマ作成によく使うPHPコードを紹介します。 全テーマファイル共通 <?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?> ↑テーマファイルの先頭に必ず入れるコード elements/header.phpでよく使うコード <?php echo APP_CHARSET; ?> ↑システムのcharsetを出力。<meta charset=”” />タグに使用 <?php Loader::element('header_required'); ?> ↑<head>タグ内に必要なコードを出力。必須 <
CSSでロールオーバーもどき
CSSでロールオーバーもどき ロールオーバーの際に画像の輝度を上げるやり方がありますけど、CSSで簡単にできます。 XHTMLソース <a href="http://blog.webcreativepark.net"><img src="./tor.gif" alt="to-R"/></a> CSSソース a:hover img{ opacity:0.8; filter: alpha(opacity=80); } サンプル ロールオーバー時にimg要素のopacityプロパティを使い不透明度を下げます。 IEはopacityプロパティに対応していない為、filterを使い不透明度を下げます。 簡単なんで、忙しいときに重宝します。 関連エントリー CSSで実現するスマートなロールオーバー 画像置換 cssで画像をプリロードする方法（改 一番簡単な画像置換の方法 画像置換でメニューを作る 画像
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
IE6で透過pngを使用可能にする「alphafilter.js」が、ロールオーバーに対応して嬉しい | Katt Weblog
IE6で透過pngを有効にする「alphafilter.js」がロールオーバーにも対応して、凄く便利になっていたので嬉しくて投稿。 配布元及び詳しい使用方法は、かの有名なto-R様。 みなさん凄い人ばかりで尻込みしてしまいます・・・。 使い方は本当に簡単。まずはダウンロードした「alphafilter.js」を、例のごとくhead要素内で読み込み。この時、読み込みを高速化させるためdefer属性の記述をする点がポイントみたいです。 あとは透過にしたい画像にclass=”alphafilter”を付加するだけで、IE6でも透過pngの使用が可能になります。 透過機能と併せてロールオーバー機能を使用する場合は、デフォルトの画像が「sample.png」ならロールオーバー後の画像は「sample_on.png」のように拡張子の前に「_on」を付加した画像を作ってデフォルト画像と同階層にアップ。
Mac OS X のアイコンを作ろう！ - ［Mac OSの使い方］All About
情報ウインドウのアイコンの部分をクリックして command + c （コピー）を押し、別のファイルの情報ウインドウの同じ位置で、command + v （ペースト）を押すことで、アイコンがコピーできます。コピー元になるデータは画像データであれば、アイコンである必要性はありません。 Mac OS X でも、Mac OS 9.x と同じように、Finderの“ファイル - 情報を見る”で表示されるウインドウでアイコンをコピー＆ペーストできます。 さらに、アイコンサイズではない画像データでもそのままペーストできるので、プレビューなどで表示した画像を編集 ー コピーしたものや、画像編集ソフトの画面をコピーしたものでもアイコンとして貼り付けることができます。 しかし、単純に画像データをコピー＆ペーストする方法では画像の透過した部分が白く塗りつぶされてしまうため、かっこ悪くなってしまいます。 では、
prototype.jsと同時に使うには - jQuery 日本語リファレンス
日本でも人気の高いprototype.jsのようなライブラリを、既に用いてサイト構築をしている人も多いかと思います。 しかし、新たにjQueryも試してみたい。あるいはjQueryで作られたライブラリを導入してみたい...というような場合、最も問題になるのは「$」関数の扱いです。 prototype.jsにおいて、$は"document.getElementById"に代わるもので、非常によく使われます。 一方でjQueryでは核であるjQueryオブジェクトのことで、これを使わずにjQueryのコードを書くことは、ほぼ無いでしょう。 これらを共存させるには、jQueryの"noConflict"を使います。 全ての箇所で$をprototype.jsの動作をさせる場合 次のように記述します。 <script src="prototype.js"></script> <script src
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
twitterを自分のサイトに表示するソース | Arch
twitterをホームページに表示する時、ウィジェットを使えば簡単にソースを取得できるのですが、もっとシンプルにつぶやきをのせたい、という方のためにソースも簡素にしてみました。 表示サンプルは以下です。 横幅は当サイトと同じ230pxにしています。 HTMLソースは以下です。 赤字のところは自分のIDに置き換えます。 また、緑の数字は表示件数です。 <div id="twitter"> <div id="twitter_inner"> <p id="twitter_title">twitter</p> <ul id="twitter_update_list"> </ul> <a href="http://twitter.com/your_id" id="twitter-link">follow me on Twitter</a> </div> <script type=
「jQuery Sliding Panels」 設置説明 | 頭脳外部メモリー 「独学で趣味を満喫」
またまた、とあるサイトでステキなプラグインを見かけてしまった（moreタグの「続きを読む」の下に下がる時の動きが・・・うにょ～～んって感じで下がるやつ）・・・またまた、それが何なのか探しまくって何とか発見！！・・・実は、自分もすでに使っていたプラグイン（Content with show/hide javascript for "more"）のカスタマイズ品でした・・・σ(^◇^;)ヒヤアセ 早速、自分もまねてやってみると・・・！！ｏ（＾＾ｏ）（ｏ＾＾）ｏ おおおぉ！！ 最近そんなことばかりで気が付けばプラグインがいっぱい・・・そのうち、何が入っているか書いてみよう・・・・ ・・・その後事件はおきました、(T^T) ふと画像を表示させて見ると・・・・（￣□￣；）！！ lightbox が（「jQuery」シリーズ全て）！！・・・動作不能になってるではありませんか～～！！！ ｡･ﾟﾟ･(×_
[JS]設置が簡単なパネルをスライド表示させるスクリプト -Slide box
divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。
消費者金融借り入りが有りでも住宅ローンは組めますか
近い将来、夢のマイホームを考えているのですが、その際にローンを組む予定です。私は過去に消費者金融から借入をした経緯があるのですが、そういったことがあっても住宅ローンは組めますでしょうか。 消費者金融を利用したからローンが絶対に組めないということはありません 確かに消費者金融の借入の情報は住宅ローンを組む際には有利には働きません。しかしこの借入情報は5年後に自動的に削除されるので、5年以上前に消費者金融を利用していただけで完済も済んでいるのでしたら特に問題はないです。 しかし、過去に消費者金融からの融資の返済に延滞があったことや、今も借入を行っている場合は住宅ローンの審査は難しい場合が多いですね。そもそも住宅ローン審査でチェックされることとしては、住宅ローンの借入が現状の収入の何倍の金額に該当するのかという点、収入に対しての返済比率がどうであるか。というところが見られます。そこをクリアしてい
少ないスペースに一杯情報を埋め込めるクールなアコーディオン実装jQueryプラグイン「Easy Accordion」:phpspot開発日誌
少ないスペースに一杯情報を埋め込めるクールなアコーディオン実装jQueryプラグイン「Easy Accordion」 2010年10月04日- jQuery plugin: Easy Accordion | Andrea Cima Serniotti 少ないスペースに一杯情報を埋め込めるクールなアコーディオン実装jQueryプラグイン「Easy Accordion」。 次のようなクールなアコーディオンが簡単に実装することが出来ます。 コンテンツをタイマーで自動的に切り替えることも可能 コンテンツは次のように定義しておいて後はjQueryでやってくれるというもの。 <div id="accordion-2"> <dl> <dt>Slide title</dt> <dd><h2>First mammoth here</h2><p><img src="images/mammoths/img1.p
jQueryのアコーディオン効果の使い方・作り方
jQueryのアコーディオン効果の使い方・作り方：CSSの書き方も分かるjQueryプラグイン実践活用法（2）（1/3 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 コンテンツを展開／折りたたみするアコーディオン効果 連載第1回の「jQuery、プラグイン、jQuery UI、Web経由のCDNとは」では、本連載を読むための基礎知識として、JavaScriptフレームワーク／ライブラリ「jQuery」「jQuery UI」について解説し、jQueryの拡張機能であるプラグインを作成する方法についても説明しました。jQuery、jQuery UIのプラ
最初が肝心なWordPressの設定方法 | Token Spoken
まず最初に、WordPressの基本的な設定を行います。 ダッシュボードにログインして、左のメニューにある「設定」の小項目から各種設定を行います。 基本的な設定と言いましても、いくつかの設定は後にクリティカルなものとなりますので、慎重に行う必要があります。順番に見てみましょう。 一般設定 一般設定で重要なのは「サイトのタイトル」と「キャッチフレーズ」です。 サイトのタイトル サイトのタイトルにはお好きなものをつけましょう。ただし、あなたがテーマとする内容の「キーワード」が含まれている方が後にSEO的には得になります。 また、タイトルにオリジナルの造語や固有名詞を含めば、Googleなどで検索した際に「その単語の検索結果」＝「あなたのブログに言及しているページ」となり、あなたのブログの結果を計測する一指標にしやすいでしょう。 たとえば、このブログの場合、Googleでダブルクオーテーション付
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
180.style Wiki
Quick Tip: How to Replace the Spine in Illustrator Blends | Envato Tuts+
dev7studios
TagSupplementals - ogawa - Supplemental "tag" features for Movable Type 4.2. - Google Code