The domain name Linker.in is for sale A great idea deserves a great domain name!
【スタイル】 ●Web 2.0 styles 概要:上図のようなスタイルが入っている。 インストール方法:解凍したらスタイルパネルからスタイルの読み込みでweb20styles.stlを選ぶ。 Tips:photoshopライブエフェクトを使ってスタイルを作っているのでCS3から。 【コマンド】 ●DistriFusion FW8 画面はこんな感じ。(2つ画面がありますが、タブでごとの切り替えた画面を合成しています。) 概要:ドキュメント内のオブジェクトを複数のドキュメントに分配、逆に複数のドキュメントをひとつのドキュメントに結合できる。 インストール方法:Distrifusion_fw8_ja.mxpをインストールしようとするとPDFを書き出す場所を聞くダイアログが出るので任意の場所を選択。「コマンド」>「FireworksZone」に追加される。 Tips:Webレイヤーを選択するとエ
Color Animate Any Shape with a Knockout PNG | CSS-Tricks 透過PNGで枠だけ作って背景をCSS3アニメーションするという新テクニックが掲載されています。 CSS3の登場でハックの幅は広がりましたが、今後こういうテクニックが色々現れてくると思うと楽しみです。 まずはマリリンをかたどった縁の画像を透過PNGで作ります このデモは必見 あとは背景をCSS3の keyframes, animation を使ってアニメーションさせると、なんとマリリンが7色に変化します。これはすごい! マリリンはたまったものではありませんが、色々応用の効くテクニックかもしれませんね 関連エントリ CSS3で動くプログレスバー作成サンプル IE9にも対応したCSS3リファレンスサイト「css3files」 超シンプルなマークアップで実現できるCSS3による画像を使
フォームのselect要素で、直感で複数選択 出来るようにするjQueryプラグイン。複数 選択できるようにしたい場合は多くの場合は 選択項目が多く、Ctrlを使わせるのはあまり ユーザーフレンドリーとは言えませんので、 簡単に選べるようにする、というもの。 同じように複数選択を簡略化する方法は既出ですが、まぁ選択肢を増やすつもりで。IETesterでのIE6でも動作確認出来ました。 クリックすると、選択した項目が左カラムに移動します。マウスのみで複数選択出来るのでユーザーにも優しい設計では。 反対にキャンセルしたい場合は左カラムでクリックすれば右に移動します。 複数選択とかヘッダを加えるとか選択させないとかも出来るようですよ。 使いどころは限られそうですが、見た目もすっきりしているので割と便利かもですね。デモもあるのでご興味がありましたら。 jquery.multi-select
Gmailライクにローカル環境からブラウザに ドラッグ&ドロップで画像をアップロード可能 にするHTML5+jQuery製のアップローダー droparea。今後、こうしてキーボードを使う 頻度が減っていくんですかね・・HTML5の 出現で一気に加速した印象ですね。 jQuery HTML5 UploaderやjQuery File Uploadの後発に当たりますね。 イメージアップローダーです。Gmailライクにドラッグ&ドロップでアップロード出来ます。 コードs = { 'init': m.init, 'start': m.start, 'complete': m.complete, 'instructions': 'drop an image file here', 'over' : 'drop file here!', 'nosupport' : 'No support for t
Liquid has many interesting characterestics of it own. It can easily flow and molecules can move freely among themselves. You can just be as creative with it by looking over the variety and play with your artistic eyes and minds to make it more attractive for an effective work of art. They can be seen everywhere you look, from morning till night since we also need liquid to survive. From boiling w
Website designers are always looking for that extra piece of spark to liven up their pages. This often comes in the form of background images, vector artwork, and more recently popularized icons. Small icons give your user interface an extra boost in usability and clarity. It helps to categorize links and portions of your webpage without using text. For those creative enough I’ve included 33 exclu
既存のテーブルにも簡単に組み込める、テーブルに美しいフェードのアニメーションを伴ったページネーション機能を加えるjQueryのプラグインを紹介します。 Table Paginator デモ [ad#ad-2] デモはシンプルに実装されたテーブルの上にある「Click to Pagenate」をクリックすると、長いテーブルがページネーション付きのテーブルに変更されます。 テーブルの下部に配置されたナビゲーションをクリックすると、フェードのアニメーションで指定されたテーブルが表示されます。 美しいグラデショーンを伴ったフェードのアニメーション ※デモで実際のアニメーションをお楽しみください。 Table Paginatorの主な特徴 既存のテーブルにも簡単に実装できます。 美しいインターフェイスを提供します。 インターフェイスはjQuery UIのテーマを継承します。 アニメーションのスピード
商用でも無料で利用できる、最近のウェブデザインの背景にもよく見かけるグリッドベースのテクスチャが簡単に作成できるPhotoshopのパターン素材を紹介します。 120 Free Photoshop Grid Patterns [ad#ad-2] ダウンロードできるPhotoshopのパターンは全部で120種類で、細かいグリッド、荒いグリッド、斜めの金網状のグリッド、クロスステッチのようなグリッドなどさまざまなものが揃っています。
ぱっと見た瞬間「Flashだな」と思ってしまったくらいの、Flashで実装したような複雑なアニメーションやムービーを作成できるスクリプトを紹介します。 使用するのはHTML, CSS, JavaScriptで、こういったものにありがちなHTML5, Canvas, CSS3には頼っていません。jQueryなど他のスクリプトにも依存していません。 ※CSS3のエフェクトなどオプションとして利用が可能です。 Mashiの主な特徴 スタンダードなHTML, CSS, JavaScriptでFlashのようなムービー、アニメーションを作成できます。(X)HTMLコンテンツに設置が簡単にできます。 41KB/13KB(CDN+GZip)と非常に軽量で、オブジェクト指向、モジュール式です。 基本的な利用では、追加のプラグインは必要ありません。 IE6をはじめ、すべての主要なブラウザをサポートしています
Movable Typeでエラー発生箇所を特定する方法です。 Movable Type 5.0xで作っていたプラグインをMT5.1に移植したところ、新たに作成したロールを使って権限を与えたユーザーがウェブページの再構築を行ったところ、以下のエラーが発生するようになりました(この問題は5.11で解消されたバグと同件と思われます)。 エラーの詳細はシステムログにも出ていなかったのですが、システム管理画面のデバグモード(通常時は0)を「2」にすることで詳細が表示されます。 このように表示されます。 デバグモードの数字は次のとおりです(公式ドキュメントのDebugModeより抜粋)。 1:デバッグメッセージを表示する 2:スタックトレースメッセージ 8:構築に 1/4 秒以上かかったテンプレートのレポート 128:アップレベルのリクエスト/レスポンス情報の標準エラーへの出力 今回はプラグイン開発時
Movable Type 5のテンプレート編集画面でCodeMirrorを無効にする「InvalidateCodeMirror」プラグインをバージョンアップしました。 1.修正内容 Movable Type 5.1に対応するようにしました。 Movable Type 5.1テンプレート編集画面(プラグイン適用前) Movable Type 5.1テンプレート編集画面(プラグイン適用後) バージョンアップしたプラグインはMovable Type5.0xでも動作します。 2.ダウンロード 最新版のプラグインは以下のリンクからダウンロードできます。 InvalidateCodeMirror プラグイン
名刺のデザインを普通とは違うようにしていると、相手に渡した際に「お、変わった名刺ですね」ということでそこから話が展開していく訳なので、初対面の相手との話のきっかけとして非常に使いやすいわけですが、だからといってあまりにも奇抜なデザインだと相手がドン引きする可能性もあり、なかなか冒険できないというケースもあるはず。そういうときでも手軽に挑戦できるのが、名刺を透明にするということ。形状は普通の名刺の延長線上でも、クリア名刺になっているというだけで、相手に与えるインパクトは相当なものになります。 というわけで、透明でかなりクール、なおかつ割といろいろ参考になりそうな名刺デザインは以下から。 30 Transparent Business Cards | Transparent Business Card Collection ◆1:Transparent Business Card ◆2:Exc
コンバージョンを獲得して欲しい成果を得よう Google Analyticsの主要な機能の一つがこの「コンバージョン」です。コンバージョンとは、ウェブで獲得できる最終的な成果、つまりウェブ上での成功の数がコンバージョンの数ということになります。 商用ページであろうと、なかろうと、コンバージョンを設定して、目標達成の為にサイトを運用することは、どんなサイトにおいても必要なことだと思います。Google Analyticsのコンバージョン機能をマスターすれば、自分の手に入れたい結果に一歩づつ近づける道しるべになってくれます。 コンバージョンの設定方法 基本的にコンバージョンレーン(コンバージョン率)を上げる為に、サイト運営者は様々な対策を取るのですが、まず、コンバージョンの設定をして、どういったことが自身の運営するサイトにとっての成果だということを設定しなければなりません。 (本ブログではG
マイレポートで解析結果をざっと見 Google Analyticsの機能の一つ、マイレポートは解析結果をざっと見て、WEBサイトが現在どのような状況かを把握することができます。もちろん、マイレポートはカスタマイズが可能で、表示されるウィジェットは自在にカスタムすることが可能です。 Google Analyticsの入り口 マイレポート Google Analyticsの入り口に表示されるマイレポート(新しいバージョンでは入り口ではありませんが)。一番最初に確認したい項目をカスタマイズして登録しておくと非常に便利です。 (当サイトでは新バージョンでの解説をしております。新バージョンはGoogle Analyticsにログインしてから右上にある「新しいバージョン」をクリックして下さい。) マイレポートの内容をカスタマイズしてみる マイレポートはGoogle Analyticsメインメニューの
米Google、著者名でコンテンツを関連づける「rel=”author"」を発表 米グーグル、コンテンツの執筆者名を検索エンジンに伝えることができる rel="author" を発表。同じ執筆者のコンテンツを探しやすくすることも可能に。 公開日時:2011年06月09日 14:22 米Googleは2011年6月7日、ウェブページの著者名を検索結果に表示したり、同一著者名のコンテンツを関連付けることができる機能を発表した。HTML5でサポートされるrel属性「rel=”author"」を指定の書式で記述することで利用可能だ。 ウェブページを特定の著作者のプロフィールや作品・コンテンツを結び付けることで、関連情報を探しやすくすると共に、ウェブページのレリバンシーやランキングを決定する際の手掛かり(シグナル)として利用していく。発表にあわせて、CNETやThe New York Times、W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く