Home > ライフハック > Adobeのブラウザ表示比較ツール、『Adobe BrowserLab』がやっぱり激しく便利な件！Older以前見たときはまだ使えなかったAdobe BrowserLabですが、今見てみるとちゃんと使えるようですね。作ったサイトがそれぞれのブラウザでどう見えるかを教... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
こいつはすごい。CSS3でやっているのかな。Googleが横向きになっちゃっていますよ。↑ ここから検索。↑ 検索結果。ちなみに検索結果から別のサイトにとんでも横向きのままですね（例外もあるけど）。うーむ、すごいというか何というか。寝ながらパソコンやるときに便利かも・・・。» CSS3 Sidew... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Name (必須)Mail address (非公開) (必須)URIRemember personal infoYes NoCommentスタイル指定用の一部の HTMLタグが使用できます。Add Your CommentTrackbacks:0Trackback URL for this en... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ちょっと個人的メモ。こういうの作りたかったので。jQueryでタブメニューを作る方法です。タブの内容に応じて拡大・縮小をアニメーションで表現してくれます。↑ こういうタブメニューです。FadeIn、FadeOutしてからサイズを変える、ということですな・・・。ちょっと使ってみよう。詳細＆ダウンロー... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
Name (必須)Mail address (非公開) (必須)URIRemember personal infoYes NoCommentスタイル指定用の一部の HTMLタグが使用できます。Add Your CommentTrackbacks:0Trackback URL for this en... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
先日海外に行く前に調べたのでシェア。結局使いませんでしたが、たまに知りたくなりますよね。海外のネットカフェで日本語打てなくてローマ字でmixi日記書いたりする人も多いですが、そういうときのために使えるサイトいろいろです。ブラウザだけで日本語入力、ですな。Ajax IME: Web-based Ja... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ちょっとメモ的にエントリー。Twitterなどでよくみる、リアルタイムに「あと何文字」を表示する方法などですよ。jQueryのコードがそのまま掲載されているので勉強になりますね。紹介されているのは以下のような小技です。全部で5つですね。文字数をカウント入力された文字数をリアルタイムにカウントします... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
大量の写真を見せたいときなどに使えそうなjQueryのプラグインをご紹介。いつか使いそうなので個人的にメモっておきます。QueryLoaderを使えば、読み込みたい要素が読み込まれるまでの間、全画面で「ローディング中・・・」的アニメーションを流してくれます。FLASHページみたいでちょっとかっこい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
Home > 開発ツール・技術 > 「TwitterやFacebookっぽいインターフェースを実現したい！」というときに使えるJavaScriptチュートリアルまとめOlder「How to create a Twitter-style alert with jQuery, CSS, and PH... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
PNG画像の最適化手法についてはたまに話題に上りますが（ここらへん）、そうした処理を自動でやってくれるっぽいツールのご紹介。punypngを使えば画像をアップするだけでささっと変換してくれますよ。↑ 変換中。↑ おー、確かに。実際やってみたのでBefore＆Afterをば。上にもあるように約8%圧... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Home > Twitter関連 | jQuery関連 | 開発ツール・技術 > XHTML/CSS/JavaScriptだけで作られているのがすごい！Twitterのつぶやきを折り紙の鳥で可視化する『Tori’s Eye』OlderXHTML/CSS/JavaScriptだけで作られているのがす... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これもいつか使うかもしれないのでメモ的にエントリー。フォームの入力欄の中にラベルを表示させるjQueryのプラグインですよ。使いどころは難しそうですが、説明文とかいれておくとユーザビリティが向上するかもですよ。↑ こういうやつね。マークアップも簡単ですね。普通にHTMLとCSSを設定しつつ、jQu... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
あいかわらず秀逸なチュートリアル記事をとばしているNETTUTSからjQueryとCSSだけで作るキーボードが紹介されていましたよ。↑ こういうのができます。キーボードを綺麗にスタイリングしていくところがなかなか素敵です。使いどころがどこかといわれると微妙ですが、ちょっと美しかったので紹介してみま... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ちょっと知っておくと良いかもしれないテクニックが紹介されていましたよ。画像を使わずにタイムラインっぽい表現ができちゃっていますね。↑ こんな感じ。年表とか履歴書っぽいのにいいかもですね。HTML上では次のような表現になっているようです。style属性に入れちゃっている感じです。ちょっととっつきにく... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これ、ちょっと便利かもですよ。リスト形式（UL）でサイトマップを書くとスタイリッシュなマップに仕上げてくれるCSSです。ちゃんとリンク先も保持してくれますよ。↑ こういうHTMLが・・・。↑ こうなっちゃいます。かなり綺麗にフォーマットしてくれるのでおすすめかな。HTMLとCSSなので修正も簡単で... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
HTMLメール用にCSSの設定をインラインに記述してくれるツールがあるようですね。ウェブとHTMLメールを両方作っていて、相互に変換したい場合に便利かと。↑ HTMLを貼り付けるか、URLで指定できます。↑ たとえばこんなのが・・・。↑ こんな感じに変換されます。↑ ちなみにどのぐらいのメールクラ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
またしても「本当に使えるものだけご紹介」シリーズ。Smashing Magazineで「40+ Helpful Resources On User Interface Design Patterns」なる記事があったので全部開いてみて本当に使えそうなものだけピックアップしてみましたよ。40個は多い... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ユーザーがどこを見ているか、その視線を追うことができるアイトラッキングシステムですが、それを使った実験の結果がまとめられていました。ウェブを作る際にどこに気をつければ良いかがわかって参考になりますね。12のポイントがありますので早速超訳してみます。タイトルは写真よりも注目される写真が一番目立つかと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
「Top 7 Icon Search Engines | SingleFunction」にインスパイアされて調べものをしたのでシェア。アイコンの検索エンジンいろいろです。インスピレーションを得るのにいいですね。PNG Icons & Icon Packs Download | IconsPedia... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
現在「実践Web Standards Design」を読破中。アマゾンでもやたら評価が高かったので気になっていたのですが、改訂版が出るというので待っていたのでした。先日無事に改訂版を購入、一気に読み込んでいます。↑ やっと手に入れたぞ、と。まだ途中ではありますが、いまいちわかっていなかったDOCT... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
