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

第4回Flex SDK環境における、Progressionを使ったWebサイト構築 青木健至 2010-05-31

Googleは動画コンテンツのインデックスに力を入れ始めていて、より多くの動画コンテンツを取り込むために動画サイトマップの送信を勧めています。 サイトマップの書式は難しいものではありませんが、自分で作るとなるとやはり面倒です。 そこで今日は、WordPressブログで動画コンテンツを公開しているサイト管理者に利用してほしい「動画サイトマップを自動で生成するプラグイン」を紹介します。 “Google XML Sitemap for Videos“といいます。 インストール方法も設定方法もきわめてシンプルです。 まずファイルをダウンロードしてpluginsディレクトリにアップロードします。またはプラグインの自動インストール機能を使ってもかまいません。。 有効化します。 ナビゲーションメニューの「ツール」セクションにある「Video Sitemap」から設定画面にアクセスします。 “Genera

twitter facebook hatena google pocket まずはフォトグラファー 木村 隆宏さんのサイトを御覧ください。 こちらのサイトでは、アクセス時にポートフォリオを順番にフェードさせることで非常に印象的となっています。 今回はこちらで使用しているJavaScriptをのぞきながら、どう実現しているのかを見ていきたいと思います。 sponsors 使用方法 フォトグラファー 木村 隆宏ではJavaScriptライブラリjQueryを利用し、fade.jsでフェードを制御しています。 該当部分を抜粋し、汎用的に書き換えたのが以下となります。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $('

当ブログで公開している「jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン」を、フォントサイズが変更されたときにも高さがそろうように使う方法を紹介します。 ボックスの高さをそろえる JavaScript ライブラリといえば、to-R さんの「heightLine.js」が有名ですね。 このライブラリの中で使われているフォントサイズの変更を取得する方法が「文字サイズの変更を取得するJavaScript」という記事で紹介されているので、そのコードをお借りします。だったら最初から「heightLine.js」を使うよっていう声が聞こえてきますがｗ jQueryAutoHeight.js を実行させるコード 今回は以下のサンプルページのように、div#box1 と div#box2 の中にある p 要素に対して jQueryAutoHeight.

サイトのプロトタイプをデザインするときに、ちょくちょく登場するのがフォームまわりのパーツたちです。ラジオボタン、チェックボックス、セレクトボックス、テキストボックスなどを配置して、初期値にはこんなテキストが入ってて、だけどこっちの初期値はこうで、幅は広めに、だけどこっちは狭めに、とパターンが複数登場したりするとどんどん面倒に。 そこでリッチシンボル化ですよ。 リッチシンボルとは、簡単に言うと、プロパティを編集できるシンボル機能です。 ここではセレクトボックスを例に説明してみます。 1.まずはシンボル化 シンボル化については以前記事を書かせていただいているのでそちらも参考にしていただきつつ、セレクトボックスをシンボル化します。 Fireworks CS3 のシンボル新機能に「9 スライス」というのがあります。9 スライスガイドをこんな感じに設定します。シンボル化できたら、崩れず拡大縮小ができ

Ham CutletはRuby/Sinatra製のフリーウェア（ソースコードは公開されている）。時々見かけるのだが、インデントが全く無視されたソースコードはとても見がたいものだ。Pythonだったら動きようもないが、他の言語の場合無視しようと思えばできてしまうので、とても辛い。 こんなに汚いソースコードが… プログラミング言語の場合、それでも統一はある程度できているのではないだろうか。問題はHTMLだ。時々ものすごいソースコードに出くわしたりすることがある。そんな時に使いたいのがHam Cutletだ。 Ham Cutletは既存のHTMLソースコードを貼付けて実行し、インデントを綺麗にして表示してくれるソフトウェアだ。インデントがきちんとすれば、タグの関連性が分かりやすくなりデザインの問題も発見しやすくなる。完了したソースはそのままコピーして利用できる。 こんな綺麗なHTMLに！ 最近は

紙の雑誌向けデータをPDF化してiPad上で読めるようにしたコンテンツは多い。ただし、元々紙を前提にデザインされた雑誌は、当たり前だが紙で読むのがもっとも適している。そんななか、毎日新聞社が発売したiPad専用写真誌の「photoJ.」（フォトジェイドット）がiPadユーザーの間で話題だ。このphotoJ.の制作・デザインを手掛けるクロスデザインの代表取締役である黒須 信宏氏にiPad向け雑誌の制作や紙の雑誌との違いなどについて聞いた。（聞き手は大谷 晃司＝日経NETWORK） photoJ.の制作環境を教えてください。 （米国の雑誌である）TimeのiPad版と同じシステムで作っています。オランダのWoodWing社が開発した（米Adobe SystemsのDTPソフトである）InDesignのワークフローを効率化しコンテンツを管理するためのシステムです。このシステムにInDesignの

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。