2008年、当サイトでアクセスとブックマークの多かったエントリーBest 20の紹介です。 2009年は、1/5から更新を予定していますので、よろしくお願いいたします。 2008年、アクセスの多かった
2008年、当サイトでアクセスとブックマークの多かったエントリーBest 20の紹介です。 2009年は、1/5から更新を予定していますので、よろしくお願いいたします。 2008年、アクセスの多かった
2008年12月10日 ここに無ければもう無い!2008年無料アイコンベストサイト集まとめ 2008年に話題となったアイコンサイトをまとめたサイトを紹介します。サイトは50個ありますので、デスクトップに、サイトのアクセントに、使えるのでは。 ◆1. OldSchool Icon Set ◆2. Free Hand Drawn Doodle Icon Set for Bloggers ◆3. Milky icon set ◆4. Archigraphs Porcelain Icons ◆5. I-KID ICONS FOR IPHONE ◆6. Socialize Icons ◆7. Distortion Icons ◆8. Merry Christmas Icons ◆9. Coquette Icons ◆10. Turqua 3d Isometric Vector Icon Pack
Flash制作を簡単にする ActionScriptライブラリとは? 特集:Flasherに便利なオープンソース「Spark project」 Spark project コミッタ 新藤 愛大 2008/12/10 「ActionScriptライブラリ」って何? 読者の方は、Flashを使った複雑なアニメーションの制作をどのように行っているのでしょうか。ActionScriptコードを勉強して一から制作していますか? そんな人にこそ知っておいてほしいことがあります。実は、オープンソースの「ActionScriptライブラリ」を使うと、無料で簡単に複雑な機能・動きが実現できるのです。 ActionScriptライブラリとは、一言でいうと、「みんなが使えるように公開されているActionScriptコード」のことです。 イマイチピンと来ませんか? そんな人でも、「Tweener」「Paperv
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
サイトを Dreamweaver のテンプレートで管理していると 「トップページではヘッダのサイト名を h1 でマークアップしたいけど、トップページ以外ではページ名を h1 にするのでサイト名は p でマークアップしたいよな」 という時に、通常はサイト名のあるヘッダエリアは編集可能領域にしていないことが多いため、少し面倒だったりします。 強引にヘッダエリアを編集可能領域にしてしまう力技も可能ですが、一つのテンプレートの中で分岐処理を入れてやると、スマートかつ効率的にテンプレートを設計することができます。 分岐の方法はいくつかありますが、まずは基本的なのが Dreamweaver テンプレートのオプション領域を使用した以下の方法です。 1. <head></head> 内に以下の記述を入れます。 <head> : <!-- InstanceParam name="hoge" type="bo
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します(図1-1)。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ(iモード、EZweb、Yahoo!ケータイ)で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
モバイル業界について勉強する会に行ってきました 2008-10-06 モバイル業界について勉強する、カジュアルな勉強会に行ってきました。会場はGMOベンチャーパートナーズさんのご厚意による提供で、澁谷セルリアンタワーの一室で行われました。 この勉強会は月一程度で行われていて、毎回テーマが変わります。今回は以下のような流れで勉強しました。 自己紹介 名前 やっていること ケータイに欲しい機能を一つ モバイル業界について疑問に思っていることを書き出す(10分程度) 一人づつ発表する(書いたまままま読み上げる)。それを百式の田口さんホワイトボードに書き連ねる エフルート佐藤さんが自社サービスや現状のモバイル業界についてプレゼン発表する 答えられそうな疑問に一つづつ答えていく 懇親会へ 以上が90分ぐらいかけて行われました。 僕が疑問に思ったことと、答えて頂けた内容は以下の通りです。 僕の疑問 ケ
Freeziqのエントリーから、商用・個人サイトで利用可能なロイヤリティフリーの20の写真素材サイトを紹介します。 20 Best Places to get Free Stock Photography ライセンスは再販以外はフリーのものが多いですが、利用する際には個別に確認してください。
いいね! 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
DevSnippetsは、ウェブサイトの設計や開発に役立つ、HTML/CSS、JavaScript、AJAX、WordPressなどのスニペットのポータルサイトです。 DevSnippets DevSnippetsに登録されているスニペットのカテゴリは、以下の3つとなっています。 Design Elements CSS Techniques JavaScript Libraries ローンチして日が浅く、登録数は多くありませんが、今後に期待大です。 DevSnippetsは、現在総額$4600のコンテストも行っています。詳しくは下記ページを参照ください。 DevSnippets has Officially Launched with a $4600 Contest Prizes
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ&ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
ドットインストール代表のライフハックブログ
Switch On The Codeのエントリーから、スムーズにスライドするパネルを実装するスクリプトを紹介します。 Inline Sliding Panels タブ「Click Me」をクリックすると、パネルがスムーズにスライドし、それに追随して他のコンテンツも移動します。 追随しない旧版は下記です。 Javascript Sliding Panels Inline Sliding PanelsはjQueryやPrototypeなど他のJavaScriptに依存することなく動作し、動作環境はIE7, Fx3, Op9.5, Safari3.1となっています。 ※IE6, Fx2でも動作しました。
Flipping Bookは、雑誌のようにページがめくれ、拡大表示・印刷・PDF保存などの機能を備えたFlashのビューアーです。 Flash page flip engine -FlippingBook デモ Flipping Bookは、画像をフォルダに入れるだけで設定できる「HTMLエディション版」や、インターフェイスの変更も可能なFlashの機能拡張の「Flashコンポーネント版」など複数の形態で配布されています。 インターフェイスを変更したFlipping Bookのデモ Flipping BookはHTMLエディション版・Flashコンポーネント版など有償ですが、HTMLエディション版(10ページ)はフリーで利用できます(商用利用は不可)。 FlippingBook HTML Edition (Free Version) HTMLエディション版は、表示する画像(拡大画像とサムネ
The Freesound Projectは、ボタンのクリック時の音や波・風・鳥の鳴き声・ノイズ・パンチ・キック・電話・楽器などの多種多様なサウンドファイルがダウンロードできるサイトです。
Creating an Ajax contact form - from start to finish :: ENHANCE Ajax&PHPでアニメーションするコンタクトフォームを作成するサンプル。 デモページを見る 必須入力値を入力しないとエラーになったりする機能はついているみたいだけど、入力値チェックはないみたい。 送信時にフォームが子気味よくアニメーションするため、ちょっとした訪問者への驚きや、フォームデザインに懲りたい人にはよさそう。 HTMLもクリーンなので、CSSでデザインしやすくなってます。 関連エントリ CSSでユニークなコンタクトフォームを作るチュートリアル 携帯サイトのフォーム設計ポイント CSSを使ってファンシーなボタンを作成するテクニック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く