CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

このサイトの一番下でJavaScriptとCSSをダウンロードできます。ダウンロードするのはProductionと書いてある方でいいと思います。ただ、CSSについてはそのままだとうまく表示されないと思うので以下のように変更して上書きします。 現在はCSSの追加なしで表示されるようになっています。また、全ファイルがzip形式でダウンロードできるようになっています。最後に書いたjavascriptのカスタマイズはまだ参考になるのでぜひご活用ください。 * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* ここからが追加部分 */ #slider { position:relative; min-height:

A few days back I debuted a sweet article that made use of MooTools JavaScript and opacity to show focus on a specified element. Here's how to accomplish that feat using jQuery. The jQuery JavaScript $(document).ready(function() { //area 1 $('.fade-area-1').children().hover(function() { $(this).siblings().stop().fadeTo(500,0.5); }, function() { $(this).siblings().stop().fadeTo(500,1); }); //area 2

先日、 WebサイトをiPadにも対応させてみようかと思っていると、Twitterのタイムラインに、iPad Detection Using JavaScript or PHPという記事を発見。 ご覧になっている方も多いかと思います。 User-Agentを判別した後、それをどう使うかは状況によって様々だとは思いますが、記事で紹介されている内容をCSS振り分けに使うとどう なるのか、試しにやってみました。 共通のテンプレートで条件分岐させるなら、とりあえずPHPで判別するのがラクなので・・・ $isiPhone = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPhone'); $isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad'); これで、iPhoneとiPadを判別できる、はず。

The domain name Linker.in is for sale A great idea deserves a great domain name!

海外ブログのQuenessで、最近公開されたばかりの新しいjQueryプラグインをまとめたエントリー「9 Brilliant jQuery Plugins and Tutorials」が公開されていたのでご紹介します。 最近公開されたjqueryのプラグインの一覧です。 Face Detection 顔認識ができるプラグイン。 リンク Supersized! フルスクリーンの画像スライダ。 リンク Hover Slide Effect 独自の画像スライダー。 リンク Sliderman 多彩なエフェクトがつけれる画像スライダー。 リンク SpryMap 独自Mapが作れるプラグイン。 リンク Latest Tweets Tooltips Twitterのつぶやきを表示するツールチップ。 リンク Quovolver 複数のメッセージをアニメーションしながら次々表示していきます。 リンク Sl

HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi

SEOだけで満足できない人のためのmetaタグ情報まとめ (前編) 「http-equiv編」 このエントリは上記のエントリの続きです。前回のエントリでは触れなかった、metaタグのname属性を持つものについてまとめたいと思います。metaタグの中で一番有名ともいえる、「meta name="keywords"」(キーワード)や「meta name="description"」(概要)もこちらに含まれます。 meta name (name属性)とは メタデータとはそもそも「文章の中身ではなく、HTML文章そのものについてのデータ」を記述するところです。前編のhttp-equivで出てきた「content-type」や「content-language」も「このHTMLの文字コードはUTF-8」だとか「日本語の文章である」と指定して、ユーザーエージェント*1に情報を与えているわけです。当然

SlideDeck enables you to build stunning content sliders for your WordPress site without any coding. Add images, text and video, embed your own custom HTML, or even dynamically pull content from your favorite sources, like Instagram, YouTube or RSS feeds.

WordPress 3.0がついにリリースされましたね。早速テスト環境に（英語版だけど）インストールしながらいろいろいじってます。 メニューがプラグインなしで作成できる機能や、タクソノミーが改良されたようで、じっくり研究したらレビューなり何なりアップ予定。 ところで、3.0で使えるかまだ試してないけど、コンテンツのスライドショーを作ってくれるプラグインを探しているので、ついでに覚え書き。（3.0で動くと良いな〜、ま、ここ何週間かの間に、大量に3.0対応のプラグインがリリースされるでしょうから、以下のプラグインもアップデートされると思うけど） iSlidex Appleのサイトっぽくしてくれるプラグイン。デモはこちら。 詳細：WordPress Plugin Directory: iSlidex SlideDeck Dynamic Content Slider 上記のような横向きアコーディオ