画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
【コラム】クリエイターのためのライフハック (54) マイクロブログ「Twitter」 を使った便利なメモ帳サービス | クリエイティブ | マイコミジャーナル
「What are you doing?」(今何してる?)という質問に応えるだけというシンプルなコンセプトで多くの支持を得ている Twitter。Twitterをはじめとしたマイクロブログサービスは、今年に入って注目を浴び始め、国内外問わず類似したサービスが数多く存在しています。IM(インスタントメッセンジャー)とは異なった人との会話やSNSとは少し違ったゆるいつながりが人気の秘密といわれています。また、Twitter の会員ページからメッセージを投稿する必要がなく、専用アプリケーションやIM経由から投稿ができるのもこのサービスの使いやすさのポイントです。 英語インタフェースのサービスですが、日本人も多く参加しているTwitter Twitterのシンプルなコンセプトゆえに一体どう使ったら良いのだろうと迷ってしまう方もいると思います。同僚や友人との会話に使うのも良いですし、ブレインストーミ
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました:phpspot開発日誌
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました 2007年11月15日- My DebugBar | ToDo / Beta This new version introduces a new DOM tab with greatly improved features on the css side and is fully unicode ! WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました。 DebugBar をインストールすると、DebugBarツールバーとDebugBarエクスプローラーバーがインストールされます。 DebugBarツールバーでは次のことが出来ます。 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10%
ソーシャルブックマークのコメントへ簡単にアクセスするためのFirefox拡張いろいろ | POP*POP
以前、『ブログで紹介する前にソーシャルブックマークのコメントを読みましょう』で、ソーシャルブックマークのコメントを読む重要性を記事にしましたが、コメントを読むまでに手間が掛かってしまうと、なかなか実践できませんよね。 そこで今回ご紹介するのは、今見ているページのソーシャルブックマークコメントに簡単にアクセスするFirefox拡張です。 以下、いくつかご紹介。 ■ Smart Digg Button 『Smart Digg Button』をインストールすると、今見ているページが何件”Digg”されているか、Firefoxのステータスバーに表示されます。 ↑ こんな感じです。ここをクリックすると、Diggへ飛ぶので関連のコメントをすぐに読むことができます。 インストール、および詳細はこちらから。 » Smart Digg Button ■ はてなブックマークカウンタ 『はてなブックマークカウン
ファイルサイズ無制限で送受信できる無料ネットサービス「PipeBytes」 - GIGAZINE
通常のファイル送信サービス、オンラインストレージサービスは送信できるファイル容量に制限がある場合がほとんどですが、この「PipeBytes」はファイルサイズ無制限がウリ。ユーザー登録も不要です。 というわけで、実際の使い方は以下から。 PipeBytes http://www.pipebytes.com/ まずファイルをアップロードするために「Send File」をクリック 次に「参照」ボタンをクリック 送信したいファイルを選んで「開く」をクリック それから「Start Upload」をクリック するとダウンロードの必要なコードが出現するのでコピーします。 ファイルを相手にダウンロードしてもらうために前述のコードをメールなどで教えます。ファイルを受信したい人はhttp://www.pipebytes.com/のトップページから今度は「Pickup File」をクリック コードを入力し、「P
[JS]画像を使用しないでグラデーションを表現するスクリプト -gradient
gradientは、画像を使用しないでブロック要素やインライン要素にグラデーションの背景を表示するスクリプトです。 gradient デモページ gradientはjQueryのプラグインで、動作にはjquery.jsとdimensions.jsが必要です。 キャプチャ画像は、gif画像のためモアレがでてグラデーションが汚いですが、実際はきれいなグラデーションで表示されます。 サンプル グラデーションは、始点と終点の色、水平・垂直方向、グラデーションのポジション・開始位置などの指定ができます。
登録作業が全くいらないファイル共有サイト「drop.io」 - GIGAZINE
メールアドレスや名前などの登録作業が全くいらないシェアリングサイト「drop.io」。一度にアップできるファイルサイズの上限は100MBですが、メールで送るにはちょっと大きいなと言うときなどに簡単でとても便利。パスワードや有効期限も設定可能です。 詳細と使い方は、以下から。Drop.io: Simple, Private Storage & Sharing まずは、「Add Files」からアップロードするファイルを登録する。 URLの入力を行う。初めから7けたのランダムな英数字が入っていますが、7文字以上の任意のものも登録可能。 パスワードを入力する。パスワード無しでも問題なし。 期限を入力する。1日、1週間、1ヶ月、6ヶ月、1年から選択可能。これは意外と珍しい便利な機能かも。 アップしたコンテンツの表示や追加の方法は、以下の三つより選択可能。「表示のみ」、「表示とテキスト追加」、「表示
Adobe MAX レポート：インタラクションデザインの実際：アイデアの開発 - てっく煮ブログ
超有名な中村勇吾氏によるセッション。開場前に長蛇の列ができていて、人気なんだなぁ、と思った。導入言葉「言葉、文法」＋「組み合わせ、配置」→「文章」「あなた」「は」「美しい」は言葉以上の意味が出るデザインでもそうだよ VOCABULARY（語彙・手法） ＋ COMPOSITION（構成・バランス）組み合わさって、「新たな単位」言語や素材を組み合わせていかにいい作品、広告にするかReactive Field反応して快感（クリックして楽しい）→前後で認識が変わる感覚→空間な感じTenKey Studyキーボードのタイミングテストを生かして作ったMONALISAモナリザを載せてみた顔が変形するのがおもしろいVAIONET100触ってると物理法則（ルール）がわかるBlackRibbon (注：自分の環境では激重だった) 2次元に見えて3次元Intentionallies剛体シミュレーションデスクトッ
Adobe MAX リアルタイムレポート：ニコニコ動画とFlash - てっく煮ブログ
ドワンゴ 戀塚さん。まとめのクオリティよりもリアルタイム性を重視したメモ。たぶん後で資料公開されるので、正確な情報はそちらにて。(追記)公開されたようですdwango research and development dept. ≫ Blog Archive ≫ Adobe Max Japan 2007 講演資料「ニコニコ動画とFlash」ニュースサイトにも記事が出たようです。開発者が明かす「ニコニコ動画」人気の“キモ” - ITmedia Newsドワンゴ開発者が語る「ニコニコ動画」の中身 − ＠ITCodeZine：【Adobe MAX Japan 2007】 ニコニコ動画がActionScript 2を採用したワケ（レポート）ニコニコ動画とは2.1 参加方法動画投稿 意見を問いながら投稿できるコメントをもらえてモチベーションが高まる既存動画を加工する。２次３次加工が容認されているマイ
Adobe MAX リアルタイムレポート：基調講演 - てっく煮ブログ
開始前の様子。社長の話概要Kevin Lynchコンテンツを提供するメディアが変わってきた1980年代：フロッピー1990年代：CD-ROM2000年代：ネットワーク重要なのは次のような５つのこと：コンテンツの重要性 見た目にこだわりがちだけど、コンテンツありきパーソナライズ 全ての人に同じものを見せるのではなく、TPO に合わせて見せ方を変える少ないことはよいことだ シンプルなことが好まれる動きに意味をもたせよう 人は動きに注目する何でもかんでもアニメーションさせるのではなく、理解を助けるためにアニメーションを利用する創るのはUIではなく経験 全ては最高の "Experience" のためにサンプル紹介自転車ツアーのデモhttp://www.amgentourofcalifornia.com/docroot/tourtracker2/index.htmlVideoH.264Moviest
[CSS]変数が使えるスタイルシート -Moonfall
Moonfallは、CGIを利用してスタイルシートを指定するもので、変数を利用できることによりスタイルシート宣言の簡略化が可能です。
ウィンドウサイズに合わせてCSSを変更できるdynamiclayout.js
ウィンドウサイズに合わせてCSSを変更できるdynamiclayout.js Dynamiclayout.jsはウィンドウサイズに合わせて読み込むCSSファイルを変更できるJavaScriptライブラリになります。 dを使用することにより、リキッドイアウトの幅を広げることが可能です。 設置方法 ダウンロードしたdynamiclayout.jsをhead要素などで読み込みます。 <script src="./dynamiclayout.js" type="text/javascript"></script> ウィンドウ幅に合わせたCSSファイルを用意します。 それぞれのCSSファイルを読み込む際にはtitle属性に ウィンドウ幅が750pxまでの場合の『thin』 ウィンドウ幅が950pxまでの場合の『wide』 ウィンドウ幅が950pxより大きい場合の『wider』 を付けて読み込みます。
ビジュアル情報だけで検索する実験サイト -Idee Labs
Idee Labsでは、メタデータを使用せず、画像の形・カラー・テクスチャなどの視覚情報から検索する実験サイトです。 Idee Labs Idee Labsでは、現在「Multicolour Search」と「Visual Search」の２つの検索サービスをリリースしています。 Multicolour Search Lab 複数の色を対象にそれを含んでいる画像を検索します。 下のキャプチャ画像は、Multicolour Searchで緑と赤を検索したものです。一番上のは、虹色を検索したものです。
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://appleple.heteml.jp/blog/index.php?ID=653
http://appleple.heteml.jp/blog/index.php?ID=654
trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -
trick7.com blog: tha 中村勇吾
マイブログ – ちょうど別のWordPressサイト
http://youmos.com/news/dynamic_page_flip
