URL:Webクリエイターボックス
WebデザインやWebサイト制作のヒントがたくさん詰まったサイトです。
どの記事も内容の濃いものとなっていて、読み応えがあります。
このクオリティのコンテンツをアウトプットし続けるのは大変だと思いますが、
ぜひ継続してもらいたいです。
URL:WRANGLER BLUE BELL SPRING/SUMMER 2010
Wrangler ラングラー BLUE BELL（ブルーベル）のスペシャルサイト。
マウスドラッグでモデルがてんやわんやします。
商品のシルエットがよくわかる楽しい演出です。
Blue Bell takes the best of denim history, builds on it, …
FTPのホームディレクトリを、
/home/user_name以外の別のディレクトリに変更(chroot)する方法です。
※この場合、SSHなどでログインしたときのディレクトリは/home/user_nameのままです。
1. vsftpd.confの設定
/etc/vsftpd/vsftpd.conf に以下を設定をします。
# chroot_local_user=NO、…
URL:Jelly Beans SoftBank 840SH
SoftBankから発売された7色のカラバリから選べる携帯「Jelly Beans」のスペシャルサイト。
マウスドラッグを積極的に活用したインターフェースが面白いです。
URL:jQuery Corner
「jQuery Corner」を使うと角丸を簡単に作成できます。
実際に「jQuery Corner」を使ったHAPPY*TRAPについてのページは、
このような感じになります。
※グレーのエリアを「jQuery Corner」を使って角丸にしています。
簡単に使い方を紹介します。
1. 「jquery.js」と「jquer…
URL:WE'RE ALL FANS - The 52nd Annual GRAMMY Awards
ビヨンセが年間最優秀楽曲部門を含む、女性アーティスト史上最多6部門でのグラミー賞を獲得した
第52回グラミー賞のオフィシャルサイト。
各アーティスト毎に、YouTube、flicker、Twitterの投稿が集まってコンテンツが生成されます。
バックにはアーティストの楽曲…
URL:ぶどうの木 2010年バレンタインサイト
デザート専門店「銀座ぶどうの木」のバレンタインスペシャルサイト。
可愛くもあり大人な雰囲気も感じる洒落たデザインです。
チョコたちはどれも美味しそう。
銀座ぶどうの木が創りだした、炎のチョコレートやオリジナルクーベルチュールの炭火ショコラシリーズ等、2010年のバレンタインコレクションのご紹介
URL:探しあう検索NAVER（ネイバー）
他の検索エンジンにはない品の良さが感じられるデザインです。
人力検索と２ちゃんねるまとめの要素を含んだ「NAVERまとめ」が役立つ＆楽しいです。
NAVERは「あなたの知りたい」にワンクリックで応える検索サイト。ウェブ、画像、動画、ブログ、クチコミ、人物、映画、話題のまとめ など。人と情報、人と人とをつなぐ「探しあう検索」を提供し…
LibXML-Rubyはgemでインストールできます。
# gem install libxml-ruby
※LibXML-Rubyのインストールには、以下のライブラリが必要です。
インストールされていない場合は、別途インストールします。
libm
libz
libiconv
libxml2
簡単に使い方を紹介します。
require 'rubyge…
Playful - Pablo Alfieri
ブエノスアイレスのグラフィックデザイナーPablo Alfieriのポートフォリオサイト。
日本のサイトではあまり目にしない大胆な配色と構成のデザインです。
uriライブラリのqueryメソッドを使います。
require "uri"
uri = URI.parse("http://example.orz?foo=bar&hoge=moge")
puts uri.query
出力結果：
foo=bar&hoge=moge
URL:LEGO® CL!CK: Find your inspiration.
玩具メーカーLEGOが提供するクリエーターやアーティストたちのコミュニケーションボード。
ひとつの記事をレゴのブロックで組み上げるLEGOならではのデザインです。
記事の角のレゴをドラッグ＆ドロップすると
Twitterなどのソーシャルメディアで共有できます。
レゴの新しい使い方です…
URL:ピンクのクマがメールを運ぶ - PostPet
ピンクのクマの「モモ」でおなじみのポストペットのオフィシャルサイトです。
「モモ」色全開の可愛らしいデザインのサイトです。
mod_rewriteを使えば、
wwwありとwwwなしのアクセスをどちらか一方に寄せることができます。
例）
wwwありに寄せる
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_HOST} ^hoge\.orz
RewriteRule (.*) http://www.hoge.orz/$1 […
Dreamweaverで.htaccessファイルなどの非表示ファイルを表示する方法です。
Dreamweaverのファイルパネルメニューから[表示]-[非表示ファイルの表示]を選択します。
これで表示されます。
以下のrakeタスクで、
直前に実行したマイグレーションを取り消すことができます。
$ rake db:rollback
URL:Toyota Prius
ロシアのToyota Priusのスペシャルサイト。
プリウスに似たロボが突然踊りだしたり、
ナビゲーターがみな怪しかったりとコメディ色の強いサイトですが、
なかなかの作り込み具合です。
日本のトヨタとは違い、
賑やかで遊び心のあるコンテンツです。
URL:(^_^)365(O_O) JAGDA × HEIDELBERG
グラフィックデザイナー365人が、1人1日ずつデザインした渾身の
日めくりカレンダー「(^_^)365(O_O)」（ハローサンロクゴ）のWEBギャラリー。
日毎に新しい世界と遭遇できます。
カレンダーはなんとすでに完売だそうです。
企画概要
社団法人日本グラフィックデザイナー協会（JAGDA…
URL:David DeSandro: jQuery Masonry
「jQuery Masonry」を使うと雑誌のような段組みのレイアウトを簡単に作成できます。
実際に「jQuery Masonry」を使ったHAPPY*TRAPのブログ記事一覧は、
このような感じになります。
使い方は、「jQuery Masonry」のサイトをご覧いただければすぐにわかりますが、
…
URL:Firefox Mobile - Mozilla
先月28日にバージョン1.0がリリースされた
モバイルデバイス用Webブラウザ「Firefox for Mobile」のWEBサイト。
プロダクトの先進性とは対照的な緩いキャラのイラストが出迎えてくれます。
壁画風の質感の背景は和みますね。
PHPの組み込み関数「strip_tags」を使えば、
文字列から HTML および PHP タグを簡単に取り除くことができます。
<?php
$str= '<html><body><p><a href="/hoge">Hello!!</a></p></body></html>';
echo strip_tags($str);…
URL:Tasty Recipe - ハーゲンダッツ
日本最大の料理サイトCOOKPADにて公開中の特集、
「ハーゲンダッツの手作りスイーツ」のレシピサイト。
芸術品のようなスイーツのビジュアルを全面に押し出したインパクトの強いデザインです。
レシピに沿って作ったら同じものができるかも？
ハーゲンダッツのアイスクリームを使ったレシピをご紹介します！
ハーゲンダッツ…
URL:テンドーDS - 任天堂
昨年末に累計販売台数が1億2,513万台となり、
任天堂ハードの中で一番売れたゲーム機の座を獲得した「ニンテンドーDS」のWEBサイト。
幅広いユーザー層を意識した癖のない優しい色合いのデザインです。
2009年12月末に、ニンテンドーDSシリーズの累計販売台数が1億2,513万台となり、任天堂のハードとして、これまでの最高記録となり…
URL:100％ChocolateCafe. - 明治製菓
「56種類のチョコレート」、「365日のチョコレート」、「タブレター」など、
次々とご機嫌なコンセプトのチョコレートを展開する明治製菓「100％ChocolateCafe. 」の
WEBサイト。
主賓のチョコレートたちをたて、甘過ぎずスッキリした印象のデザインです。
明治製菓が、チョコレートの新しいおいしさ…
URL:ニンテンドーDS版『ドラゴンクエストVI 幻の大地』スペシャルサイト
発売からわずか1日で出荷本数100万本を突破した
ニンテンドーDS版「ドラゴンクエストVI 幻の大地」のWEBサイト。
ワールドマップを敷いた背景と中世ヨーロッパを思わせる装飾が施されたサイトは、
まさにドラゴンクエストの世界観そのものです。
「ドラゴンクエスト」天空シリーズ第３弾がついに登場…
URL:KieranDodds.com - Official Website of Award-Winning Photojournalist Kieran Dodds
報道カメラマンKieran DoddsのWEBサイト。
メニューからマウスカーソルを外すと磨りガラスのようにボヤけている背景の画像が一変、
鮮烈な印象の写真に。
A photojournalist i…
URL:GXR - Ricoh Japan
スライドインマウント機構によるユニット交換式を採用したデジタルカメラ「GXR」のWEBサイト。
「GXR」の質感が伝わってくるような品の良いデザインです。
フォトギャラリーが充実してます。
スライド＆チェンジするたび、表現世界は拡大する。コンパクトで多才な、ユニット交換式カメラシステム「GXR」。
URL:New スーパーマリオブラザーズ Wii
裏切り（？）と謀略（？）が渦巻く協力プレイの盛り上がりがハンパないゲーム、
「New スーパーマリオブラザーズ Wii」のWEBサイト。
任天堂のゲームはどれも家族や友人と安心して楽しめるクオリティなのがすごい。
WEBサイトではTVCMがすべて閲覧できます。
マリオよく息が続くね
～TVCMより水中ステージにて…
URL:Mary's | トーキョーチョコレート
メリーチョコレートの新ブランド「トーキョーチョコレート」のWEBサイトです。
「トーキョーは甘くて、少しせつない」
このフレーズだけでいろいろなストーリーが妄想できます。
ショートムービーのとんでもな展開が笑えますが、
観終わった後には、なぜか、「トーキョーは甘くて、少しせつない」感が。
＜トーキョーチョコレート＞…
URL:iPad - ウェブ、メール、写真を体験する最高の方法。 - アップル
ついにでましたね、iPad。
そして、iPadの日本版オフィシャルページも公開されました。
iPadは学生にとって紙のノートに代わるデバイスになりえるのではないでしょうか。
ノート代わりにメモをとるだけでなく、
授業の内容に関連する情報（テキストや動画）にその場で簡単にアクセスできますから、…
URL:MOLESKINE モレスキン
2月に新しく「パッションコレクション」 が発売されるMOLESKINE(モレスキン)のWEBサイト。
MOLESKINEが並んでるビジュアルだけで、欲しくなるから不思議です。
レシピ、ワイン、ブック、フィルム、ミュージック、ウェルネスの6種類。
タイトルごとに異なるページレイアウトで、レシピブックにはカロリー表や旬の食べ物カレンダーなど…
URL:Francfranc フランフラン
3月に銀座店がオープンするFrancfrancのWEBサイト。
無駄のないシンプルなデザインなので、ビジュアル要素が映えます。
2010年3月 銀座に、いよいよFrancfrancがオープンいたします！
今までのFrancfrancとは違う、新しい魅力を携えたGINZA Francfranc。
さらなる詳細は、今後WEBサイトで発…
Dreamweaverにファイル比較ツールを組み込むと、
ファイルの編集、差分チェック、サーバーへのアップロードまでの一連の作業を
Dreamweaverで完結することができ、作業効率が格段に上がります。
今回は、ファイル比較ツールに「DF」を使用します。
・DFのダウンロードはこちらから
1. DreamweaverにDFを設定します
Dreamweaverの[…
Modelのallメソッドを使えばテーブルの全レコードを含む配列オブジェクトを取得できます。
class HogesController < ApplicationController
def index
@hoges = Hoge.all
end
end
実行環境
Rails 2.3.5
Emacsのリージョンをハイライト表示する設定です。
.emacsに以下を追加します。
(setq-default transient-mark-mode t)
cronジョブからCakePHPのアクションを実行する方法です。
1. まずはcronジョブがキックするスクリプトを作成します。
webroot/files/kickme.php
<?php
$_GET['url'] = "hoges/add";
require_once( dirname( dirname(__FILE__) ) . "/index.php" )…
わかりづらい場所にあるのでポストしておきます。
[設定 - リーダー設定] > [登録フィード]の画面
いずれかのフィードの「フォルダに追加」ボタンをクリックし「新しいフォルダ」を選択します。
ポップアップされた入力フィールドにフォルダ名を入力すれば新しいフォルダが作成されます。
URL:livedoor Reader - RSSリーダー
livedoor ReaderのフィードをOPMLフォーマットでエクスポートする方法です。
livedoor Readerにログインした状態で、
http://reader.livedoor.com/export/opmlにアクセスします。
export.xmlというファイル名でダウンロードできます。
以下のコードだと、IE6ではaタグのonclickイベントでsubmitすることができません。
javascript
function do_submit() {
document.form_name.submit();
}
html
<a href="javascript:void(0);" onclick="do_submit();">submitす…
以下のrakeタスクを実行すると、
データベース「アプリ名_development」が生成されます。
$ rake db:create RAILES_ENV='development'
実行環境
Rails 2.3.5
Add追加するカラム名To追加先テーブル名
という記法でカラムを追加するmigrationコードを生成(generate)することができます。
例）
$ ruby script/generate migration AddPhoneToUsers phone:string
生成されたコードを確認してみましょう。
db/migrate/20100126125228_add…
Emacsに行番号を表示させるには「wb-line-number.el」を使います。
1. 「wb-line-number.el」の作者様サイトからダウンロードします。
wb-line-number.el
2. 「wb-line-number.el」を/usr/share/emacs/site-lisp/にアップロードします。
※パスが通っている場所ならどこでもよい…
URL:世界の終わり official web site
最近ラジオから良く流れてくる優しい声の曲が気になって調べてみたら
「世界の終わり」というバンドの「幻の命」という曲でした。
（最初、バンド名が曲名かと思いました。）
2007年、深瀬慧・中島真一・藤崎彩織・DJLOVEの４人により結成されたロックバンド。
自分達で、ゼロから作り上げたライヴハウス「club EARTH…
URL:YouTube - Music Discovery Project
アーティスト名を入力するだけで、
アーティストの動画をリストアップして再生してくれるYouTubeの新サービスです。
生成されたリストに沿って順に自動で再生してくれます。
また、関連アーティストもリストアップしてくれたり、
リストはカスタマイズ可能で保存もできます。
至れり尽くせりのサービ…
Ruby on RailsでBASIC認証をかけるには、
authenticate_or_request_with_http_basicを使用します。
app/controllers/application_controller.rb
※「ユーザー名」、「パスワード」の部分は適切に設定してください。
class ApplicationController < ActionCont…
アフリカの飢餓と貧困層を解消する目的のもと、
豪華アーティストが一堂に会し作られたチャリティー・ソング「We Are The World」。
１９８５年の発売から25年を経て、
ハイチ支援のために新たなメンバーによって再レコーディングされるとのことです。
2月1日、音楽業界のヒットメーカーたちは、グラミー賞のトロフィーを手に直帰するわけではない。その多くが、ロサンゼルスにもう…
URL:小向美奈子 オフィシャルサイト - Minako Komukai Official Web -
小向 美奈子さんのオフィシャルサイトが公開されています。
ドメインが.comであることや、
日本語以外にも英語、中国語に対応していることから、
今後のグローバルな活躍が期待されます。
ツイッターもやられてますね。
小向美奈子ツイッター minakokomukai
URL:How to Create a Vector Smiley Icon - Chemist2dio Labs
Chemist2dio Labsにて
Adobe Illustrator CS3を使用してハイクオリティなスマイリーアイコンを作るチュートリアルが公開されてます。
How to Create a Vector Smiley Icon
- Chemist2dio …
テスト実行時にLoadErrorになってしまう場合は、
-Iオプションを付けて実行します。
テストスクリプト
test/unit/hoge_test.rb
require 'test_helper'
class HogeTest < ActiveSupport::TestCase
test "the truth" do
assert true
end
…
Mix-in（ミックスイン）を使えば、
メソッドなどを複数のクラスで使用できるため、
コードの重複を減らしていくことができます。
以下はrailsのMix-in（ミックスイン）の使用例です。
1. module句でメソッドを囲みます。
class HogesController < ApplicationController
module SampleModule
…
