Name (必須)Mail address (非公開) (必須)URIRemember personal infoYes NoCommentスタイル指定用の一部の HTMLタグが使用できます。Add Your CommentTrackbacks:0Trackback URL for this en... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
すでに激しく既出ですが、初めてやったのでメモ的にエントリーしておきますよ。Internet Explorer 6でも透過PNGを使う方法ですね。本当は「IE6、爆発(ry」と思っていたりするわけですが、百式クーポンで必要だったのでやってみました。↑ このバッジを表示させるのに必要だったので・・・。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
「Peculiar」なるアイコンセットがあるのですが、執念で作り込んでいる感が素晴らしいですよ。↑ こういうアイコン。一見画像っぽいですが、全部CSSで描かれています。↑ マークアップはこんな感じ(HTML)。↑ さらにCSS。まぁ、よくぞここまで作り込んだと感心というかなんというか。なお、実際に... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ほぉ、と思ったのでエントリー。どちらもSafariかChromeで見るといいですよ。HTMLとJavaScriptを使ったシンプルなアートですね。↑ 「387」というアート。スクロールバーが織物のようです。もちろん動かせます。字を描いてもいいかも?↑ こちらは「388」。画像表示エラーをうまいこと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webkit系のCSSの表現力(というかCSS3か)は半端ないですが、CSSだけで描いたiOSアイコンが紹介されていましたよ。Safariで見ると一番良いので是非どうぞ。↑ 画像は一切使われておりません。Round Corners、Shadows、Gradientsなどなどがフル実装されているよう... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
昨日ご紹介した「【微18禁】 なにげないテキストに隠されたアート…」を読んで早速ジェネレータを作ってくれた人がいましたよ!素晴らしい…というか、仕事速すぎ!使い方はカンタンで好きな画像をアップロードしてちょっと待つだけですね。↑ 画像ファイルの種類やサイズの制限があるのでご注意!↑ なんの変哲もな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSできれいなボタンを作るのに便利そうなツールですよ。Button Makerを使えばインタラクティブにオプションを選びながらボタンを作成していくことができます。その場で確認できるのが良いですね。↑ いろいろ設定できます。↑ 完成したCSSはこのようにコピペ。ちょっとしたボタンを作るときに是非ど... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
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だけで作るキーボードが紹介されていましたよ。↑ こういうのができます。キーボードを綺麗にスタイリングしていくところがなかなか素敵です。使いどころがどこかといわれると微妙ですが、ちょっと美しかったので紹介してみま... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|